#26A69A
Material teal 400
#26A69A is a cyan colour. In RGB it is 38 red, 166 green and 154 blue, which converts to a hue of 174 degrees, 63% saturation and 40% lightness. It is Material teal 400 in that design system's palette.
Color values
| HEX | #26A69A |
|---|---|
| RGB | rgb(38, 166, 154) |
| HSL | hsl(174, 63%, 40%) |
| HSV | hsv(174, 77%, 65%) |
| CMYK | cmyk(77%, 0%, 7%, 35%) |
Contrast and accessibility
Against white the contrast ratio is 3:1, and against black it is 7: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:1 | Fail | Fail |
| Black | 7:1 | AAA | AAA |
Tints and shades
Lighter tints move #26A69A toward white, and darker shades move it toward black.
Tints
Shades
Color harmonies
Complementary
Analogous
Triadic
Split complementary
Code
| CSS | color: #26A69A; |
|---|---|
| CSS rgb() | color: rgb(38 166 154); |
| Tailwind | bg-[#26a69a] |
| SwiftUI | Color(red: 0.149, green: 0.651, blue: 0.604) |
| Android | Color.parseColor("#26A69A") |
Closest named color
The nearest CSS colour keyword to #26A69A is lightseagreen (#20B2AA).