#CCEEBA

#CCEEBA

#DCBAEE

#DCBAEE

对比度

1.34:1

Delta E

60.8

Very Different

50:50 混合

#D6D5D5

颜色值

格式 #CCEEBA #DCBAEE
HEX #CCEEBA #DCBAEE
RGB 204, 238, 186 220, 186, 238
HSL 99.2, 60.5%, 83.1% 279.2, 60.5%, 83.1%
HSV 99.2, 21.8%, 93.3% 279.2, 21.8%, 93.3%
CMYK 14.3%, 0.0%, 21.8%, 6.7% 7.6%, 21.8%, 0.0%, 6.7%
OKLCH 0.9114 0.0778 134.9 0.835 0.08 313.8

对比度与无障碍

1.34:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DCBAEE → 背景色: #CCEEBA

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

文本: #CCEEBA → 背景色: #DCBAEE

色差 (Delta E)

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

渐变

#CCEEBA #D0E6C3 #D3DDCC #D6D5D5 #D9CCDD #DAC3E6 #DCBAEE

颜色混合

#CCEEBA

100%

#D2E1C8

75:25

#D6D5D5

50:50

#DAC7E1

25:75

#DCBAEE

100%

CSS渐变代码

background: linear-gradient(to right, #CCEEBA, #DCBAEE);
background: linear-gradient(135deg, #CCEEBA, #DCBAEE);

探索每种颜色

#CCEEBA

查看完整颜色详情

#DCBAEE

查看完整颜色详情

相关比较