Red Color
#FF0000
Shades
Darker variations of each color in your palette
Base Color
#FF0000#FF0000
#CC0000
#990000
#660000
#330000
#000000
Shades
Tints
Lighter variations of each color in your palette
Base Color
#FF0000#FF0000
#FF3333
#FF6666
#FF9999
#FFCCCC
#FFFFFF
Tints
Base Color
Click any value to copy
| Format | Value | Image |
|---|---|---|
| HEX | #FF0000 |  |
| RGB | 255, 0, 0 | |
| HSL | 0, 100%, 50% | |
| CMYK | 0%, 100%, 100%, 0% | |
| OKLCH | oklch(0.628 0.258 29) |
Color Harmonies
Explore harmonious color combinations based on color theory
Base Color
#FF0000#FF0080
#FF0000
#FF8000
Analogous
#FF0000
#00FFFF
Complementary
#FF0000
#00FF00
#0000FF
Triadic
#FF0000
#00FF80
#007FFF
Split Complementary
#FF0000
#80FF00
#00FFFF
#7F00FF
Tetradic
#660000
#B30000
#FF0000
#FF4D4D
#FF9999
Monochromatic
Hues
Different hues with the same saturation and lightness
Base Color
#FF0000#FF0000
#FFFF00
#00FF00
#00FFFF
#0000FF
#FF00FF
Hues
Tones
Tones created by adding gray to each color
Base Color
#FF0000#FF0000
#E61A1A
#CC3333
#B34D4D
#996666
#808080
Tones
Color Temperatures
Warm and cool variations of your colors
Base Color
#FF0000#FF0A00
#FF1300
#FF1D00
Warmer
#F40A26
#E8134D
#DD1D73
Cooler
Contrast
Test color contrast against white and black backgrounds
Color #1
#FF0000On White Background
Sample Text
Contrast Ratio:4.00:1
WCAG Level:AA Large
PASS
On Black Background
Sample Text
Contrast Ratio:5.25:1
WCAG Level:AA
PASS
WCAG Guidelines:
- AAA: Contrast ratio ≥ 7:1 (highest level)
- AA: Contrast ratio ≥ 4.5:1 (acceptable for most text)
- AA Large: Contrast ratio ≥ 3:1 (for text 18pt+ or 14pt+ bold)