#45BAA7 Color

#45BAA7 is rgb(69, 186, 167) in RGB and hsl(170, 46%, 50%) in HSL. The closest CSS named color is LightSeaGreen. Black text is most readable on this background.

#45BAA7

HEX#45BAA7

RGBrgb(69, 186, 167)

HSLhsl(170, 46%, 50%)

HSVhsv(170, 63%, 73%)

OKLCHoklch(71.8% 0.108 180.4)

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

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#45BAA7 Complementary#BA4558 Analogous#45BA6C Analogous#4593BA Triadic#A745BA Triadic#BAA745

Tints & Shades

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

Tints

#5FC4B3 #79CDBF #93D7CC #A9DFD6 #C3E9E3 #DDF3EF

Shades

#3BA08F #338A7B #297064 #215950 #173F39 #0F2925

Use #45BAA7 in Our Tools

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