ネイビーのカラーコード一覧!HexやRgb・Cmyk数値まとめ

ネイビーのカラーコード一覧!HexやRgb・Cmyk数値まとめ

ネイビーのカラーコード一覧!HexやRgb・Cmyk数値まとめにまつわる興味深い視点を詳しく紐解きます。

制作現場の第一線で頻繁に指定される主要ネイビーと青系ダークトーンの数値を整理しました。デジタル画面(HEX/RGB)からオフセット印刷(CMYK)まで、ネイビー色見本コピペ用データとしてそのままご利用いただけます。

色名・用途カテゴリカラーコード(HEX)RGB / CMYK数値編集部の見解・デザイン適性標準ネイビー(W3C Navy)#000080RGB: (0, 0, 128)
CMYK: (100, 98, 0, 50)HTML基本16色の1つ。非常にクラシックで重厚。現代UIではやや古風に見える場合がある。ミッドナイトブルー#191970RGB: (25, 25, 112)
CMYK: (95, 90, 0, 55)ミッドナイトブルーカラーコードの代表格。夜空の深みを感じさせ、高級感あるプレミアムサイトに最適。ダークネイビー(モダンUI)#0a2540RGB: (10, 37, 64)
CMYK: (100, 85, 35, 55)FinTechやSaaSのグローバルトップ企業が好む色調。知的で信頼感のある最高峰のビジネスネイビー。日本の伝統「濃紺(のうこん)」#0f2350RGB: (15, 35, 80)
CMYK: (100, 90, 30, 45)濃紺カラーコードの正統派。黒に限りなく近いが、自然光や高輝度ディスプレイで凛とした青が際立つ。日本の伝統「紺色(こんいろ)」#223a70RGB: (34, 58, 112)
CMYK: (95, 80, 20, 20)藍染め由来の落ち着いた藍紺。和モダンやコーポレートサイトのベースカラーとして極めて汎用性が高い。青系トレンドネイビー(Deep Royal)#1e3a8aRGB: (30, 58, 138)
CMYK: (98, 85, 5, 10)Tailwind CSSの「blue-900」に相当。ネイビー青系おすすめコードとして、暗すぎず鮮やかさを残す最適解。クラシックWEBセーフカラー#003366RGB: (0, 51, 102)
CMYK: (100, 80, 20, 30)ネイビーWEBセーフカラー(216色)の代表。24bit全盛の現代でも官公庁や教育機関で高い安定性を誇る。
鈴木 陽菜
Author

鈴木 陽菜

暮らしを豊かにする便利アイテムや時短アイデアを中心に、実用的な情報をお届けします。