#CCCDEF

#CCCDEF

#EFEECC

#EFEECC

对比度

1.31:1

Delta E

36.79

Very Different

50:50 混合

#DFDDDE

颜色值

格式 #CCCDEF #EFEECC
HEX #CCCDEF #EFEECC
RGB 204, 205, 239 239, 238, 204
HSL 238.3, 52.2%, 86.9% 58.3, 52.2%, 86.9%
HSV 238.3, 14.6%, 93.7% 58.3, 14.6%, 93.7%
CMYK 14.6%, 14.2%, 0.0%, 6.3% 0.0%, 0.4%, 14.6%, 6.3%
OKLCH 0.8584 0.047 284.0 0.9411 0.0446 105.8

对比度与无障碍

1.31:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #EFEECC → 背景色: #CCCDEF

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

文本: #CCCDEF → 背景色: #EFEECC

色差 (Delta E)

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

渐变

#CCCDEF #D3D2E9 #D9D8E4 #DFDDDE #E4E3D8 #EAE8D2 #EFEECC

颜色混合

#CCCDEF

100%

#D6D5E7

75:25

#DFDDDE

50:50

#E7E6D5

25:75

#EFEECC

100%

CSS渐变代码

background: linear-gradient(to right, #CCCDEF, #EFEECC);
background: linear-gradient(135deg, #CCCDEF, #EFEECC);

探索每种颜色

#CCCDEF

查看完整颜色详情

#EFEECC

查看完整颜色详情

相关比较