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
Cobalt Radiant Pure#1E66F6
Celadon Tone Pure#3BF789
VS

Cobalt Radiant Pure vs Celadon Tone Pure

A detailed comparison of #1E66F6 and #3BF789 — adjacent colors

Contrast & Accessibility

3.46:1contrast ratio
✗ AA Normal✓ AA Large✗ AAA Normal✗ AAA Large
Text on Cobalt Radiant Pure
Text on Celadon Tone Pure

Color Properties

#1E66F6
HEX
#3BF789
rgb(30, 102, 246)
RGB
rgb(59, 247, 137)
hsl(220, 92%, 54%)
HSL
hsl(145, 92%, 60%)
220°
Hue
145°
92%
Saturation
92%
54%
Lightness
60%
Blue
Family
Green
Hue Diff
75\u00B0 — Adjacent

Gradient Blend

background: linear-gradient(to right, #1E66F6, #3BF789);

Using These Colors Together

With a contrast ratio of 3.46: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 75\u00B0 hue difference, making them adjacent. They offer moderate contrast — versatile for card designs, illustrations, and layered UI compositions.

Cobalt Radiant Pure
view_detail →
Celadon Tone Pure
view_detail →

Related Comparisons

Cobalt Radiant Pure vs Apricot Radiant Pure
#1E66F6 · #F6AE1E
Celadon Tone Pure vs Rose Tone Pure
#3BF789 · #F73BB8
Amethyst Radiant Pure vs Celadon Tone Pure
#301EF6 · #3BF789
Cobalt Radiant Pure vs Lagoon Tone Pure
#1E66F6 · #3BF7D8
Amethyst Radiant Pure vs Lagoon Tone Pure
#301EF6 · #3BF7D8