#2C9DA4

#2C9DA4

#A4332C

#A4332C

对比度

2.09:1

Delta E

88.21

Very Different

50:50 混合

#896F66

颜色值

格式 #2C9DA4 #A4332C
HEX #2C9DA4 #A4332C
RGB 44, 157, 164 164, 51, 44
HSL 183.5, 57.7%, 40.8% 3.5, 57.7%, 40.8%
HSV 183.5, 73.2%, 64.3% 3.5, 73.2%, 64.3%
CMYK 73.2%, 4.3%, 0.0%, 35.7% 0.0%, 68.9%, 73.2%, 35.7%
OKLCH 0.6382 0.0973 201.2 0.4886 0.1499 27.6

对比度与无障碍

2.09:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #A4332C → 背景色: #2C9DA4

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

文本: #2C9DA4 → 背景色: #A4332C

色差 (Delta E)

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

渐变

#2C9DA4 #5F8E8F #787F7A #896F66 #955D52 #9E4A3F #A4332C

颜色混合

#2C9DA4

100%

#6D8684

75:25

#896F66

50:50

#9A5448

25:75

#A4332C

100%

CSS渐变代码

background: linear-gradient(to right, #2C9DA4, #A4332C);
background: linear-gradient(135deg, #2C9DA4, #A4332C);

探索每种颜色

#2C9DA4

查看完整颜色详情

#A4332C

查看完整颜色详情

相关比较