#CCDAFD

#CCDAFD

#FDEFCC

#FDEFCC

对比度

1.23:1

Delta E

38.18

Very Different

50:50 混合

#E7E4E5

颜色值

格式 #CCDAFD #FDEFCC
HEX #CCDAFD #FDEFCC
RGB 204, 218, 253 253, 239, 204
HSL 222.9, 92.5%, 89.6% 42.9, 92.5%, 89.6%
HSV 222.9, 19.4%, 99.2% 42.9, 19.4%, 99.2%
CMYK 19.4%, 13.8%, 0.0%, 0.8% 0.0%, 5.5%, 19.4%, 0.8%
OKLCH 0.889 0.0506 268.1 0.9543 0.048 88.8

对比度与无障碍

1.23:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #FDEFCC → 背景色: #CCDAFD

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

文本: #CCDAFD → 背景色: #FDEFCC

色差 (Delta E)

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

渐变

#CCDAFD #D5DDF5 #DEE1ED #E7E4E5 #EEE8DD #F6EBD4 #FDEFCC

颜色混合

#CCDAFD

100%

#DADFF1

75:25

#E7E4E5

50:50

#F2EAD9

25:75

#FDEFCC

100%

CSS渐变代码

background: linear-gradient(to right, #CCDAFD, #FDEFCC);
background: linear-gradient(135deg, #CCDAFD, #FDEFCC);

探索每种颜色

#CCDAFD

查看完整颜色详情

#FDEFCC

查看完整颜色详情

相关比较