HEX Color #5FA007 (Olivedrab)

About #5FA007

The hex code #5FA007 represents a beautifully specific shade of green. If you're using CSS, you might find it aligns closely with Olivedrab. This translates to an RGB value of rgb(95, 160, 7).

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). Its ink density profile breaks down to 41% cyan, 0% magenta, 96% yellow, and 37% black. Always request a physical proof before doing a large print run with this exact code.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Mathematical luminance calculations suggest that #000000 text provides the most optimal reading experience. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#5FA007

RGB95, 160, 7

HSL85.5°, 91.6%, 32.7%

CMYK41%, 0%, 96%, 37%

HSV85.5°, 95.6%, 62.7%

LAB59.5, -42.0, 60.5

XYZ17.3, 27.6, 4.6

Decimal6266887

Color Harmonies

Complementary

#5FA007 #47079F

Analogous

#9F9407 #129F07

Triadic

#075E9F #9F075E

Tetradic

#079F94 #47079F #9F0712

Tints, Shades & Tones

Tints (Adding White)

#5FA007

#70AA22

#82B53E

#94BF59

#A6CA75

#B7D490

#C9DFAC

#DBE9C7

#EDF4E3

#FFFFFF

Shades (Adding Black)

#5FA007

#548E06

#497C05

#3F6A04

#345803

#2A4703

#1F3502

#152301

#0A1100

#000000

WCAG Contrast Accessibility

3.22:1

Text on #FFFFFF

AA Large

6.52:1

Text on #000000

AA

3.08:1

Text on #F8FAFC

AA Large

5.54:1

Text on #0F172A

AA

CSS Implementation

.bg-color { background-color: #5FA007; }

.text-color { color: #5FA007; }

.border-color { border: 2px solid #5FA007; }

Similar Colors

Olivedrab

#6B8E23