#CCEDFD

#CCEDFD

#FDDCCC

#FDDCCC

对比度

1.05:1

Delta E

28.58

Very Different

50:50 混合

#E7E5E4

颜色值

格式 #CCEDFD #FDDCCC
HEX #CCEDFD #FDDCCC
RGB 204, 237, 253 253, 220, 204
HSL 199.6, 92.5%, 89.6% 19.6, 92.5%, 89.6%
HSV 199.6, 19.4%, 99.2% 19.6, 19.4%, 99.2%
CMYK 19.4%, 6.3%, 0.0%, 0.8% 0.0%, 13.0%, 19.4%, 0.8%
OKLCH 0.9273 0.0408 228.6 0.9177 0.0427 47.5

对比度与无障碍

1.05:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #FDDCCC → 背景色: #CCEDFD

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

文本: #CCEDFD → 背景色: #FDDCCC

色差 (Delta E)

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

渐变

#CCEDFD #D6EAF5 #DFE7ED #E7E5E4 #EFE2DC #F6DFD4 #FDDCCC

颜色混合

#CCEDFD

100%

#DAE9F1

75:25

#E7E5E4

50:50

#F3E0D8

25:75

#FDDCCC

100%

CSS渐变代码

background: linear-gradient(to right, #CCEDFD, #FDDCCC);
background: linear-gradient(135deg, #CCEDFD, #FDDCCC);

探索每种颜色

#CCEDFD

查看完整颜色详情

#FDDCCC

查看完整颜色详情

相关比较