#AFBAF2

#AFBAF2

#F2E7AF

#F2E7AF

对比度

1.51:1

Delta E

61.0

Very Different

50:50 混合

#D5D0D1

颜色值

格式 #AFBAF2 #F2E7AF
HEX #AFBAF2 #F2E7AF
RGB 175, 186, 242 242, 231, 175
HSL 230.1, 72.0%, 81.8% 50.1, 72.0%, 81.8%
HSV 230.1, 27.7%, 94.9% 50.1, 27.7%, 94.9%
CMYK 27.7%, 23.1%, 0.0%, 5.1% 0.0%, 4.5%, 27.7%, 5.1%
OKLCH 0.8001 0.0804 275.8 0.9233 0.0731 98.3

对比度与无障碍

1.51:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #F2E7AF → 背景色: #AFBAF2

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

文本: #AFBAF2 → 背景色: #F2E7AF

色差 (Delta E)

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

渐变

#AFBAF2 #BDC1E7 #C9C9DC #D5D0D1 #DFD8C6 #E9DFBB #F2E7AF

颜色混合

#AFBAF2

100%

#C3C5E2

75:25

#D5D0D1

50:50

#E4DBC1

25:75

#F2E7AF

100%

CSS渐变代码

background: linear-gradient(to right, #AFBAF2, #F2E7AF);
background: linear-gradient(135deg, #AFBAF2, #F2E7AF);

探索每种颜色

#AFBAF2

查看完整颜色详情

#F2E7AF

查看完整颜色详情

相关比较