Webデザインやグラフィック制作、イラストレーションにおいてアクアブルーを正確に扱うためには、各種カラーコードの指定を把握しておく必要があります。デジタルディスプレイ(RGB)と印刷物(CMYK)では色の再現域が異なるため、用途に応じた数値の使い分けが欠かせません。
Web標準(CSSカラー)において「Aqua」は「Cyan」と完全に同一のコードが割り当てられていますが、ファッションやプロダクトの現場では、少し落ち着きを持たせたバリエーションも広く使われています。
【代表的なアクアブルーの数値一覧】
- Web標準アクア(鮮烈なサイバー感・純色):
HEX(カラーコード):#00FFFF
RGB:(0, 255, 255)
CMYK(参考値):C:55% / M:0% / Y:10% / K:0% - パステルアクア(柔らかく透明感のあるトーン):
HEX:#70DAE3
RGB:(112, 218, 227)
CMYK:C:48% / M:0% / Y:15% / K:0% - ディープアクア(JIS慣用色名のマリンブルー寄り):
HEX:#00A3AF
RGB:(0, 163, 175)
CMYK:C:78% / M:15% / Y:28% / K:0%
WebサイトのUIデザインでアクアブルーを採用する場合、白背景の上に「#00FFFF」をテキスト色として置くとコントラスト比が不足し視認性が低下します。ボタンの背景やアクセントラインに用いるか、ダークモードの黒背景と組み合わせてネオンのように発光させる手法が効果的です。