ColorTool
ログイン
#CAE8BF

#cae8bf ≈ Tea Green

  • 緑
  • 明度: とても高い
  • 彩度: 低め
  • 中間色
コントラストを確認 グラフで探索 ランダムな色

#cae8bfは緑系の色です（明度：とても高い、彩度：低め）。 RGBでは赤79.22%、緑90.98%、青74.9%で構成され、CMYK印刷ではシアン12.93%、マゼンタ0%、イエロー17.67%、ブラック9.02%を使います。 HSLでは色相角103.9°、彩度47.13%、明度82.94%です。 暖色と寒色の中間で、自然、健康、調和を連想させることが多い色です。 デザインでは主にエコブランド、健康・ウェルネス、やわらかなパステル配色に使われます。 この色の上に黒の文字を置くとコントラスト比は15.81:1（WCAG AAA）です。 最も近い色名はTea Green（#d0f0c0）で、ΔEは2.32です。

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

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

補色

  1. #cae8bf
  2. #ddbfe8

分裂補色

  1. #cae8bf
  2. #c8bfe8
  3. #e8bfdf

類似色

  1. #dfe8bf
  2. #cae8bf
  3. #bfe8c8

トライアド

  1. #cae8bf
  2. #bfcae8
  3. #e8bfca

テトラード

  1. #cae8bf
  2. #bfe8dd
  3. #ddbfe8
  4. #e8bfca

スクエア

  1. #cae8bf
  2. #bfdfe8
  3. #ddbfe8
  4. #e8c8bf

モノクロマティック

  1. #6dc04e
  2. #9bd487
  3. #cae8bf
  4. #f3faf0
  5. #f3faf0

シェード

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

  1. #cae8bf
  2. #b6d1ac
  3. #a2ba99
  4. #8da286
  5. #798b73
  6. #657460
  7. #515d4c
  8. #3d4639
  9. #282e26
  10. #141713
  11. #000000

ティント

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

  1. #cae8bf
  2. #cfeac5
  3. #d5edcc
  4. #daefd2
  5. #dff1d9
  6. #e5f4df
  7. #eaf6e5
  8. #eff8ec
  9. #f4faf2
  10. #fafdf9
  11. #ffffff

トーン

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

  1. #cae8bf
  2. #c3deb9
  3. #bbd3b2
  4. #b4c9ac
  5. #acbea6
  6. #a5b4a0
  7. #9eaa99
  8. #969f93
  9. #8f958d
  10. #878a86
  11. #808080

読みやすい文字 1.33:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
読みやすい文字 15.81:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

1色覚（全色盲） #dfdfdf 男性の約0.003%
不完全1色覚 #d7e3d3 男性の約0.001%
1型2色覚（P型） #ebe1bd 男性の約1.01%
2型2色覚（D型） #e6dec1 男性の約1.27%
3型2色覚（T型） #c9e5dc 男性の約0.0001%
1型3色覚（P型弱） #dfe4be 男性の約1.08%
2型3色覚（D型弱） #dbe2c0 男性の約4.63%
3型3色覚（T型弱） #cae6d1 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

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

#d0f0c0 Tea Green ΔE 2.32 #ace1af Celadon ΔE 5.50 #a8e4a0 Granny Smith Apple ΔE 7.76 #9fe2bf Seafoam Green ΔE 8.29 #aaf0d1 Magic Mint ΔE 8.84 #fafad2 Light Goldenrod Yellow ΔE 10.21 #f0fff0 Honeydew ΔE 10.86 #351740 反転色 #dfdfdf グレースケール 

Tea Green
#cae8bf  rgb(202, 232, 191)  hsl(104, 47%, 83%)  Tea Green
#ddbfe8  rgb(221, 191, 232)  hsl(284, 47%, 83%)  Thistle
#bfcae8  rgb(191, 202, 232)  hsl(224, 47%, 83%)  Light Steel Blue
#e8bfca  rgb(232, 191, 202)  hsl(344, 47%, 83%)  Baby Pink