#45BAA5 Color

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

#45BAA5

HEX#45BAA5

RGBrgb(69, 186, 165)

HSLhsl(169, 46%, 50%)

HSVhsv(169, 63%, 73%)

OKLCHoklch(71.8% 0.109 179)

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

Text Contrast & Accessibility

WCAG contrast ratios for text on a #45BAA5 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.82:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#45BAA5 Complementary#BA455A Analogous#45BA6A Analogous#4595BA Triadic#A545BA Triadic#BAA545

Tints & Shades

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

Tints

#5FC4B1 #79CDBE #93D7CB #A9DFD5 #C3E9E2 #DDF3EF

Shades

#3BA08E #338A7A #297063 #21594F #173F38 #0F2924

Use #45BAA5 in Our Tools

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