#33ADB0

#33ADB0

#B03633

#B03633

对比度

2.26:1

Delta E

93.48

Very Different

50:50 混合

#94796F

颜色值

格式 #33ADB0 #B03633
HEX #33ADB0 #B03633
RGB 51, 173, 176 176, 54, 51
HSL 181.4, 55.1%, 44.5% 1.4, 55.1%, 44.5%
HSV 181.4, 71.0%, 69.0% 1.4, 71.0%, 69.0%
CMYK 71.0%, 1.7%, 0.0%, 31.0% 0.0%, 69.3%, 71.0%, 31.0%
OKLCH 0.6842 0.1036 197.4 0.5137 0.1588 25.9

对比度与无障碍

2.26:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #B03633 → 背景色: #33ADB0

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

文本: #33ADB0 → 背景色: #B03633

色差 (Delta E)

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

渐变

#33ADB0 #689C9A #828B84 #94796F #A1665A #AA5046 #B03633

颜色混合

#33ADB0

100%

#76948F

75:25

#94796F

50:50

#A55B50

25:75

#B03633

100%

CSS渐变代码

background: linear-gradient(to right, #33ADB0, #B03633);
background: linear-gradient(135deg, #33ADB0, #B03633);

探索每种颜色

#33ADB0

查看完整颜色详情

#B03633

查看完整颜色详情

相关比较