#DEFAFC Color

#DEFAFC is rgb(222, 250, 252) in RGB and hsl(184, 83%, 93%) in HSL. The closest CSS named color is LightCyan. Black text is most readable on this background.

#DEFAFC

HEX#DEFAFC

RGBrgb(222, 250, 252)

HSLhsl(184, 83%, 93%)

HSVhsv(184, 12%, 99%)

OKLCHoklch(96.6% 0.029 201.9)

CMYKcmyk(12%, 1%, 0%, 1%)

Text Contrast & Accessibility

WCAG contrast ratios for text on a #DEFAFC background. AA requires 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1.

TextWhite text1.09:1AA normal ✗AA large ✗AAA normal ✗

TextBlack text19.19:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

Colors that pair well with #DEFAFC based on color wheel relationships. Click any swatch for its full breakdown.

Base#DEFAFC Complementary#FCE0DE Analogous#DEFCEF Analogous#DEEBFC Triadic#FCDEFA Triadic#FAFCDE

Tints & Shades

Lighter tints and darker shades of #DEFAFC, useful for hover states, backgrounds, and text variants.

Tints

#E3FBFC #E3FBFC #E8FBFD #ECFCFD #F1FDFE #F1FDFE

Shades

#A2F1F6 #6AE8F1 #2DDFEB #12B8C4 #0D7F87 #074B4F

Use #DEFAFC in Our Tools

Hex to RGB Hex to HSL Hex to CMYK Hex to Pantone RGBA to Hex