We're live on Product Hunt!Support us
ColorArchive

A curated color library with 5,000+ algorithmically generated colors. Browse, search, save favorites, and export palette tokens — no account required.

CollectionsFamiliesBrandsRegionsJournalNotesGuidesFree ResourcesConvertColorblindAboutSupportUpdates
Ready for static export
Privacy·Terms·Refunds·Cookies·Commerce Disclosure
colorarchive.org · © 2026 ColorArchive
Skip to content
ColorArchive
ProLog in
ArchiveAll ColorsCollections
Olive Shadow Bright#5B830B
Mauve Nocturne Bright#5E0857
VS

Olive Shadow Bright vs Mauve Nocturne Bright

A detailed comparison of #5B830B and #5E0857 — triadic range colors

Contrast & Accessibility

2.85:1contrast ratio
✗ AA Normal✗ AA Large✗ AAA Normal✗ AAA Large
Text on Olive Shadow Bright
Text on Mauve Nocturne Bright

Color Properties

#5B830B
HEX
#5E0857
rgb(91, 131, 11)
RGB
rgb(94, 8, 87)
hsl(80, 84%, 28%)
HSL
hsl(305, 84%, 20%)
80°
Hue
305°
84%
Saturation
84%
28%
Lightness
20%
Lime
Family
Pink
Hue Diff
135\u00B0 — Triadic range

Gradient Blend

background: linear-gradient(to right, #5B830B, #5E0857);

Using These Colors Together

With a contrast ratio of 2.85:1, this pair does not meet WCAG guidelines for text. Use these colors as adjacent blocks, gradients, or decorative accents rather than text-on-background pairings.

These colors have a 135\u00B0 hue difference, making them triadic range. They offer moderate contrast — versatile for card designs, illustrations, and layered UI compositions.

Olive Shadow Bright
view_detail →
Mauve Nocturne Bright
view_detail →

Related Comparisons

Olive Shadow Bright vs Orchid Shadow Bright
#5B830B · #330B83
Mauve Nocturne Bright vs Emerald Nocturne Bright
#5E0857 · #085E08
Moss Shadow Bright vs Mauve Nocturne Bright
#33830B · #5E0857
Olive Shadow Bright vs Blush Nocturne Bright
#5B830B · #5E0833
Moss Shadow Bright vs Blush Nocturne Bright
#33830B · #5E0833