#009688
Material teal 500
#009688 is a cyan colour. In RGB it is 0 red, 150 green and 136 blue, which converts to a hue of 174 degrees, 100% saturation and 29% lightness. It is Material teal 500 in that design system's palette.
Color values
| HEX | #009688 |
|---|---|
| RGB | rgb(0, 150, 136) |
| HSL | hsl(174, 100%, 29%) |
| HSV | hsv(174, 100%, 59%) |
| CMYK | cmyk(100%, 0%, 9%, 41%) |
Contrast and accessibility
Against white the contrast ratio is 3.67:1, and against black it is 5.72:1. WCAG asks for at least 4.5:1 for normal text and 3:1 for large text.
| Background | Ratio | Normal text | Large text |
|---|---|---|---|
| White | 3.67:1 | Fail | AA |
| Black | 5.72:1 | AA | AAA |
Tints and shades
Lighter tints move #009688 toward white, and darker shades move it toward black.
Tints
Shades
Color harmonies
Complementary
Analogous
Triadic
Split complementary
Code
| CSS | color: #009688; |
|---|---|
| CSS rgb() | color: rgb(0 150 136); |
| Tailwind | bg-[#009688] |
| SwiftUI | Color(red: 0.000, green: 0.588, blue: 0.533) |
| Android | Color.parseColor("#009688") |
Closest named color
The nearest CSS colour keyword to #009688 is darkcyan (#008B8B).