#285255

#285255

#552B28

#552B28

对比度

1.38:1

Delta E

37.88

Very Different

50:50 混合

#47403E

颜色值

格式 #285255 #552B28
HEX #285255 #552B28
RGB 40, 82, 85 85, 43, 40
HSL 184.0, 36.0%, 24.5% 4.0, 36.0%, 24.5%
HSV 184.0, 52.9%, 33.3% 4.0, 52.9%, 33.3%
CMYK 52.9%, 3.5%, 0.0%, 66.7% 0.0%, 49.4%, 52.9%, 66.7%
OKLCH 0.4097 0.0471 201.6 0.3438 0.0627 25.1

对比度与无障碍

1.38:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #552B28 → 背景色: #285255

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

文本: #285255 → 背景色: #552B28

色差 (Delta E)

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

渐变

#285255 #364C4D #3F4645 #47403E #4D3936 #51322F #552B28

颜色混合

#285255

100%

#3B4949

75:25

#47403E

50:50

#4F3633

25:75

#552B28

100%

CSS渐变代码

background: linear-gradient(to right, #285255, #552B28);
background: linear-gradient(135deg, #285255, #552B28);

探索每种颜色

#285255

查看完整颜色详情

#552B28

查看完整颜色详情

相关比较