#12783E Color

#12783E is rgb(18, 120, 62) in RGB and hsl(146, 74%, 27%) in HSL. The closest CSS named color is ForestGreen. White text is most readable on this background.

#12783E

HEX#12783E

RGBrgb(18, 120, 62)

HSLhsl(146, 74%, 27%)

HSVhsv(146, 85%, 47%)

OKLCHoklch(50.4% 0.126 152)

CMYKcmyk(85%, 0%, 48%, 53%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#12783E Complementary#78124C Analogous#197812 Analogous#127871 Triadic#3E1278 Triadic#783E12

Tints & Shades

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

Tints

#19A455 #1FD16C #40E287 #71EAA5 #9DF0C1 #CAF7DD

Shades

#106A37 #0D592E #0B4B27 #093E20 #073119 #051F10

Use #12783E in Our Tools

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