Yellow-green

#CCFF00

What color is Yellow-green?

Yellow-green is a bright, sharp color that sits between yellow and green, leaning toward the electric side of both, hex #CCFF00. It has a high-visibility quality, similar to the color of a fresh lime. The tone is light but intense, with very little white or gray softening it.

What is the meaning of the color Yellow-green?

The color name yellow-green appeared in English by the late 19th century as color classification systems began to standardize hue naming. The Munsell color system, developed by Albert H. Munsell in 1905, helped formalize terms like yellow-green as distinct positions on a measured hue wheel. Safety and visibility research in the mid-20th century identified yellow-green as the most visible color to the human eye under daylight conditions. The U.S. Federal Highway Administration adopted a yellow-green standard for pedestrian crossing signs in 1996, making it one of the few color names tied directly to a federal regulation.

RGB
204, 255, 0
HSL
72°, 100%, 50%
CMYK
20, 0, 100, 0
HSV
72°, 100%, 100%
Yellow-green color

What colors go with Yellow-green?

Colors that pair well with Yellow-green include:
Deep navy: strong dark contrast
Charcoal gray: grounded, neutral balance
Hot pink: bold, high-energy clash
White: clean, open brightness
Burnt orange: warm earthy depth

Similar Colors

Conversions & Codes

Format Value CSS
HEX #CCFF00 color: #CCFF00;
RGB 204, 255, 0 color: rgb(204, 255, 0);
RGB Percentage 80%, 100%, 0% color: rgb(80%, 100%, 0%);
CMYK 20%, 0%, 100%, 0% Not supported in CSS
HSL 72°, 100%, 50% color: hsl(72, 100%, 50%);
HSV 72°, 100%, 100% Not supported in CSS
CIE-LAB 40, -10, 85 color: lab(40% -10 85);
Decimal 13434624 Not supported in CSS

Color Variations

Shades

#CCFF00
#B8E600
#A3CC00
#8FB300
#7A9900
#668000
#526600
#3D4D00

Tints

#F0FFB3
#EBFF99
#E6FF80
#E0FF66
#DBFF4D
#D6FF33
#D1FF1A
#CCFF00

Tones

#CCFF00
#C4F20D
#BDE61A
#B5D926
#ADCC33
#A6BF40
#9EB34D
#96A659

Hues

#CCFF00
#0DFF00
#00FFB3
#008CFF
#3300FF
#F200FF
#FF004C
#FF7300

Color Harmonies

Analogous

#FFB300
Click to copy
#CCFF00
Click to copy
#4CFF00
Click to copy

Complementary

#CCFF00
Click to copy
#3300FF
Click to copy

Split Complementary

#CCFF00
Click to copy
#004CFF
Click to copy
#B300FF
Click to copy

Triadic

#CCFF00
Click to copy
#00CCFF
Click to copy
#FF00CC
Click to copy

Tetradic

#CCFF00
Click to copy
#00FFB3
Click to copy
#3300FF
Click to copy
#FF004C
Click to copy

Square

#CCFF00
Click to copy
#00FFB3
Click to copy
#3300FF
Click to copy
#FF004C
Click to copy

CSS & Dev Snippets

CSS
.yellow-green {
  color: #CCFF00;
}
SCSS
$yellow-green: #CCFF00;
RGB
rgb(204, 255, 0)

Accessibility & Contrast

White background

1.18:1
1.18
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

17.87:1
17.87
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags