#ABC9EC

#ABC9EC

#ECCEAB

#ECCEAB

对比度

1.14:1

Delta E

42.81

Very Different

50:50 混合

#D0CBCC

颜色值

格式 #ABC9EC #ECCEAB
HEX #ABC9EC #ECCEAB
RGB 171, 201, 236 236, 206, 171
HSL 212.3, 63.1%, 79.8% 32.3, 63.1%, 79.8%
HSV 212.3, 27.5%, 92.5% 32.3, 27.5%, 92.5%
CMYK 27.5%, 14.8%, 0.0%, 7.5% 0.0%, 12.7%, 27.5%, 7.5%
OKLCH 0.8256 0.0591 252.5 0.8679 0.0574 71.3

对比度与无障碍

1.14:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #ECCEAB → 背景色: #ABC9EC

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

文本: #ABC9EC → 背景色: #ECCEAB

色差 (Delta E)

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

渐变

#ABC9EC #B9CAE1 #C5CBD7 #D0CBCC #DACCC1 #E3CDB6 #ECCEAB

颜色混合

#ABC9EC

100%

#BFCADC

75:25

#D0CBCC

50:50

#DFCDBB

25:75

#ECCEAB

100%

CSS渐变代码

background: linear-gradient(to right, #ABC9EC, #ECCEAB);
background: linear-gradient(135deg, #ABC9EC, #ECCEAB);

探索每种颜色

#ABC9EC

查看完整颜色详情

#ECCEAB

查看完整颜色详情

相关比较