#B2DFDB
Material teal 100
#B2DFDB is a cyan colour. In RGB it is 178 red, 223 green and 219 blue, which converts to a hue of 175 degrees, 41% saturation and 79% lightness. It is Material teal 100 in that design system's palette.
Color values
| HEX | #B2DFDB |
|---|---|
| RGB | rgb(178, 223, 219) |
| HSL | hsl(175, 41%, 79%) |
| HSV | hsv(175, 20%, 87%) |
| CMYK | cmyk(20%, 0%, 2%, 13%) |
Contrast and accessibility
Against white the contrast ratio is 1.45:1, and against black it is 14.47: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 | 1.45:1 | Fail | Fail |
| Black | 14.47:1 | AAA | AAA |
Tints and shades
Lighter tints move #B2DFDB toward white, and darker shades move it toward black.
Tints
Shades
Color harmonies
Complementary
Analogous
Triadic
Split complementary
Code
| CSS | color: #B2DFDB; |
|---|---|
| CSS rgb() | color: rgb(178 223 219); |
| Tailwind | bg-[#b2dfdb] |
| SwiftUI | Color(red: 0.698, green: 0.875, blue: 0.859) |
| Android | Color.parseColor("#B2DFDB") |
Closest named color
The nearest CSS colour keyword to #B2DFDB is powderblue (#B0E0E6).