#3DFAF4 Color

#3DFAF4 is rgb(61, 250, 244) in RGB and hsl(178, 95%, 61%) in HSL. The closest CSS named color is Turquoise. Black text is most readable on this background.

#3DFAF4

HEX#3DFAF4

RGBrgb(61, 250, 244)

HSLhsl(178, 95%, 61%)

HSVhsv(178, 76%, 98%)

OKLCHoklch(89.5% 0.143 191.6)

CMYKcmyk(76%, 0%, 2%, 2%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#3DFAF4 Complementary#FA3D43 Analogous#3DFA95 Analogous#3DA2FA Triadic#F43DFA Triadic#FAF43D

Tints & Shades

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

Tints

#56FBF5 #74FBF7 #8DFCF8 #A5FDFA #BEFDFB #DCFEFD

Shades

#15F9F1 #06E0D8 #05B8B2 #048B87 #036360 #023C3A

Use #3DFAF4 in Our Tools

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