CSS の名前付きカラー
RoyalBlue のカラーコード
RoyalBlue はブルー系の色で、明るさは中くらい、彩度は高めです。カラーコードは #4169E1 です。 RGB では rgb(65, 105, 225)、HSL では hsl(225, 73%, 57%)、CMYK では cmyk(71%, 53%, 0%, 12%) です。
RoyalBlue
#4169E1
カラー値
CSS ではキーワード royalblue で指定できます。
RoyalBlue の上の白い文字のコントラスト比は 4.85:1、黒い文字は 4.33:1 なので、白の文字の方が読みやすくなります。
最も近い Tailwind CSS のカラーは Blue 600 (#2563EB) です。
CSS で RoyalBlue を使う
.element {
color: royalblue;
background-color: #4169e1;
border-color: rgb(65, 105, 225);
}RoyalBlue の濃淡
同じ色相で明るい色から暗い色までの 10 段階。クリックでコピーできます。
RoyalBlue と相性のよい色
#4169E1 をもとにした色相環の配色。スウォッチをクリックしてコピーするか、カラーホイールで開けます。
RoyalBlue の上の文字コントラスト
Aa
白い文字
4.85:1
AA
Aa
黒い文字
4.33:1
AA · 大きなテキスト
RoyalBlue に近い色
最も近い CSS カラー名
最も近い中国の伝統色
最も近い Tailwind カラー
近い色を含むパレット
RoyalBlue についてのよくある質問
RoyalBlue のカラーコードは？
RoyalBlue のカラーコードは #4169E1 です。RGB 値は rgb(65, 105, 225)、HSL 値は hsl(225, 73%, 57%) です。
RoyalBlue に合う色は？
RoyalBlue の補色は #E1B941 です。やわらかい配色なら類似色の #41B9E1、#6941E1、バランスのよい 3 色配色ならトライアドの #E14169、#69E141 を使いましょう。
RoyalBlue は文字色として読みやすいですか？
白い背景の上では RoyalBlue のコントラスト比は 4.85:1 で、通常テキストの WCAG AA 基準（4.5:1）を満たしています。黒い背景の上では 4.33:1 です。