#1BABA5

#1BABA5

#AB1B21

#AB1B21

对比度

2.55:1

Delta E

104.68

Very Different

50:50 混合

#907160

颜色值

格式 #1BABA5 #AB1B21
HEX #1BABA5 #AB1B21
RGB 27, 171, 165 171, 27, 33
HSL 177.5, 72.7%, 38.8% 357.5, 72.7%, 38.8%
HSV 177.5, 84.2%, 67.1% 357.5, 84.2%, 67.1%
CMYK 84.2%, 0.0%, 3.5%, 32.9% 0.0%, 84.2%, 80.7%, 32.9%
OKLCH 0.6711 0.1113 190.3 0.4787 0.1777 25.7

对比度与无障碍

2.55:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #AB1B21 → 背景色: #1BABA5

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

文本: #1BABA5 → 背景色: #AB1B21

色差 (Delta E)

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

渐变

#1BABA5 #61988D #7E8576 #907160 #9D5B4A #A54235 #AB1B21

颜色混合

#1BABA5

100%

#718F82

75:25

#907160

50:50

#A14F3F

25:75

#AB1B21

100%

CSS渐变代码

background: linear-gradient(to right, #1BABA5, #AB1B21);
background: linear-gradient(135deg, #1BABA5, #AB1B21);

探索每种颜色

#1BABA5

查看完整颜色详情

#AB1B21

查看完整颜色详情

相关比较