#2BD9DA

#2BD9DA

#DA2C2B

#DA2C2B

对比度

2.75:1

Delta E

123.68

Very Different

50:50 混合

颜色值

格式 #2BD9DA #DA2C2B
HEX #2BD9DA #DA2C2B
RGB 43, 217, 218 218, 44, 43
HSL 180.3, 70.3%, 51.2% 0.3, 70.3%, 51.2%
HSV 180.3, 80.3%, 85.5% 0.3, 80.3%, 85.5%
CMYK 80.3%, 0.5%, 0.0%, 14.5% 0.0%, 79.8%, 80.3%, 14.5%
OKLCH 0.8052 0.1305 195.5 0.5779 0.2092 27.0

对比度与无障碍

2.75:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DA2C2B → 背景色: #2BD9DA

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

文本: #2BD9DA → 背景色: #DA2C2B

色差 (Delta E)

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

渐变

颜色混合

CSS渐变代码

background: linear-gradient(to right, #2BD9DA, #DA2C2B);
background: linear-gradient(135deg, #2BD9DA, #DA2C2B);

探索每种颜色

相关比较