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
Citrine Shadow Pure#898906
Amethyst Nocturne Pure#0C0462
VS

Citrine Shadow Pure vs Amethyst Nocturne Pure

A detailed comparison of #898906 and #0C0462 — complementary colors

Contrast & Accessibility

4.67:1contrast ratio
✓ AA Normal✓ AA Large✗ AAA Normal✓ AAA Large
Text on Citrine Shadow Pure
Text on Amethyst Nocturne Pure

Color Properties

#898906
HEX
#0C0462
rgb(137, 137, 6)
RGB
rgb(12, 4, 98)
hsl(60, 92%, 28%)
HSL
hsl(245, 92%, 20%)
60°
Hue
245°
92%
Saturation
92%
28%
Lightness
20%
Yellow
Family
Blue
Hue Diff
175\u00B0 — Complementary

Gradient Blend

background: linear-gradient(to right, #898906, #0C0462);

Using These Colors Together

With a contrast ratio of 4.67:1, this pair meets WCAG AA for normal text. Use Citrine Shadow Pure as the background and Amethyst Nocturne Pure as text for optimal readability.

These colors have a 175\u00B0 hue difference, making them complementary. Their high contrast creates visual energy — great for call-to-action buttons, hero sections, and brand accents.

Citrine Shadow Pure
view_detail →
Amethyst Nocturne Pure
view_detail →

Related Comparisons

Citrine Shadow Pure vs Iris Shadow Pure
#898906 · #060689
Amethyst Nocturne Pure vs Citrine Nocturne Pure
#0C0462 · #626204
Olive Shadow Pure vs Amethyst Nocturne Pure
#5D8906 · #0C0462
Citrine Shadow Pure vs Plum Nocturne Pure
#898906 · #330462
Olive Shadow Pure vs Plum Nocturne Pure
#5D8906 · #330462