HEX Color #75AF0F (Yellowgreen)

About #75AF0F

When working with digital screens, the color #75AF0F is rendered by mixing light. If you're using CSS, you might find it aligns closely with Yellowgreen. To achieve this exact tint on a monitor, you would use an RGB mix of 117, 175, and 15.

Translating this color to physical media requires the CMYK color model. To reproduce this shade on paper, a printer utilizes 33% cyan and 0% magenta inks. The HSL representation is 81.8° hue, 84.2% saturation, and 37.3% lightness.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Because it is a dark color, it is generally recommended to use #000000 text. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#75AF0F

RGB117, 175, 15

HSL81.8°, 84.2%, 37.3%

CMYK33%, 0%, 91%, 31%

HSV81.8°, 91.4%, 68.6%

LAB65.3, -40.1, 64.5

XYZ22.8, 34.5, 5.9

Decimal7712527

Color Harmonies

Complementary

#75AF0F #480FAF

Analogous

#AF990F #24AF0F

Triadic

#0F74AF #AF0F74

Tetradic

#0FAF99 #480FAF #AF0F24

Tints, Shades & Tones

Tints (Adding White)

#75AF0F

#84B729

#93C044

#A3C95F

#B2D279

#C1DB94

#D1E4AF

#E0EDC9

#EFF6E4

#FFFFFF

Shades (Adding Black)

#75AF0F

#689B0D

#5B880B

#4E740A

#416108

#344D06

#273A05

#1A2603

#0D1301

#000000

WCAG Contrast Accessibility

2.66:1

Text on #FFFFFF

FAIL

7.90:1

Text on #000000

AAA

2.54:1

Text on #F8FAFC

FAIL

6.71:1

Text on #0F172A

AA

CSS Implementation

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

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

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

Similar Colors

Yellowgreen

#9ACD32