#ffaa00
≈ Web OrangeColor-Conversion
HEX #ffaa00
HSL 40, 100, 50
RGB 255, 170, 0
XYZ 56, 50, 7
CMYK 0, 33, 100, 0
LUV 76,84,75,
LAB 76, 21, 80
HWB 40, 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
Tints
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.
#ffaa00
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.
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.
Analogous
Three colors of the same luminance and saturation with hues that are adjacent on the color wheel, 30 degrees apart. Smooth transitions.
Monochromatic
Three colors of the same hue with luminance values +/-50%. Subtle and refined.
Tetradic
Two sets of complementary colors, separated by 60 degrees of hue.
Contrast checker
Text Color
Background Color
Contrast
Small text
Large text