#027342 Color

#027342 is rgb(2, 115, 66) in RGB and hsl(154, 97%, 23%) in HSL. The closest CSS named color is ForestGreen. White text is most readable on this background.

#027342

HEX#027342

RGBrgb(2, 115, 66)

HSLhsl(154, 97%, 23%)

HSVhsv(154, 98%, 45%)

OKLCHoklch(48.9% 0.118 155.8)

CMYKcmyk(98%, 0%, 43%, 55%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#027342 Complementary#740233 Analogous#027409 Analogous#026C74 Triadic#420274 Triadic#744202

Tints & Shades

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

Tints

#03AB62 #03DD7F #1DFC9B #54FCB4 #8BFDCC #BEFEE2

Shades

#02643A #015A34 #014B2B #013C23 #012D1A #012314

Use #027342 in Our Tools

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