#2EB2AB

#2EB2AB

#B22E35

#B22E35

对比度

2.42:1

Delta E

98.59

Very Different

50:50 混合

#957A6D

颜色值

格式 #2EB2AB #B22E35
HEX #2EB2AB #B22E35
RGB 46, 178, 171 178, 46, 53
HSL 176.8, 58.9%, 43.9% 356.8, 58.9%, 43.9%
HSV 176.8, 74.2%, 69.8% 356.8, 74.2%, 69.8%
CMYK 74.2%, 0.0%, 3.9%, 30.2% 0.0%, 74.2%, 70.2%, 30.2%
OKLCH 0.6939 0.1096 189.6 0.5093 0.1682 22.9

对比度与无障碍

2.42:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #B22E35 → 背景色: #2EB2AB

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

文本: #2EB2AB → 背景色: #B22E35

色差 (Delta E)

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

渐变

#2EB2AB #67A096 #838D81 #957A6D #A2655A #AB4D47 #B22E35

颜色混合

#2EB2AB

100%

#76978C

75:25

#957A6D

50:50

#A75A50

25:75

#B22E35

100%

CSS渐变代码

background: linear-gradient(to right, #2EB2AB, #B22E35);
background: linear-gradient(135deg, #2EB2AB, #B22E35);

探索每种颜色

#2EB2AB

查看完整颜色详情

#B22E35

查看完整颜色详情

相关比较