ホーム·色名辞典

黄土色

#CC7722

HEX#CC7722
RGB204, 119, 34
HSL30°, 71%, 47%
CMYK0%, 42%, 83%, 20%
相対輝度0.26

文字コントラスト

Aa

白地で

3.37:1 AA未満

Aa

黒地で

6.23:1 AA適合

相性のよい色

補色

#2378CD

類似色

#CD2323#CDCD23

トライアド

#23CD78#7823CD

明度段階

50100200300400500600700800

色覚多様性での見え方

1型(P型)2型(D型)3型(T型)

読み方

  • hexコードは赤・緑・青をそれぞれ16進数二桁で書いたものです。#ff0000は赤が最大でほかが0という色です。
  • HSLは色相(0〜360°)・彩度・明度で書きます。少し明るくしたいときは明度だけ動かせばよく、手で扱いやすいです。
  • 文字コントラストはWCAG基準です。本文サイズの文字は4.5:1以上必要で、白と黒の21:1が最大値です。
  • 色覚の行は、三つの色覚特性でこの色がどう見えるかを計算したものです。色だけで情報を分けてはいけない理由がここにあります。

よくある質問

Q. 黄土色のhexコードは何ですか。

#CC7722です。RGBでは204、119、34、HSLでは色相30°、彩度71%、明度47%です。

Q. 黄土色の上に載せる文字は白と黒どちらですか。

黒です。白とのコントラストは3.37:1、黒とは6.23:1なので、本文サイズの文字を読ませるなら比の大きい方を選びます。

Q. 黄土色の補色は何ですか。

色相環で180°反対側の#2378CDです。並べると互いを最も強く押し合うので、アクセントには向きますが広い面積に一緒に使うと目が疲れます。

Q. このCMYK値はそのまま印刷に使えますか。

計算値はC 0%・M 42%・Y 83%・K 20%です。ただし実際の印刷は紙とインクで変わるので、色が重要な印刷物では印刷所の色見本で確認してください。

Q. 色覚多様性でもこの色は区別できますか。

1型では#A7A637、2型では#ACB23B、3型では#C8474Aに見えます。これらの値が別の色と近づく組み合わせでは、色だけで分けず形や文字を添えてください。

近い色