#AFBAF7

#AFBAF7

#F7ECAF

#F7ECAF

对比度

1.57:1

Delta E

66.23

Very Different

50:50 混合

#D8D2D4

颜色值

格式 #AFBAF7 #F7ECAF
HEX #AFBAF7 #F7ECAF
RGB 175, 186, 247 247, 236, 175
HSL 230.8, 81.8%, 82.7% 50.8, 81.8%, 82.7%
HSV 230.8, 29.1%, 96.9% 50.8, 29.1%, 96.9%
CMYK 29.1%, 24.7%, 0.0%, 3.1% 0.0%, 4.5%, 29.1%, 3.1%
OKLCH 0.8022 0.0874 276.3 0.9374 0.0788 99.1

对比度与无障碍

1.57:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #F7ECAF → 背景色: #AFBAF7

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

文本: #AFBAF7 → 背景色: #F7ECAF

色差 (Delta E)

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

渐变

#AFBAF7 #BEC2EC #CCCAE0 #D8D2D4 #E3DBC8 #EDE3BC #F7ECAF

颜色混合

#AFBAF7

100%

#C5C6E6

75:25

#D8D2D4

50:50

#E8DFC2

25:75

#F7ECAF

100%

CSS渐变代码

background: linear-gradient(to right, #AFBAF7, #F7ECAF);
background: linear-gradient(135deg, #AFBAF7, #F7ECAF);

探索每种颜色

#AFBAF7

查看完整颜色详情

#F7ECAF

查看完整颜色详情

相关比较