#7DBAA8 Color

#7DBAA8 is rgb(125, 186, 168) in RGB and hsl(162, 31%, 61%) in HSL. The closest CSS named color is MediumAquamarine. Black text is most readable on this background.

#7DBAA8

HEX#7DBAA8

RGBrgb(125, 186, 168)

HSLhsl(162, 31%, 61%)

HSVhsv(162, 33%, 73%)

OKLCHoklch(74.2% 0.068 173.9)

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

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#7DBAA8 Complementary#BA7D8F Analogous#7DBA89 Analogous#7DAEBA Triadic#A87DBA Triadic#BAA87D

Tints & Shades

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

Tints

#8DC3B3 #A1CEC0 #B2D7CC #C3DFD7 #D4E8E2 #E8F3EF

Shades

#62AC96 #4F9681 #417C6A #315E50 #234339 #152822

Use #7DBAA8 in Our Tools

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