#302B55

#302B55

#50552B

#50552B

对比度

1.67:1

Delta E

55.88

Very Different

50:50 混合

#444042

颜色值

格式 #302B55 #50552B
HEX #302B55 #50552B
RGB 48, 43, 85 80, 85, 43
HSL 247.1, 32.8%, 25.1% 67.1, 32.8%, 25.1%
HSV 247.1, 49.4%, 33.3% 67.1, 49.4%, 33.3%
CMYK 43.5%, 49.4%, 0.0%, 66.7% 5.9%, 0.0%, 49.4%, 66.7%
OKLCH 0.3168 0.0733 286.9 0.4343 0.0626 114.6

对比度与无障碍

1.67:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #50552B → 背景色: #302B55

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

文本: #302B55 → 背景色: #50552B

色差 (Delta E)

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

渐变

#302B55 #38324F #3F3948 #444042 #49473B #4D4E33 #50552B

颜色混合

#302B55

100%

#3C354C

75:25

#444042

50:50

#4B4A37

25:75

#50552B

100%

CSS渐变代码

background: linear-gradient(to right, #302B55, #50552B);
background: linear-gradient(135deg, #302B55, #50552B);

探索每种颜色

#302B55

查看完整颜色详情

#50552B

查看完整颜色详情

相关比较