#506803 Color

#506803 is rgb(80, 104, 3) in RGB and hsl(74, 94%, 21%) in HSL. The closest CSS named color is DarkOliveGreen. White text is most readable on this background.

#506803

HEX#506803

RGBrgb(80, 104, 3)

HSLhsl(74, 94%, 21%)

HSVhsv(74, 97%, 41%)

OKLCHoklch(48% 0.118 124)

CMYKcmyk(23%, 0%, 97%, 59%)

Text Contrast & Accessibility

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

TextWhite text6.32:1AA normal ✓AA large ✓AAA normal ✗

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

Color Harmonies

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

Base#506803 Complementary#1B0368 Analogous#684D03 Analogous#1E6803 Triadic#035068 Triadic#680350

Tints & Shades

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

Tints

#7B9E05 #A5D507 #C5F81B #D2FA52 #E0FB88 #EEFDBF

Shades

#495E03 #3D4F02 #364502 #2A3602 #222D01 #171E01

Use #506803 in Our Tools

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