#2DA2AC

#2DA2AC

#AC372D

#AC372D

对比度

2.06:1

Delta E

90.97

Very Different

50:50 混合

颜色值

格式 #2DA2AC #AC372D
HEX #2DA2AC #AC372D
RGB 45, 162, 172 172, 55, 45
HSL 184.7, 58.5%, 42.5% 4.7, 58.5%, 42.5%
HSV 184.7, 73.8%, 67.5% 4.7, 73.8%, 67.5%
CMYK 73.8%, 5.8%, 0.0%, 32.5% 0.0%, 68.0%, 73.8%, 32.5%
OKLCH 0.654 0.1003 203.5 0.5071 0.1545 28.6

对比度与无障碍

2.06:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #AC372D → 背景色: #2DA2AC

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

文本: #2DA2AC → 背景色: #AC372D

色差 (Delta E)

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

渐变

颜色混合

CSS渐变代码

background: linear-gradient(to right, #2DA2AC, #AC372D);
background: linear-gradient(135deg, #2DA2AC, #AC372D);

探索每种颜色

相关比较