HEX Color #7CCC0F (Yellowgreen)

About #7CCC0F

The precise color #7CCC0F is an excellent choice for modern design projects. Its closest recognized web color is Yellowgreen. To achieve this exact tint on a monitor, you would use an RGB mix of 124, 204, and 15.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). This specific hue requires a mix of 39% C, 0% M, 93% Y, and 20% K. The HSL representation is 85.4° hue, 86.3% saturation, and 42.9% lightness.

Contrast ratios determine whether this color is safe for typography. 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#7CCC0F

RGB124, 204, 15

HSL85.4°, 86.3%, 42.9%

CMYK39%, 0%, 93%, 20%

HSV85.4°, 92.6%, 80.0%

LAB74.5, -49.7, 72.1

XYZ30.0, 47.5, 8.0

Decimal8178703

Color Harmonies

Complementary

#7CCC0F #5F0FCC

Analogous

#CCBD0F #1DCC0F

Triadic

#0F7BCC #CC0F7B

Tetradic

#0FCCBD #5F0FCC #CC0F1D

Tints, Shades & Tones

Tints (Adding White)

#7CCC0F

#8AD129

#99D744

#A7DD5F

#B6E279

#C4E894

#D3EEAF

#E1F3C9

#F0F9E4

#FFFFFF

Shades (Adding Black)

#7CCC0F

#6EB50D

#609E0B

#52880A

#447108

#375A06

#294405

#1B2D03

#0D1601

#000000

WCAG Contrast Accessibility

2.00:1

Text on #FFFFFF

FAIL

10.50:1

Text on #000000

AAA

1.91:1

Text on #F8FAFC

FAIL

8.93:1

Text on #0F172A

AAA

CSS Implementation

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

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

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

Similar Colors

Yellowgreen

#9ACD32