#20C0B9

#20C0B9

#C02027

#C02027

对比度

2.68:1

Delta E

113.87

Very Different

50:50 混合

#A27F6C

颜色值

格式 #20C0B9 #C02027
HEX #20C0B9 #C02027
RGB 32, 192, 185 192, 32, 39
HSL 177.4, 71.4%, 43.9% 357.4, 71.4%, 43.9%
HSV 177.4, 83.3%, 75.3% 357.4, 83.3%, 75.3%
CMYK 83.3%, 0.0%, 3.6%, 24.7% 0.0%, 83.3%, 79.7%, 24.7%
OKLCH 0.7313 0.1213 190.1 0.522 0.1934 25.5

对比度与无障碍

2.68:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #C02027 → 背景色: #20C0B9

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

文本: #20C0B9 → 背景色: #C02027

色差 (Delta E)

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

渐变

#20C0B9 #6DAB9F #8E9685 #A27F6C #B06754 #BA4B3D #C02027

颜色混合

#20C0B9

100%

#80A192

75:25

#A27F6C

50:50

#B55A49

25:75

#C02027

100%

CSS渐变代码

background: linear-gradient(to right, #20C0B9, #C02027);
background: linear-gradient(135deg, #20C0B9, #C02027);

探索每种颜色

#20C0B9

查看完整颜色详情

#C02027

查看完整颜色详情

相关比较