#427646 Color

#427646 is rgb(66, 118, 70) in RGB and hsl(125, 28%, 36%) in HSL. The closest CSS named color is DarkOliveGreen. White text is most readable on this background.

#427646

HEX#427646

RGBrgb(66, 118, 70)

HSLhsl(125, 28%, 36%)

HSVhsv(125, 44%, 46%)

OKLCHoklch(51.6% 0.093 145.8)

CMYKcmyk(44%, 0%, 41%, 54%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#427646 Complementary#764271 Analogous#587642 Analogous#427660 Triadic#464276 Triadic#764642

Tints & Shades

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

Tints

#539358 #69AB6E #86BB8B #A0CAA4 #BEDAC0 #DBEBDC

Shades

#39653D #325835 #28482B #213B23 #182A19 #111D12

Use #427646 in Our Tools

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