#BABBCF

#BABBCF

#CFCEBA

#CFCEBA

对比度

1.19:1

Delta E

22.12

Noticeable

50:50 混合

#C5C4C5

颜色值

格式 #BABBCF #CFCEBA
HEX #BABBCF #CFCEBA
RGB 186, 187, 207 207, 206, 186
HSL 237.1, 17.9%, 77.1% 57.1, 17.9%, 77.1%
HSV 237.1, 10.1%, 81.2% 57.1, 10.1%, 81.2%
CMYK 10.1%, 9.7%, 0.0%, 18.8% 0.0%, 0.5%, 10.1%, 18.8%
OKLCH 0.7975 0.0281 283.5 0.8468 0.0271 104.6

对比度与无障碍

1.19:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #CFCEBA → 背景色: #BABBCF

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

文本: #BABBCF → 背景色: #CFCEBA

色差 (Delta E)

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

渐变

#BABBCF #BEBECC #C1C1C8 #C5C4C5 #C8C8C1 #CCCBBE #CFCEBA

颜色混合

#BABBCF

100%

#C0C0CA

75:25

#C5C4C5

50:50

#CAC9BF

25:75

#CFCEBA

100%

CSS渐变代码

background: linear-gradient(to right, #BABBCF, #CFCEBA);
background: linear-gradient(135deg, #BABBCF, #CFCEBA);

探索每种颜色

#BABBCF

查看完整颜色详情

#CFCEBA

查看完整颜色详情

相关比较