ColorTool
ログイン
#DCAF59

#dcaf59 ≈ Indian Yellow

  • オレンジ
  • 明度: 中程度
  • 彩度: 高め
  • 暖色
コントラストを確認 グラフで探索 ランダムな色

#dcaf59はオレンジ系の色です（明度：中程度、彩度：高め）。 RGBでは赤86.27%、緑68.63%、青34.9%で構成され、CMYK印刷ではシアン0%、マゼンタ20.45%、イエロー59.55%、ブラック13.73%を使います。 HSLでは色相角39.39°、彩度65.17%、明度60.59%です。 暖色で、熱意、温かさ、創造性を連想させることが多い色です。 デザインでは主にCTAボタン、食品ブランドやレストラン、ブランドのアクセントに使われます。 この色の上に黒の文字を置くとコントラスト比は10.32:1（WCAG AAA）です。 最も近い色名はIndian Yellow（#e3a857）で、ΔEは4.53です。

この色の測定値から自動生成した説明です。

HEX
RGB
RGB（%）
CMY
CMYK
HSL
HSV / HSB
Webセーフ#cc9966
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
2進数
10進数
相対輝度0.466

補色

  1. #dcaf59
  2. #5986dc

分裂補色

  1. #dcaf59
  2. #59c7dc
  3. #6e59dc

類似色

  1. #dc6e59
  2. #dcaf59
  3. #c7dc59

トライアド

  1. #dcaf59
  2. #59dcaf
  3. #af59dc

テトラード

  1. #dcaf59
  2. #86dc59
  3. #5986dc
  4. #af59dc

スクエア

  1. #dcaf59
  2. #59dc6e
  3. #5986dc
  4. #dc59c7

モノクロマティック

  1. #815e1b
  2. #c08c28
  3. #dcaf59
  4. #e9cd98
  5. #f7ecd7

シェード

#dcaf59に黒を段階的に混ぜた色です。

  1. #dcaf59
  2. #c69e50
  3. #b08c47
  4. #9a7b3e
  5. #846935
  6. #6e582d
  7. #584624
  8. #42351b
  9. #2c2312
  10. #161209
  11. #000000

ティント

#dcaf59に白を段階的に混ぜた色です。

  1. #dcaf59
  2. #e0b76a
  3. #e3bf7a
  4. #e7c78b
  5. #eacf9b
  6. #eed7ac
  7. #f1dfbd
  8. #f5e7cd
  9. #f8efde
  10. #fcf7ee
  11. #ffffff

トーン

#dcaf59にグレーを段階的に混ぜた色です。

  1. #dcaf59
  2. #d3aa5d
  3. #caa661
  4. #c0a165
  5. #b79c69
  6. #ae986d
  7. #a59370
  8. #9c8e74
  9. #928978
  10. #89857c
  11. #808080

読みやすい文字 2.04:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
読みやすい文字 10.32:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

1色覚（全色盲） #b6b6b6 男性の約0.003%
不完全1色覚 #c6b399 男性の約0.001%
1型2色覚（P型） #c2af51 男性の約1.01%
2型2色覚（D型） #cdba5c 男性の約1.27%
3型2色覚（T型） #eda19c 男性の約0.0001%
1型3色覚（P型弱） #cdaf54 男性の約1.08%
2型3色覚（D型弱） #d3b65b 男性の約4.63%
3型3色覚（T型弱） #e6a786 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-dcaf59 {
  color: #dcaf59;
}
背景色
.bg-dcaf59 {
  background-color: #dcaf59;
  color: #000000;
}
枠線
.border-dcaf59 {
  border: 2px solid #dcaf59;
}
CSS変数
:root {
  --color-primary: #dcaf59;
  --color-primary-rgb: 220 175 89;
  --color-primary-hsl: 39 65% 61%;
}
グラデーション
.gradient-dcaf59 {
  background: linear-gradient(135deg, #dcaf59, #c7dc59);
}
色付きの影
.shadow-dcaf59 {
  box-shadow: 0 8px 24px rgb(220 175 89 / 0.35);
}

#e3a857 Indian Yellow ΔE 4.53 #e5b73b Meat Brown ΔE 5.37 #d4af37 Metallic Gold ΔE 5.66 #daa520 Goldenrod ΔE 5.75 #eaa221 Marigold ΔE 7.32 #deb887 Burly Wood ΔE 7.68 #ffb347 Pastel Orange ΔE 7.80 #2350a6 反転色 #b6b6b6 グレースケール 

Indian Yellow
#dcaf59  rgb(220, 175, 89)  hsl(39, 65%, 61%)  Indian Yellow
#5986dc  rgb(89, 134, 220)  hsl(219, 65%, 61%)  United Nations Blue
#59dcaf  rgb(89, 220, 175)  hsl(159, 65%, 61%)  Medium Aquamarine
#af59dc  rgb(175, 89, 220)  hsl(279, 65%, 61%)  Medium Orchid