#BABFD4

#BABFD4

#D4CFBA

#D4CFBA

对比度

1.17:1

Delta E

23.21

Noticeable

50:50 混合

#C8C7C7

颜色值

格式 #BABFD4 #D4CFBA
HEX #BABFD4 #D4CFBA
RGB 186, 191, 212 212, 207, 186
HSL 228.5, 23.2%, 78.0% 48.5, 23.2%, 78.0%
HSV 228.5, 12.3%, 83.1% 48.5, 12.3%, 83.1%
CMYK 12.3%, 9.9%, 0.0%, 16.9% 0.0%, 2.4%, 12.3%, 16.9%
OKLCH 0.8073 0.03 275.1 0.8528 0.0289 95.9

对比度与无障碍

1.17:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #D4CFBA → 背景色: #BABFD4

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

文本: #BABFD4 → 背景色: #D4CFBA

色差 (Delta E)

23.21 Noticeable
0 — 完全相同 5 — 相似 25 — 明显差异 100 — 差异很大

渐变

#BABFD4 #BFC2D0 #C3C4CB #C8C7C7 #CCCAC3 #D0CCBE #D4CFBA

颜色混合

#BABFD4

100%

#C1C3CE

75:25

#C8C7C7

50:50

#CECBC1

25:75

#D4CFBA

100%

CSS渐变代码

background: linear-gradient(to right, #BABFD4, #D4CFBA);
background: linear-gradient(135deg, #BABFD4, #D4CFBA);

探索每种颜色

#BABFD4

查看完整颜色详情

#D4CFBA

查看完整颜色详情

相关比较