#F0F9FF

Tailwind sky-50

#F0F9FF is a blue colour. In RGB it is 240 red, 249 green and 255 blue, which converts to a hue of 204 degrees, 100% saturation and 97% lightness. It is Tailwind sky-50 in that design system's palette.

Color values

HEX	#F0F9FF
RGB	rgb(240, 249, 255)
HSL	hsl(204, 100%, 97%)
HSV	hsv(204, 6%, 100%)
CMYK	cmyk(6%, 2%, 0%, 0%)

Contrast and accessibility

Against white the contrast ratio is 1.07:1, and against black it is 19.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	1.07:1	Fail	Fail
Black	19.7:1	AAA	AAA

Tints and shades

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

Tints

Shades

Color harmonies

Complementary

#FFF6F0

Analogous

Triadic

Split complementary

Code

CSS	color: #F0F9FF;
CSS rgb()	color: rgb(240 249 255);
Tailwind	bg-[#f0f9ff]
SwiftUI	Color(red: 0.941, green: 0.976, blue: 1.000)
Android	Color.parseColor("#F0F9FF")

Closest named color

The nearest CSS colour keyword to #F0F9FF is aliceblue (#F0F8FF).