COLOR
#697B5E
≈ Emerald City
Values · copy any
On white
Aa
4.57:1
Passes AA
On black
Aa
3.83:1
AA · large text
Best text on this color
Aa#FFFFFF(4.57:1)
Adjust & explore
drag the picker or wheel — values & harmonies update livePicker · drag to explore
Harmonies · live
Colour-blindness preview
Normal vision#697B5E
Protanopia#7E775C
Deuteranopia#7B755F
Tritanopia#697973
Tints & shades
Color harmonies
Open in scheme generator →Colors that go with Emerald City
Emerald City sits in the green family. Pair it with warm woods, cream and terracotta, or a crisp white for a clean, natural feel, or lean into its harmonies below for a ready-made scheme.
Closest named, CSS & systems
Colour nameEmerald City#6A7E5FΔE 1.3CSS nameDarkolivegreen#556B2FΔE 10.9Web-safe#666633#666633ΔE 12.0
Pantone & RAL matches are coming soon — those libraries aren't openly licensed for redistribution.
Emerald City — meaning & where to use it
Emerald City is a rich, mid-toned green — it reads as fresh, natural and reassuring. It's a natural fit for health, sustainability, finance and outdoor brands. To keep it balanced, pair it with warm woods, cream and terracotta, or a crisp white for a clean, natural feel.
Share image
Download image1200×1500 — sized for Pinterest, Instagram & social sharing. Free to download and use.