#ccff00
Electric LimeColor-Conversion
HEX #ccff00
HSL 72, 100, 50
RGB 204, 255, 0
XYZ 61, 84, 13
CMYK 20, 0, 100, 0
LUV 94,-13,107,
LAB 94, -42, 90
HWB 72, 0, 0
Variations
The purpose of this section is to accurately produce tints (pure white added) and shades (pure black added) of your selected color in 10% increments.
Shades
#ccff00
#b8e600
#a3cc00
#8fb300
#7a9900
#668000
#526600
#3d4c00
#293300
#141900
#000000
Tints
#ccff00
#d1ff1a
#d6ff33
#dbff4d
#e0ff66
#e6ff80
#ebff99
#f0ffb3
#f5ffcc
#faffe6
#ffffff
Color Combinations
Each harmony has its own mood. Use harmonies to brainstorm color combos that work well together.
Complement
A color and its opposite on the color wheel, +180 degrees of hue. High contrast.
#ccff00
#3300ff
Split-complementary
A color and two adjacent to its complement, +/-30 degrees of hue from the value opposite the main color. Bold like a straight complement, but more versatile.
#ccff00
#00ff66
#cc00ff
Triadic
Three colors spaced evenly along the color wheel, each 120 degrees of hue apart. Best to allow one color to dominate and use the others as accents.
#ccff00
#00ccff
#ff00cc
Analogous
Three colors of the same luminance and saturation with hues that are adjacent on the color wheel, 30 degrees apart. Smooth transitions.
#ccff00
#e6ff00
#b2ff00
Monochromatic
Three colors of the same hue with luminance values +/-50%. Subtle and refined.
#ccff00
#445500
#88aa00
Tetradic
Two sets of complementary colors, separated by 60 degrees of hue.
#ccff00
#00ffb3
#3300ff
#ff004c
Contrast checker
Text Color
Background Color
Contrast
1.18
Very poor
Small text
Large text
Poor contrast for all text sizes.