#ABCCF0

#ABCCF0

#F0CFAB

#F0CFAB

对比度

1.13:1

Delta E

44.69

Very Different

50:50 混合

#D2CDCE

颜色值

格式 #ABCCF0 #F0CFAB
HEX #ABCCF0 #F0CFAB
RGB 171, 204, 240 240, 207, 171
HSL 211.3, 69.7%, 80.6% 31.3, 69.7%, 80.6%
HSV 211.3, 28.8%, 94.1% 31.3, 28.8%, 94.1%
CMYK 28.8%, 15.0%, 0.0%, 5.9% 0.0%, 13.7%, 28.8%, 5.9%
OKLCH 0.8333 0.0619 250.8 0.8735 0.0604 69.3

对比度与无障碍

1.13:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #F0CFAB → 背景色: #ABCCF0

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

文本: #ABCCF0 → 背景色: #F0CFAB

色差 (Delta E)

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

渐变

#ABCCF0 #BACCE5 #C7CDD9 #D2CDCE #DDCEC2 #E7CEB7 #F0CFAB

颜色混合

#ABCCF0

100%

#C0CDDF

75:25

#D2CDCE

50:50

#E2CEBC

25:75

#F0CFAB

100%

CSS渐变代码

background: linear-gradient(to right, #ABCCF0, #F0CFAB);
background: linear-gradient(135deg, #ABCCF0, #F0CFAB);

探索每种颜色

#ABCCF0

查看完整颜色详情

#F0CFAB

查看完整颜色详情

相关比较