#10AF70

#10AF70

#AF104F

#AF104F

对比度

2.45:1

Delta E

117.1

Very Different

50:50 混合

#8A755F

颜色值

格式 #10AF70 #AF104F
HEX #10AF70 #AF104F
RGB 16, 175, 112 175, 16, 79
HSL 156.2, 83.2%, 37.5% 336.2, 83.2%, 37.5%
HSV 156.2, 90.9%, 68.6% 336.2, 90.9%, 68.6%
CMYK 90.9%, 0.0%, 36.0%, 31.4% 0.0%, 90.9%, 54.9%, 31.4%
OKLCH 0.6657 0.1514 158.5 0.4895 0.1885 6.4

对比度与无障碍

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

文本可读性

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

文本: #AF104F → 背景色: #10AF70

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

文本: #10AF70 → 背景色: #AF104F

色差 (Delta E)

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

渐变

#10AF70 #589D6A #758A65 #8A755F #995E5A #A54254 #AF104F

颜色混合

#10AF70

100%

#689367

75:25

#8A755F

50:50

#9F5157

25:75

#AF104F

100%

CSS渐变代码

background: linear-gradient(to right, #10AF70, #AF104F);
background: linear-gradient(135deg, #10AF70, #AF104F);

探索每种颜色

#10AF70

查看完整颜色详情

#AF104F

查看完整颜色详情

相关比较