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
Steel Nocturne Pure#043B62
VS

Citrine Shadow Pure vs Steel Nocturne Pure

A detailed comparison of #898906 and #043B62 — split-complementary colors

Contrast & Accessibility

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

Color Properties

#898906
HEX
#043B62
rgb(137, 137, 6)
RGB
rgb(4, 59, 98)
hsl(60, 92%, 28%)
HSL
hsl(205, 92%, 20%)
60°
Hue
205°
92%
Saturation
92%
28%
Lightness
20%
Yellow
Family
Blue
Hue Diff
145\u00B0 — Split-complementary

Gradient Blend

background: linear-gradient(to right, #898906, #043B62);

Using These Colors Together

With a contrast ratio of 3.12:1, this pair passes WCAG AA for large text only. Avoid using this combination for body text. Consider it for headings, decorative elements, or adjacent UI regions.

These colors have a 145\u00B0 hue difference, making them split-complementary. They offer moderate contrast — versatile for card designs, illustrations, and layered UI compositions.

Citrine Shadow Pure
view_detail →
Steel Nocturne Pure
view_detail →

Related Comparisons

Citrine Shadow Pure vs Iris Shadow Pure
#898906 · #060689
Steel Nocturne Pure vs Tangerine Nocturne Pure
#043B62 · #622B04
Olive Shadow Pure vs Steel Nocturne Pure
#5D8906 · #043B62
Citrine Shadow Pure vs Indigo Nocturne Pure
#898906 · #041462
Olive Shadow Pure vs Indigo Nocturne Pure
#5D8906 · #041462