#77A68E Color

#77A68E is rgb(119, 166, 142) in RGB and hsl(149, 21%, 56%) in HSL. The closest CSS named color is CadetBlue. Black text is most readable on this background.

#77A68E

HEX#77A68E

RGBrgb(119, 166, 142)

HSLhsl(149, 21%, 56%)

HSVhsv(149, 28%, 65%)

OKLCHoklch(68.4% 0.062 162)

CMYKcmyk(28%, 0%, 14%, 35%)

Text Contrast & Accessibility

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

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

TextBlack text7.63:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#77A68E Complementary#A67790 Analogous#78A677 Analogous#77A6A6 Triadic#8E77A6 Triadic#A68E77

Tints & Shades

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

Tints

#8AB29D #9CBFAD #AFCBBC #C1D7CC #D4E3DB #E6EFEA

Shades

#63977C #537F68 #446956 #345042 #263B30 #16221C

Use #77A68E in Our Tools

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