#125403 Color

#125403 is rgb(18, 84, 3) in RGB and hsl(109, 93%, 17%) in HSL. The closest CSS named color is DarkGreen. White text is most readable on this background.

#125403

HEX#125403

RGBrgb(18, 84, 3)

HSLhsl(109, 93%, 17%)

HSVhsv(109, 96%, 33%)

OKLCHoklch(39% 0.125 140.8)

CMYKcmyk(79%, 0%, 96%, 67%)

Text Contrast & Accessibility

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

TextWhite text9.15:1AA normal ✓AA large ✓AAA normal ✓

TextBlack text2.3:1AA normal ✗AA large ✗AAA normal ✗

Color Harmonies

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

Base#125403 Complementary#450354 Analogous#3A5403 Analogous#03541D Triadic#031254 Triadic#540312

Tints & Shades

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

Tints

#1E8F05 #2AC507 #3DF613 #69F849 #9AFB84 #C6FDBA

Shades

#104A03 #0E4002 #0C3602 #0A3102 #082701 #061E01

Use #125403 in Our Tools

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