HEX Color #75AF1D (Yellowgreen)

About #75AF1D

Visually, #75AF1D is defined as a vivid green. If you're using CSS, you might find it aligns closely with Yellowgreen. Its digital footprint relies on 117 parts red, 175 parts green, and 29 parts blue light.

When sending designs containing this color to a printer, the CMYK values come into play. To reproduce this shade on paper, a printer utilizes 33% 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. To prevent eye strain, #000000 text pairs best with this hex code. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#75AF1D

RGB117, 175, 29

HSL83.8°, 71.6%, 40.0%

CMYK33%, 0%, 83%, 31%

HSV83.8°, 83.4%, 68.6%

LAB65.4, -39.7, 61.7

XYZ22.9, 34.5, 6.6

Decimal7712541

Color Harmonies

Complementary

#75AF1D #561DAF

Analogous

#AF9F1D #2CAF1D

Triadic

#1D75AF #AF1D75

Tetradic

#1DAFA0 #561DAF #AF1D2B

Tints, Shades & Tones

Tints (Adding White)

#75AF1D

#84B736

#93C04F

#A3C968

#B2D281

#C1DB9A

#D1E4B3

#E0EDCC

#EFF6E5

#FFFFFF

Shades (Adding Black)

#75AF1D

#689B19

#5B8816

#4E7413

#416110

#344D0C

#273A09

#1A2606

#0D1303

#000000

WCAG Contrast Accessibility

2.66:1

Text on #FFFFFF

FAIL

7.91:1

Text on #000000

AAA

2.54:1

Text on #F8FAFC

FAIL

6.72:1

Text on #0F172A

AA

CSS Implementation

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

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

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

Similar Colors

Yellowgreen

#9ACD32