#DAFBF3 Color

#DAFBF3 is rgb(218, 251, 243) in RGB and hsl(165, 80%, 92%) in HSL. The closest CSS named color is LightCyan. Black text is most readable on this background.

#DAFBF3

HEX#DAFBF3

RGBrgb(218, 251, 243)

HSLhsl(165, 80%, 92%)

HSVhsv(165, 13%, 98%)

OKLCHoklch(96.2% 0.036 179.3)

CMYKcmyk(13%, 0%, 3%, 2%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#DAFBF3 Complementary#FBDAE2 Analogous#DAFBE2 Analogous#DAF3FB Triadic#F3DAFB Triadic#FBF3DA

Tints & Shades

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

Tints

#DFFBF4 #E3FCF6 #E8FCF7 #E8FCF7 #EDFDF9 #F1FDFA

Shades

#9FF4DF #68EECD #2CE8B9 #15C196 #0F8568 #094E3D

Use #DAFBF3 in Our Tools

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