#4169e1のRGB値はいくつですか？

#4169E1（ロイヤルブルー）のRGB値はrgb(65, 105, 225)です。HSLではhsl(225, 73%, 57%)、CMYK近似値ではC71% M53% Y0% K12%になります。

#4169e1をCMYKで印刷するときの注意点は？

このページのCMYK値（C71% M53% Y0% K12%）は「K=1-max」の一般式による近似値です。RGBとCMYKでは表現できる色の範囲が異なるため、正確な色変換にはICCカラープロファイル（Japan Color 2001 Coatedなど）を使った変換が必要です。印刷物で色を厳密に合わせたい場合は、印刷会社の指定プロファイルで確認してください。

#4169e1をWebで使うにはどう書けばいいですか？

CSSで「color: #4169e1;」や「background-color: #4169e1;」のように指定します。rgb(65, 105, 225)やhsl(225, 73%, 57%)の表記でも同じ色になります。CSSの色名「royalblue」としてもそのまま指定できます。

#4169E1（RoyalBlue / ロイヤルブルー）のカラーコード｜RGB・HSL・CMYK換算

ロイヤルブルー（#4169e1）のRGB・HSL・CMYK換算、コントラスト比、明度違いの色見本を確認できます。

#4169E1の換算表（HEX・RGB・HSL・CMYK）

HEX	#4169e1
RGB	rgb(65, 105, 225)
HSL	hsl(225, 73%, 57%)
CMYK近似	C71% M53% Y0% K12%

HEX

#4169e1

RGB

rgb(65, 105, 225)

HSL

hsl(225, 73%, 57%)

CMYK近似

C71% M53% Y0% K12%

白背景・黒背景での見え方

#4169e1を背景にする場合、白文字とのコントラスト比は4.85:1、黒文字とは4.33:1。 WCAG AA（通常文字）の基準は4.5:1以上です。ほかの色との組み合わせはカラーコントラストチェッカーで確認できます。

ロイヤルブルーのシェードバリエーション（明度10段階）

色相・彩度はそのままに明度だけを95%〜5%まで変えた色見本です。クリックでHEX値をコピーできます。

青系の近い色

#4169E1（ロイヤルブルー）について

ロイヤルブルーは英国王室に由来する鮮やかな青です。カラーコードは#4169E1、RGB値はrgb(65, 105, 225)、HSLではhsl(225, 73%, 57%)になります。 CSSでは色名「royalblue」としてそのまま指定できる標準色（named color）のひとつです。

カラーコードの使い方

CSSでは color: #4169e1; のようにHEX値で指定するのが最も一般的です。
透明度を扱いたい場合は rgba(65, 105, 225, 0.5) のようにRGBA表記を使います。
明るさだけを調整したい場合はHSL表記（hsl(225, 73%, 57%)）のL（明度）を変えると直感的です。
CMYK値は近似値です。印刷で正確な色を出すにはカラープロファイルによる変換が必要です。

よくある質問

#4169e1のRGB値はいくつですか？: #4169E1（ロイヤルブルー）のRGB値はrgb(65, 105, 225)です。HSLではhsl(225, 73%, 57%)、CMYK近似値ではC71% M53% Y0% K12%になります。
#4169e1をCMYKで印刷するときの注意点は？: このページのCMYK値（C71% M53% Y0% K12%）は「K=1-max」の一般式による近似値です。RGBとCMYKでは表現できる色の範囲が異なるため、正確な色変換にはICCカラープロファイル（Japan Color 2001 Coatedなど）を使った変換が必要です。印刷物で色を厳密に合わせたい場合は、印刷会社の指定プロファイルで確認してください。
#4169e1をWebで使うにはどう書けばいいですか？: CSSで「color: #4169e1;」や「background-color: #4169e1;」のように指定します。rgb(65, 105, 225)やhsl(225, 73%, 57%)の表記でも同じ色になります。CSSの色名「royalblue」としてもそのまま指定できます。

#4169E1（RoyalBlue / ロイヤルブルー）のカラーコード