#218F9B

#218F9B

#9B2D21

#9B2D21

对比度

1.96:1

Delta E

87.15

Very Different

50:50 混合

#81655C

颜色值

格式 #218F9B #9B2D21
HEX #218F9B #9B2D21
RGB 33, 143, 155 155, 45, 33
HSL 185.9, 64.9%, 36.9% 5.9, 64.9%, 36.9%
HSV 185.9, 78.7%, 60.8% 5.9, 78.7%, 60.8%
CMYK 78.7%, 7.7%, 0.0%, 39.2% 0.0%, 71.0%, 78.7%, 39.2%
OKLCH 0.597 0.0943 206.1 0.4646 0.1478 29.9

对比度与无障碍

1.96:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #9B2D21 → 背景色: #218F9B

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

文本: #218F9B → 背景色: #9B2D21

色差 (Delta E)

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

渐变

#218F9B #578185 #707370 #81655C #8C5548 #954334 #9B2D21

颜色混合

#218F9B

100%

#657A7B

75:25

#81655C

50:50

#914C3E

25:75

#9B2D21

100%

CSS渐变代码

background: linear-gradient(to right, #218F9B, #9B2D21);
background: linear-gradient(135deg, #218F9B, #9B2D21);

探索每种颜色

#218F9B

查看完整颜色详情

#9B2D21

查看完整颜色详情

相关比较