#0CCEB9

#0CCEB9

#CE0C21

#CE0C21

对比度

2.85:1

Delta E

126.91

Very Different

50:50 混合

#AD8769

颜色值

格式 #0CCEB9 #CE0C21
HEX #0CCEB9 #CE0C21
RGB 12, 206, 185 206, 12, 33
HSL 173.5, 89.0%, 42.7% 353.5, 89.0%, 42.7%
HSV 173.5, 94.2%, 80.8% 353.5, 94.2%, 80.8%
CMYK 94.2%, 0.0%, 10.2%, 19.2% 0.0%, 94.2%, 84.0%, 19.2%
OKLCH 0.7645 0.1357 182.0 0.5392 0.2146 25.6

对比度与无障碍

2.85:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #CE0C21 → 背景色: #0CCEB9

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

文本: #0CCEB9 → 背景色: #CE0C21

色差 (Delta E)

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

渐变

#0CCEB9 #72B79E #96A083 #AD8769 #BC6B50 #C74A38 #CE0C21

颜色混合

#0CCEB9

100%

#87AB90

75:25

#AD8769

50:50

#C25C44

25:75

#CE0C21

100%

CSS渐变代码

background: linear-gradient(to right, #0CCEB9, #CE0C21);
background: linear-gradient(135deg, #0CCEB9, #CE0C21);

探索每种颜色

#0CCEB9

查看完整颜色详情

#CE0C21

查看完整颜色详情

相关比较