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
Ruby Nocturne Pure#621404
Canary Shadow Pure#897E06
VS

Ruby Nocturne Pure vs Canary Shadow Pure

A detailed comparison of #621404 and #897E06 — adjacent colors

Contrast & Accessibility

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

Color Properties

#621404
HEX
#897E06
rgb(98, 20, 4)
RGB
rgb(137, 126, 6)
hsl(10, 92%, 20%)
HSL
hsl(55, 92%, 28%)
10°
Hue
55°
92%
Saturation
92%
20%
Lightness
28%
Red
Family
Yellow
Hue Diff
45\u00B0 — Adjacent

Gradient Blend

background: linear-gradient(to right, #621404, #897E06);

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 45\u00B0 hue difference, making them adjacent. They offer moderate contrast — versatile for card designs, illustrations, and layered UI compositions.

Ruby Nocturne Pure
view_detail →
Canary Shadow Pure
view_detail →

Related Comparisons

Ruby Nocturne Pure vs Cerulean Nocturne Pure
#621404 · #045262
Canary Shadow Pure vs Indigo Shadow Pure
#897E06 · #061C89
Coral Nocturne Pure vs Canary Shadow Pure
#623304 · #897E06
Ruby Nocturne Pure vs Olive Shadow Pure
#621404 · #5D8906
Coral Nocturne Pure vs Olive Shadow Pure
#623304 · #5D8906