Yellow-green

#CCFF00
RGB
204, 255, 0
HSL
72°, 100%, 50%
CMYK
20, 0, 100, 0
HSV
72°, 100%, 100%

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