#34ACDF Color

#34ACDF is rgb(52, 172, 223) in RGB and hsl(198, 73%, 54%) in HSL. The closest CSS named color is MediumTurquoise. Black text is most readable on this background.

#34ACDF

HEX#34ACDF

RGBrgb(52, 172, 223)

HSLhsl(198, 73%, 54%)

HSVhsv(198, 77%, 87%)

OKLCHoklch(70.2% 0.126 231.3)

CMYKcmyk(77%, 23%, 0%, 13%)

Text Contrast & Accessibility

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

TextWhite text2.59:1AA normal ✗AA large ✗AAA normal ✗

TextBlack text8.11:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#34ACDF Complementary#DF6734 Analogous#34DFBD Analogous#3456DF Triadic#DF34AC Triadic#ACDF34

Tints & Shades

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

Tints

#4FB7E3 #6DC3E8 #88CEEC #A2D9F1 #BDE4F5 #DCF1F9

Shades

#209BCF #1C84B0 #176D92 #11526E #0C3B4F #082431

Use #34ACDF in Our Tools

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