ColorTool
ログイン
#D6CA83

#d6ca83 ≈ Flax

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

#d6ca83は黄系の色です（明度：高い、彩度：中程度）。 RGBでは赤83.92%、緑79.22%、青51.37%で構成され、CMYK印刷ではシアン0%、マゼンタ5.61%、イエロー38.79%、ブラック16.08%を使います。 HSLでは色相角51.33°、彩度50.3%、明度67.65%です。 暖色で、楽観、注意喚起、喜びを連想させることが多い色です。 デザインでは主に強調表示や警告、子ども向け商品、ブランドのアクセントに使われます。 この色の上に黒の文字を置くとコントラスト比は12.64:1（WCAG AAA）です。 最も近い色名はFlax（#eedc82）で、ΔEは5.54です。

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

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

補色

  1. #d6ca83
  2. #838fd6

分裂補色

  1. #d6ca83
  2. #83b8d6
  3. #a183d6

類似色

  1. #d6a183
  2. #d6ca83
  3. #b8d683

トライアド

  1. #d6ca83
  2. #83d6ca
  3. #ca83d6

テトラード

  1. #d6ca83
  2. #8fd683
  3. #838fd6
  4. #ca83d6

スクエア

  1. #d6ca83
  2. #83d6a1
  3. #838fd6
  4. #d683b8

モノクロマティック

  1. #908230
  2. #c3b14a
  3. #d6ca83
  4. #e9e3bd
  5. #faf8f0

シェード

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

  1. #d6ca83
  2. #c1b676
  3. #aba269
  4. #968d5c
  5. #80794f
  6. #6b6542
  7. #565134
  8. #403d27
  9. #2b281a
  10. #15140d
  11. #000000

ティント

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

  1. #d6ca83
  2. #dacf8f
  3. #ded59c
  4. #e2daa8
  5. #e6dfb5
  6. #ebe5c1
  7. #efeacd
  8. #f3efda
  9. #f7f4e6
  10. #fbfaf3
  11. #ffffff

トーン

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

  1. #d6ca83
  2. #cdc383
  3. #c5bb82
  4. #bcb482
  5. #b4ac82
  6. #aba582
  7. #a29e81
  8. #9a9681
  9. #918f81
  10. #898780
  11. #808080

読みやすい文字 1.66:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
読みやすい文字 12.64:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

1色覚（全色盲） #c9c9c9 男性の約0.003%
不完全1色覚 #cec9b1 男性の約0.001%
1型2色覚（P型） #d7c67e 男性の約1.01%
2型2色覚（D型） #dacb86 男性の約1.27%
3型2色覚（T型） #e2c1b8 男性の約0.0001%
1型3色覚（P型弱） #d6c880 男性の約1.08%
2型3色覚（D型弱） #d9cb85 男性の約4.63%
3型3色覚（T型弱） #ddc4a6 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-d6ca83 {
  color: #d6ca83;
}
背景色
.bg-d6ca83 {
  background-color: #d6ca83;
  color: #000000;
}
枠線
.border-d6ca83 {
  border: 2px solid #d6ca83;
}
CSS変数
:root {
  --color-primary: #d6ca83;
  --color-primary-rgb: 214 202 131;
  --color-primary-hsl: 51 50% 68%;
}
グラデーション
.gradient-d6ca83 {
  background: linear-gradient(135deg, #d6ca83, #b8d683);
}
色付きの影
.shadow-d6ca83 {
  box-shadow: 0 8px 24px rgb(214 202 131 / 0.35);
}

#eedc82 Flax ΔE 5.54 #bdb76b Dark Khaki ΔE 5.66 #f0dc82 Buff ΔE 5.77 #e4d96f Straw ΔE 6.32 #f0e68c Khaki ΔE 6.95 #c5b358 Vegas Gold ΔE 7.07 #f3e5ab Vanilla ΔE 7.14 #29357c 反転色 #c9c9c9 グレースケール 

Flax
#d6ca83  rgb(214, 202, 131)  hsl(51, 50%, 68%)  Flax
#838fd6  rgb(131, 143, 214)  hsl(231, 50%, 68%)  Cornflower Blue
#83d6ca  rgb(131, 214, 202)  hsl(171, 50%, 68%)  Medium Turquoise
#ca83d6  rgb(202, 131, 214)  hsl(291, 50%, 68%)  Orchid