#5AFCF4 Color

#5AFCF4 is rgb(90, 252, 244) in RGB and hsl(177, 96%, 67%) in HSL. The closest CSS named color is Aquamarine. Black text is most readable on this background.

#5AFCF4

HEX#5AFCF4

RGBrgb(90, 252, 244)

HSLhsl(177, 96%, 67%)

HSVhsv(177, 64%, 99%)

OKLCHoklch(90.6% 0.134 190.4)

CMYKcmyk(64%, 0%, 3%, 1%)

Text Contrast & Accessibility

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

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

TextBlack text16.67:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#5AFCF4 Complementary#FC5A62 Analogous#5AFCA3 Analogous#5AB3FC Triadic#F45AFC Triadic#FCF45A

Tints & Shades

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

Tints

#6EFCF5 #87FDF7 #9BFDF8 #B4FDFA #C8FEFB #E1FEFD

Shades

#2DFBF0 #05F5E9 #04C8BE #039B93 #026E69 #01413E

Use #5AFCF4 in Our Tools

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