#CCEEBB

#CCEEBB

#DDBBEE

#DDBBEE

对比度

1.33:1

Delta E

59.78

Very Different

50:50 混合

#D7D5D5

颜色值

格式 #CCEEBB #DDBBEE
HEX #CCEEBB #DDBBEE
RGB 204, 238, 187 221, 187, 238
HSL 100.0, 60.0%, 83.3% 280.0, 60.0%, 83.3%
HSV 100.0, 21.4%, 93.3% 280.0, 21.4%, 93.3%
CMYK 14.3%, 0.0%, 21.4%, 6.7% 7.1%, 21.4%, 0.0%, 6.7%
OKLCH 0.9116 0.0766 135.3 0.8378 0.0787 314.4

对比度与无障碍

1.33:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DDBBEE → 背景色: #CCEEBB

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

文本: #CCEEBB → 背景色: #DDBBEE

色差 (Delta E)

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

渐变

#CCEEBB #D0E6C4 #D4DDCD #D7D5D5 #D9CDDE #DBC4E6 #DDBBEE

颜色混合

#CCEEBB

100%

#D2E2C8

75:25

#D7D5D5

50:50

#DAC8E2

25:75

#DDBBEE

100%

CSS渐变代码

background: linear-gradient(to right, #CCEEBB, #DDBBEE);
background: linear-gradient(135deg, #CCEEBB, #DDBBEE);

探索每种颜色

#CCEEBB

查看完整颜色详情

#DDBBEE

查看完整颜色详情

相关比较