#CCFCFD

#CCFCFD

#FDCDCC

#FDCDCC

对比度

1.28:1

Delta E

35.32

Very Different

50:50 混合

#E8E5E4

颜色值

格式 #CCFCFD #FDCDCC
HEX #CCFCFD #FDCDCC
RGB 204, 252, 253 253, 205, 204
HSL 181.2, 92.5%, 89.6% 1.2, 92.5%, 89.6%
HSV 181.2, 19.4%, 99.2% 1.2, 19.4%, 99.2%
CMYK 19.4%, 0.4%, 0.0%, 0.8% 0.0%, 19.0%, 19.4%, 0.8%
OKLCH 0.9582 0.0488 197.9 0.8896 0.0545 19.6

对比度与无障碍

1.28:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #FDCDCC → 背景色: #CCFCFD

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

文本: #CCFCFD → 背景色: #FDCDCC

色差 (Delta E)

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

渐变

#CCFCFD #D6F4F5 #E0EDEC #E8E5E4 #F0DDDC #F7D5D4 #FDCDCC

颜色混合

#CCFCFD

100%

#DBF1F1

75:25

#E8E5E4

50:50

#F3D9D8

25:75

#FDCDCC

100%

CSS渐变代码

background: linear-gradient(to right, #CCFCFD, #FDCDCC);
background: linear-gradient(135deg, #CCFCFD, #FDCDCC);

探索每种颜色

#CCFCFD

查看完整颜色详情

#FDCDCC

查看完整颜色详情

相关比较