#CCEEE8

#CCEEE8

#EECCD2

#EECCD2

对比度

1.19:1

Delta E

26.01

Very Different

50:50 混合

#DFDDDD

颜色值

格式 #CCEEE8 #EECCD2
HEX #CCEEE8 #EECCD2
RGB 204, 238, 232 238, 204, 210
HSL 169.4, 50.0%, 86.7% 349.4, 50.0%, 86.7%
HSV 169.4, 14.3%, 93.3% 349.4, 14.3%, 93.3%
CMYK 14.3%, 0.0%, 2.5%, 6.7% 0.0%, 14.3%, 11.8%, 6.7%
OKLCH 0.923 0.0363 183.7 0.8756 0.039 5.9

对比度与无障碍

1.19:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

敏捷的棕色狐狸跳过了懒狗

文本: #EECCD2 → 背景色: #CCEEE8

敏捷的棕色狐狸跳过了懒狗

文本: #CCEEE8 → 背景色: #EECCD2

色差 (Delta E)

26.01 Very Different
0 — 完全相同 5 — 相似 25 — 明显差异 100 — 差异很大

渐变

#CCEEE8 #D3E8E4 #D9E3E1 #DFDDDD #E4D8D9 #E9D2D6 #EECCD2

颜色混合

#CCEEE8

100%

#D6E6E2

75:25

#DFDDDD

50:50

#E7D5D7

25:75

#EECCD2

100%

CSS渐变代码

background: linear-gradient(to right, #CCEEE8, #EECCD2);
background: linear-gradient(135deg, #CCEEE8, #EECCD2);

探索每种颜色

#CCEEE8

查看完整颜色详情

#EECCD2

查看完整颜色详情

相关比较