#549C64

#549C64

#9C548C

#9C548C

对比度

1.56:1

Delta E

84.4

Very Different

50:50 混合

#817C79

颜色值

格式 #549C64 #9C548C
HEX #549C64 #9C548C
RGB 84, 156, 100 156, 84, 140
HSL 133.3, 30.0%, 47.1% 313.3, 30.0%, 47.1%
HSV 133.3, 46.2%, 61.2% 313.3, 46.2%, 61.2%
CMYK 46.2%, 0.0%, 35.9%, 38.8% 0.0%, 46.2%, 10.3%, 38.8%
OKLCH 0.6307 0.1111 149.5 0.5501 0.1196 336.0

对比度与无障碍

1.56:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #9C548C → 背景色: #549C64

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

文本: #549C64 → 背景色: #9C548C

色差 (Delta E)

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

渐变

#549C64 #66926B #758772 #817C79 #8B7080 #946386 #9C548C

颜色混合

#549C64

100%

#6E8D6F

75:25

#817C79

50:50

#906A83

25:75

#9C548C

100%

CSS渐变代码

background: linear-gradient(to right, #549C64, #9C548C);
background: linear-gradient(135deg, #549C64, #9C548C);

探索每种颜色

#549C64

查看完整颜色详情

#9C548C

查看完整颜色详情

相关比较