#BADADA

#BADADA

#DABABA

#DABABA

对比度

1.21:1

Delta E

24.19

Noticeable

50:50 混合

#CCCACA

颜色值

格式 #BADADA #DABABA
HEX #BADADA #DABABA
RGB 186, 218, 218 218, 186, 186
HSL 180.0, 30.2%, 79.2% 0.0, 30.2%, 79.2%
HSV 180.0, 14.7%, 85.5% 0.0, 14.7%, 85.5%
CMYK 14.7%, 0.0%, 0.0%, 14.5% 0.0%, 14.7%, 14.7%, 14.5%
OKLCH 0.8651 0.0338 196.5 0.8165 0.0368 17.9

对比度与无障碍

1.21:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DABABA → 背景色: #BADADA

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

文本: #BADADA → 背景色: #DABABA

色差 (Delta E)

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

渐变

#BADADA #C0D5D5 #C6D0CF #CCCACA #D1C5C5 #D6BFBF #DABABA

颜色混合

#BADADA

100%

#C3D2D2

75:25

#CCCACA

50:50

#D3C2C2

25:75

#DABABA

100%

CSS渐变代码

background: linear-gradient(to right, #BADADA, #DABABA);
background: linear-gradient(135deg, #BADADA, #DABABA);

探索每种颜色

#BADADA

查看完整颜色详情

#DABABA

查看完整颜色详情

相关比较