#287661 Color

#287661 is rgb(40, 118, 97) in RGB and hsl(164, 49%, 31%) in HSL. The closest CSS named color is SeaGreen. White text is most readable on this background.

#287661

HEX#287661

RGBrgb(40, 118, 97)

HSLhsl(164, 49%, 31%)

HSVhsv(164, 66%, 46%)

OKLCHoklch(51.2% 0.083 171.8)

CMYKcmyk(66%, 0%, 18%, 54%)

Text Contrast & Accessibility

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

TextWhite text5.45:1AA normal ✓AA large ✓AAA normal ✗

TextBlack text3.85:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

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

Base#287661 Complementary#76283D Analogous#28763A Analogous#286476 Triadic#612876 Triadic#766128

Tints & Shades

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

Tints

#359C80 #41BE9D #67CBB0 #89D7C2 #AFE4D6 #D1EFE7

Shades

#236755 #1E5748 #19483C #153D32 #102E26 #0A1E19

Use #287661 in Our Tools

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