HEX Color #7CA800 (Yellowgreen)

About #7CA800

Visually, #7CA800 is defined as a vivid green. Its closest recognized web color is Yellowgreen. To achieve this exact tint on a monitor, you would use an RGB mix of 124, 168, and 0.

For print applications, it's crucial to understand its CMYK makeup. Its ink density profile breaks down to 26% cyan, 0% magenta, 100% yellow, and 34% black. Always request a physical proof before doing a large print run with this exact code.

Contrast ratios determine whether this color is safe for typography. Mathematical luminance calculations suggest that #000000 text provides the most optimal reading experience. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#7CA800

RGB124, 168, 0

HSL75.7°, 100.0%, 32.9%

CMYK26%, 0%, 100%, 34%

HSV75.7°, 100.0%, 65.9%

LAB63.6, -34.6, 65.3

XYZ22.3, 32.3, 5.1

Decimal8169472

Color Harmonies

Complementary

#7CA800 #2C00A7

Analogous

#A77F00 #27A700

Triadic

#007BA7 #A7007B

Tetradic

#00A780 #2C00A7 #A70027

Tints, Shades & Tones

Tints (Adding White)

#7CA800

#8AB11C

#99BB38

#A7C555

#B6CE71

#C4D88D

#D3E2AA

#E1EBC6

#F0F5E2

#FFFFFF

Shades (Adding Black)

#7CA800

#6E9500

#608200

#527000

#445D00

#374A00

#293800

#1B2500

#0D1200

#000000

WCAG Contrast Accessibility

2.82:1

Text on #FFFFFF

FAIL

7.46:1

Text on #000000

AAA

2.69:1

Text on #F8FAFC

FAIL

6.34:1

Text on #0F172A

AA

CSS Implementation

.bg-color { background-color: #7CA800; }

.text-color { color: #7CA800; }

.border-color { border: 2px solid #7CA800; }

Similar Colors

Yellowgreen

#9ACD32