#2EBBC9

#2EBBC9

#C93C2E

#C93C2E

对比度

2.17:1

Delta E

106.13

Very Different

50:50 混合

#A88479

颜色值

格式 #2EBBC9 #C93C2E
HEX #2EBBC9 #C93C2E
RGB 46, 187, 201 201, 60, 46
HSL 185.4, 62.8%, 48.4% 5.4, 62.8%, 48.4%
HSV 185.4, 77.1%, 78.8% 5.4, 77.1%, 78.8%
CMYK 77.1%, 7.0%, 0.0%, 21.2% 0.0%, 70.1%, 77.1%, 21.2%
OKLCH 0.7269 0.1147 205.2 0.5622 0.1801 29.5

对比度与无障碍

2.17:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #C93C2E → 背景色: #2EBBC9

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

文本: #2EBBC9 → 背景色: #C93C2E

色差 (Delta E)

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

渐变

#2EBBC9 #73A9AE #939793 #A88479 #B6705F #C15946 #C93C2E

颜色混合

#2EBBC9

100%

#85A0A0

75:25

#A88479

50:50

#BC6553

25:75

#C93C2E

100%

CSS渐变代码

background: linear-gradient(to right, #2EBBC9, #C93C2E);
background: linear-gradient(135deg, #2EBBC9, #C93C2E);

探索每种颜色

#2EBBC9

查看完整颜色详情

#C93C2E

查看完整颜色详情

相关比较