#CCD8FE

#CCD8FE

#FEF2CC

#FEF2CC

对比度

1.27:1

Delta E

41.06

Very Different

50:50 混合

#E7E5E5

颜色值

格式 #CCD8FE #FEF2CC
HEX #CCD8FE #FEF2CC
RGB 204, 216, 254 254, 242, 204
HSL 225.6, 96.2%, 89.8% 45.6, 96.2%, 89.8%
HSV 225.6, 19.7%, 99.6% 45.6, 19.7%, 99.6%
CMYK 19.7%, 15.0%, 0.0%, 0.4% 0.0%, 4.7%, 19.7%, 0.4%
OKLCH 0.8854 0.0541 271.5 0.961 0.051 92.6

对比度与无障碍

1.27:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #FEF2CC → 背景色: #CCD8FE

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

文本: #CCD8FE → 背景色: #FEF2CC

色差 (Delta E)

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

渐变

#CCD8FE #D6DCF6 #DFE0EE #E7E5E5 #EFE9DD #F7EED5 #FEF2CC

颜色混合

#CCD8FE

100%

#DADEF2

75:25

#E7E5E5

50:50

#F3EBD9

25:75

#FEF2CC

100%

CSS渐变代码

background: linear-gradient(to right, #CCD8FE, #FEF2CC);
background: linear-gradient(135deg, #CCD8FE, #FEF2CC);

探索每种颜色

#CCD8FE

查看完整颜色详情

#FEF2CC

查看完整颜色详情

相关比较