#557173

#557173

white

#FFFFFF

对比度

5.26:1

Delta E

55.41

Very Different

50:50 混合

#A7B6B6

颜色值

格式 #557173 #FFFFFF
HEX #557173 #FFFFFF
RGB 85, 113, 115 255, 255, 255
HSL 184.0, 15.0%, 39.2% 0.0, 0.0%, 100.0%
HSV 184.0, 26.1%, 45.1% 0.0, 0.0%, 100.0%
CMYK 26.1%, 1.7%, 0.0%, 54.9% 0.0%, 0.0%, 0.0%, 0.0%
OKLCH 0.5274 0.0327 201.7 1.0 0.0 89.9

对比度与无障碍

5.26:1
AA Pass AA Large Pass AAA Fail AAA Large Pass

文本可读性

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

文本: #FFFFFF → 背景色: #557173

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

文本: #557173 → 背景色: #FFFFFF

色差 (Delta E)

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

渐变

#557173 #708789 #8B9E9F #A7B6B6 #C4CDCE #E1E6E6 #FFFFFF

颜色混合

#557173

100%

#7D9394

75:25

#A7B6B6

50:50

#D2DADA

25:75

#FFFFFF

100%

CSS渐变代码

background: linear-gradient(to right, #557173, #FFFFFF);
background: linear-gradient(135deg, #557173, #FFFFFF);

探索每种颜色

#557173

查看完整颜色详情

white

查看完整颜色详情

相关比较