UI Shades

Tints & shades of #489E7C

#489e7c
Closest named color: Material Teal 500
#489e7c
oklch(0.636 0.099 164.96)
rgb(72 158 124)
hsl(156.3 37.4% 45.1%)
Share
#f0fef7
#e3fbef
#c5f1dc
#a3e5c7
#77c8a5
#489e7c
#2c8564
#166f51
#045139
#003725
#001d12

See your palette on a real UI - coming soon

Preview these shades across buttons, cards, and components in a live interface.