Start Now!COLOR STUDIOColor library
Teal #2F6F73
Teal has the HEX code #2F6F73, RGB value rgb(47, 111, 115) and HSL value hsl(184, 42%, 32%).
#2F6F73
Color values
HEX#2F6F73
RGBrgb(47, 111, 115)
HSLhsl(184, 42%, 32%)
Teal shades
A Tailwind-style scale built from #2F6F73.
- 50
#F4FAFB
- 100
#D7EDEE
- 200
#B9E0E2
- 300
#9CD3D6
- 400
#7EC6CA
- 500
#61B9BE
- 600
#47A8AE
- 700
#3B8B91
- 800
#2F6F73
- 900
#214E51
- 950
#132D2F
Text contrast
How Teal reads as text, by WCAG 2.2.
On white5.76:1, passes AA for normal text
On black3.64:1, below AA for normal text
Colors that pair with it
Its complement, a neighbor, a light tint and a dark shade.
#7F3834
#34557F
#E2F2F3
#1B3F41
What teal can communicate
Calm like blue, with some of green's freshness.
Associations vary by audience and culture. Teal often reads as calm and modern, and it is sometimes linked with water and healing.
Often used for: Wellness, Technology, Finance.
More about tealRelated colors
