#45BAB8 Color

#45BAB8 is rgb(69, 186, 184) in RGB and hsl(179, 46%, 50%) in HSL. The closest CSS named color is MediumTurquoise. Black text is most readable on this background.

#45BAB8

HEX#45BAB8

RGBrgb(69, 186, 184)

HSLhsl(179, 46%, 50%)

HSVhsv(179, 63%, 73%)

OKLCHoklch(72.4% 0.103 193.5)

CMYKcmyk(63%, 0%, 1%, 27%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#45BAB8 Complementary#BA4547 Analogous#45BA7E Analogous#4581BA Triadic#B845BA Triadic#BAB845

Tints & Shades

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

Tints

#5FC4C2 #79CDCC #93D7D6 #A9DFDE #C3E9E8 #DDF3F2

Shades

#3BA09E #338A88 #29706F #215958 #173F3F #0F2929

Use #45BAB8 in Our Tools

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