#CCCCFD

#CCCCFD

#FDFDCC

#FDFDCC

对比度

1.48:1

Delta E

52.75

Very Different

50:50 混合

#E7E4E5

颜色值

格式 #CCCCFD #FDFDCC
HEX #CCCCFD #FDFDCC
RGB 204, 204, 253 253, 253, 204
HSL 240.0, 92.5%, 89.6% 60.0, 92.5%, 89.6%
HSV 240.0, 19.4%, 99.2% 60.0, 19.4%, 99.2%
CMYK 19.4%, 19.4%, 0.0%, 0.8% 0.0%, 0.0%, 19.4%, 0.8%
OKLCH 0.8614 0.0677 284.9 0.982 0.063 107.5

对比度与无障碍

1.48:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #FDFDCC → 背景色: #CCCCFD

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

文本: #CCCCFD → 背景色: #FDFDCC

色差 (Delta E)

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

渐变

#CCCCFD #D6D4F5 #DEDCED #E7E4E5 #EFECDD #F6F5D5 #FDFDCC

颜色混合

#CCCCFD

100%

#DAD8F1

75:25

#E7E4E5

50:50

#F2F1D9

25:75

#FDFDCC

100%

CSS渐变代码

background: linear-gradient(to right, #CCCCFD, #FDFDCC);
background: linear-gradient(135deg, #CCCCFD, #FDFDCC);

探索每种颜色

#CCCCFD

查看完整颜色详情

#FDFDCC

查看完整颜色详情

相关比较