#CCECFF

#CCECFF

#FFDFCC

#FFDFCC

对比度

1.02:1

Delta E

29.84

Very Different

50:50 混合

#E8E6E5

颜色值

格式 #CCECFF #FFDFCC
HEX #CCECFF #FFDFCC
RGB 204, 236, 255 255, 223, 204
HSL 202.4, 100.0%, 90.0% 22.4, 100.0%, 90.0%
HSV 202.4, 20.0%, 100.0% 22.4, 20.0%, 100.0%
CMYK 20.0%, 7.5%, 0.0%, 0.0% 0.0%, 12.5%, 20.0%, 0.0%
OKLCH 0.9259 0.0424 234.0 0.9252 0.0437 52.6

对比度与无障碍

1.02:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #FFDFCC → 背景色: #CCECFF

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

文本: #CCECFF → 背景色: #FFDFCC

色差 (Delta E)

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

渐变

#CCECFF #D6EAF6 #DFE8EE #E8E6E5 #F0E3DD #F8E1D4 #FFDFCC

颜色混合

#CCECFF

100%

#DBE9F2

75:25

#E8E6E5

50:50

#F4E2D9

25:75

#FFDFCC

100%

CSS渐变代码

background: linear-gradient(to right, #CCECFF, #FFDFCC);
background: linear-gradient(135deg, #CCECFF, #FFDFCC);

探索每种颜色

#CCECFF

查看完整颜色详情

#FFDFCC

查看完整颜色详情

相关比较