#ABBDF4

#ABBDF4

#F4E2AB

#F4E2AB

对比度

1.44:1

Delta E

60.4

Very Different

50:50 混合

#D4CFD0

颜色值

格式 #ABBDF4 #F4E2AB
HEX #ABBDF4 #F4E2AB
RGB 171, 189, 244 244, 226, 171
HSL 225.2, 76.8%, 81.4% 45.2, 76.8%, 81.4%
HSV 225.2, 29.9%, 95.7% 45.2, 29.9%, 95.7%
CMYK 29.9%, 22.5%, 0.0%, 4.3% 0.0%, 7.4%, 29.9%, 4.3%
OKLCH 0.8041 0.0807 270.5 0.9142 0.0735 92.1

对比度与无障碍

1.44:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #F4E2AB → 背景色: #ABBDF4

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

文本: #ABBDF4 → 背景色: #F4E2AB

色差 (Delta E)

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

渐变

#ABBDF4 #BAC3E8 #C8C9DC #D4CFD0 #E0D5C4 #EADCB8 #F4E2AB

颜色混合

#ABBDF4

100%

#C1C6E2

75:25

#D4CFD0

50:50

#E5D8BE

25:75

#F4E2AB

100%

CSS渐变代码

background: linear-gradient(to right, #ABBDF4, #F4E2AB);
background: linear-gradient(135deg, #ABBDF4, #F4E2AB);

探索每种颜色

#ABBDF4

查看完整颜色详情

#F4E2AB

查看完整颜色详情

相关比较