#E2E8F0

Tailwind slate-200

#E2E8F0 is a blue colour. In RGB it is 226 red, 232 green and 240 blue, which converts to a hue of 214 degrees, 32% saturation and 91% lightness. It is Tailwind slate-200 in that design system's palette.

Color values

HEX#E2E8F0
RGBrgb(226, 232, 240)
HSLhsl(214, 32%, 91%)
HSVhsv(214, 6%, 94%)
CMYKcmyk(6%, 3%, 0%, 6%)

Contrast and accessibility

Against white the contrast ratio is 1.23:1, and against black it is 17.03:1. WCAG asks for at least 4.5:1 for normal text and 3:1 for large text.

BackgroundRatioNormal textLarge text
White1.23:1FailFail
Black17.03:1AAAAAA

Tints and shades

Lighter tints move #E2E8F0 toward white, and darker shades move it toward black.

Tints

Shades

Color harmonies

Complementary

Analogous

Triadic

Split complementary

Code

CSScolor: #E2E8F0;
CSS rgb()color: rgb(226 232 240);
Tailwindbg-[#e2e8f0]
SwiftUIColor(red: 0.886, green: 0.910, blue: 0.941)
AndroidColor.parseColor("#E2E8F0")

Closest named color

The nearest CSS colour keyword to #E2E8F0 is lavender (#E6E6FA).

Related tools