#2AB2AD

#2AB2AD

#B22A2F

#B22A2F

对比度

2.47:1

Delta E

101.09

Very Different

50:50 混合

#96796B

颜色值

格式 #2AB2AD #B22A2F
HEX #2AB2AD #B22A2F
RGB 42, 178, 173 178, 42, 47
HSL 177.8, 61.8%, 43.1% 357.8, 61.8%, 43.1%
HSV 177.8, 76.4%, 69.8% 357.8, 76.4%, 69.8%
CMYK 76.4%, 0.0%, 2.8%, 30.2% 0.0%, 76.4%, 73.6%, 30.2%
OKLCH 0.6938 0.1106 191.1 0.5048 0.1722 24.2

对比度与无障碍

2.47:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #B22A2F → 背景色: #2AB2AD

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

文本: #2AB2AD → 背景色: #B22A2F

色差 (Delta E)

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

渐变

#2AB2AD #67A096 #838D80 #96796B #A36356 #AC4B42 #B22A2F

颜色混合

#2AB2AD

100%

#77968B

75:25

#96796B

50:50

#A8584C

25:75

#B22A2F

100%

CSS渐变代码

background: linear-gradient(to right, #2AB2AD, #B22A2F);
background: linear-gradient(135deg, #2AB2AD, #B22A2F);

探索每种颜色

#2AB2AD

查看完整颜色详情

#B22A2F

查看完整颜色详情

相关比较