ColorTool
ログイン
#D0CD95

#d0cd95 ≈ Sage

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

#d0cd95は黄系の色です（明度：高い、彩度：低め）。 RGBでは赤81.57%、緑80.39%、青58.43%で構成され、CMYK印刷ではシアン0%、マゼンタ1.44%、イエロー28.37%、ブラック18.43%を使います。 HSLでは色相角56.95°、彩度38.56%、明度70%です。 暖色で、楽観、注意喚起、喜びを連想させることが多い色です。 デザインでは主に強調表示や警告、子ども向け商品、ブランドのアクセントに使われます。 この色の上に黒の文字を置くとコントラスト比は12.85:1（WCAG AAA）です。 最も近い色名はSage（#bcb88a）で、ΔEは5.65です。

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

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

補色

  1. #d0cd95
  2. #9598d0

分裂補色

  1. #d0cd95
  2. #95b5d0
  3. #b095d0

類似色

  1. #d0b095
  2. #d0cd95
  3. #b5d095

トライアド

  1. #d0cd95
  2. #95d0cd
  3. #cd95d0

テトラード

  1. #d0cd95
  2. #98d095
  3. #9598d0
  4. #cd95d0

スクエア

  1. #d0cd95
  2. #95d0b0
  3. #9598d0
  4. #d095b5

モノクロマティック

  1. #8d893f
  2. #b8b460
  3. #d0cd95
  4. #e7e6ca
  5. #f9f8f1

シェード

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

  1. #d0cd95
  2. #bbb986
  3. #a6a477
  4. #929068
  5. #7d7b59
  6. #68674b
  7. #53523c
  8. #3e3e2d
  9. #2a291e
  10. #15150f
  11. #000000

ティント

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

  1. #d0cd95
  2. #d5d2a0
  3. #d9d7aa
  4. #dedcb5
  5. #e3e1bf
  6. #e8e6ca
  7. #ecebd5
  8. #f1f0df
  9. #f6f5ea
  10. #fafaf4
  11. #ffffff

トーン

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

  1. #d0cd95
  2. #c8c593
  3. #c0be91
  4. #b8b68f
  5. #b0ae8d
  6. #a8a78b
  7. #a09f88
  8. #989786
  9. #908f84
  10. #888882
  11. #808080

読みやすい文字 1.63:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
読みやすい文字 12.85:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

1色覚（全色盲） #cacaca 男性の約0.003%
不完全1色覚 #cdcbb7 男性の約0.001%
1型2色覚（P型） #d7c991 男性の約1.01%
2型2色覚（D型） #d8cc97 男性の約1.27%
3型2色覚（T型） #d9c6be 男性の約0.0001%
1型3色覚（P型弱） #d4ca93 男性の約1.08%
2型3色覚（D型弱） #d5cc96 男性の約4.63%
3型3色覚（T型弱） #d5c9af 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

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

#bcb88a Sage ΔE 5.65 #eee8aa Pale Goldenrod ΔE 6.44 #f3e5ab Vanilla ΔE 6.92 #bdb76b Dark Khaki ΔE 7.21 #c2b280 Ecru ΔE 7.79 #eedc82 Flax ΔE 8.39 #f0e68c Khaki ΔE 8.62 #2f326a 反転色 #cacaca グレースケール 

Sage
#d0cd95  rgb(208, 205, 149)  hsl(57, 39%, 70%)  Sage
#9598d0  rgb(149, 152, 208)  hsl(237, 39%, 70%)  Wild Blue Yonder
#95d0cd  rgb(149, 208, 205)  hsl(177, 39%, 70%)  Powder Blue
#cd95d0  rgb(205, 149, 208)  hsl(297, 39%, 70%)  Plum