#12AF72

#12AF72

#AF124F

#AF124F

对比度

2.45:1

Delta E

116.12

Very Different

50:50 混合

#8A7560

颜色值

格式 #12AF72 #AF124F
HEX #12AF72 #AF124F
RGB 18, 175, 114 175, 18, 79
HSL 156.7, 81.3%, 37.8% 336.7, 81.3%, 37.8%
HSV 156.7, 89.7%, 68.6% 336.7, 89.7%, 68.6%
CMYK 89.7%, 0.0%, 34.9%, 31.4% 0.0%, 89.7%, 54.9%, 31.4%
OKLCH 0.6663 0.1494 159.2 0.4903 0.1875 6.5

对比度与无障碍

2.45:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #AF124F → 背景色: #12AF72

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

文本: #12AF72 → 背景色: #AF124F

色差 (Delta E)

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

渐变

#12AF72 #589D6C #768A66 #8A7560 #995E5A #A54355 #AF124F

颜色混合

#12AF72

100%

#689369

75:25

#8A7560

50:50

#A05257

25:75

#AF124F

100%

CSS渐变代码

background: linear-gradient(to right, #12AF72, #AF124F);
background: linear-gradient(135deg, #12AF72, #AF124F);

探索每种颜色

#12AF72

查看完整颜色详情

#AF124F

查看完整颜色详情

相关比较