#05BCD1 Color

#05BCD1 is rgb(5, 188, 209) in RGB and hsl(186, 95%, 42%) in HSL. The closest CSS named color is DarkTurquoise. Black text is most readable on this background.

#05BCD1

HEX#05BCD1

RGBrgb(5, 188, 209)

HSLhsl(186, 95%, 42%)

HSVhsv(186, 98%, 82%)

OKLCHoklch(72.8% 0.125 208.9)

CMYKcmyk(98%, 10%, 0%, 18%)

Text Contrast & Accessibility

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

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

TextBlack text9.12:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#05BCD1 Complementary#D11A05 Analogous#05D17F Analogous#0557D1 Triadic#D105BC Triadic#BCD105

Tints & Shades

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

Tints

#06E0F9 #2EE5FA #56EAFB #7EEFFC #A5F4FD #CDF9FE

Shades

#05A6B8 #048B9A #037581 #035A63 #02434B #01282D

Use #05BCD1 in Our Tools

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