#CFE4F2

Light Blue

HEX

RGB

HSL

About #CFE4F2 Light Blue

#CFE4F2 is a light blue color. In the RGB color model, it is composed of 207 red, 228 green, and 242 blue. In the HSL color space, it has a hue of 204°, saturation of 57%, and lightness of 88%.

This color has a high lightness value, making it a light color suitable for backgrounds. With moderate saturation, it appears balanced and versatile.

CSS Code & Gradients

Use #CFE4F2 in your CSS, SCSS, or Tailwind projects. Copy ready-to-use gradients.

Beautiful Gradients

Color Properties

204°

Hue

57%

Saturation

88%

Lightness

Light Blue

Color Harmonies

Colors that work well with #CFE4F2 based on color theory.

Accessibility

WCAG 2.1 contrast ratio of #CFE4F2 against white and black backgrounds.

Aa#CFE4F2 on White
Contrast Ratio1.31:1
AA AA Large AAA
Aa#CFE4F2 on Black
Contrast Ratio16.03:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #CFE4F2 across different color formats.

FormatValue
HEX#CFE4F2
RGBrgb(207, 228, 242)
HSLhsl(204, 57%, 88%)
RGB Decimal207, 228, 242
RGB Percent81.2%, 89.4%, 94.9%
CMYK (approx.)14%, 6%, 0%, 5%

Related Palettes

12 palettes using #CFE4F2 or similar colors

#F9F7F7#DBE2EF#3F72AF#112D4E
#C4E4EC#B8D0EC#A2ABE5#B0A3E4
#C0EED7#A2E9DE#C3E5EC#B0CDEA
#E3FDFD#CBF1F5#A6E3E9#71C9CE
#27374D#526D82#9DB2BF#DDE6ED
#AAE8A9#B2E5C2#A7E7D0#C4ECEB
#BFD9D9#CEE0E3#E1E7EA#EFF2F5
#C4CED4#D2D9DF#DEE3ED#F0F0F5
#C0DFF1#BBCAEC#9E9BEA#CEBBEE
#C2CED6#CED8E4#DEE2ED#F0F1F5
#BEDAD4#CFE3E2#E1E9EA#EFF4F5
#BEDAD5#CFE2E2#E0E9EB#EFF3F5