HEX Color #75A042 (Olivedrab)

About #75A042

Visually, #75A042 is defined as a moderate green. It is closely associated with the named CSS color Olivedrab. To achieve this exact tint on a monitor, you would use an RGB mix of 117, 160, and 66.

Translating this color to physical media requires the CMYK color model. To reproduce this shade on paper, a printer utilizes 27% cyan and 0% magenta inks. This makes it a relatively light color when applied to physical surfaces.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. The calculated luminance score dictates that #000000 typography is the safest choice. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#75A042

RGB117, 160, 66

HSL87.4°, 41.6%, 44.3%

CMYK27%, 0%, 59%, 37%

HSV87.4°, 58.7%, 62.7%

LAB61.1, -30.4, 43.5

XYZ20.9, 29.3, 9.7

Decimal7708738

Color Harmonies

Complementary

#75A042 #6D41A0

Analogous

#A09C41 #45A041

Triadic

#4174A0 #A04174

Tetradic

#41A09C #6D41A0 #A04145

Tints, Shades & Tones

Tints (Adding White)

#75A042

#84AA57

#93B56C

#A3BF81

#B2CA96

#C1D4AB

#D1DFC0

#E0E9D5

#EFF4EA

#FFFFFF

Shades (Adding Black)

#75A042

#688E3A

#5B7C33

#4E6A2C

#415824

#34471D

#273516

#1A230E

#0D1107

#000000

WCAG Contrast Accessibility

3.06:1

Text on #FFFFFF

AA Large

6.86:1

Text on #000000

AA

2.92:1

Text on #F8FAFC

FAIL

5.83:1

Text on #0F172A

AA

CSS Implementation

.bg-color { background-color: #75A042; }

.text-color { color: #75A042; }

.border-color { border: 2px solid #75A042; }

Similar Colors

Olivedrab

#6B8E23