#DBEAFE
Tailwind blue-100
#DBEAFE is a blue colour. In RGB it is 219 red, 234 green and 254 blue, which converts to a hue of 214 degrees, 95% saturation and 93% lightness. It is Tailwind blue-100 in that design system's palette.
Color values
| HEX | #DBEAFE |
|---|---|
| RGB | rgb(219, 234, 254) |
| HSL | hsl(214, 95%, 93%) |
| HSV | hsv(214, 14%, 100%) |
| CMYK | cmyk(14%, 8%, 0%, 0%) |
Contrast and accessibility
Against white the contrast ratio is 1.22:1, and against black it is 17.21: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.22:1 | Fail | Fail |
| Black | 17.21:1 | AAA | AAA |
Tints and shades
Lighter tints move #DBEAFE toward white, and darker shades move it toward black.
Tints
Shades
Color harmonies
Complementary
Analogous
Triadic
Split complementary
Code
| CSS | color: #DBEAFE; |
|---|---|
| CSS rgb() | color: rgb(219 234 254); |
| Tailwind | bg-[#dbeafe] |
| SwiftUI | Color(red: 0.859, green: 0.918, blue: 0.996) |
| Android | Color.parseColor("#DBEAFE") |
Closest named color
The nearest CSS colour keyword to #DBEAFE is lavender (#E6E6FA).