Burnt Orange Color
#CC5500
Shades
Darker variations of each color in your palette
Base Color
#CC5500#CC5500
#A34400
#7A3300
#522200
#291100
#000000
Shades
Tints
Lighter variations of each color in your palette
Base Color
#CC5500#CC5500
#D67733
#E09966
#EBBB99
#F5DDCC
#FFFFFF
Tints
Base Color
Click any value to copy
| Format | Value | Image |
|---|---|---|
| HEX | #CC5500 |  |
| RGB | 204, 85, 0 | |
| HSL | 25, 100%, 40% | |
| CMYK | 0%, 58%, 100%, 20% | |
| OKLCH | oklch(0.595 0.169 45) |
Color Harmonies
Explore harmonious color combinations based on color theory
Base Color
#CC5500#CC0011
#CC5500
#CCBB00
Analogous
#CC5500
#0077CC
Complementary
#CC5500
#00CC55
#5500CC
Triadic
#CC5500
#00CCBB
#0011CC
Split Complementary
#CC5500
#11CC00
#0077CC
#BB00CC
Tetradic
#662B00
#B34A00
#FF6A00
#FF974D
#FFC499
Monochromatic
Hues
Different hues with the same saturation and lightness
Base Color
#CC5500#CC0000
#CCCC00
#00CC00
#00CCCC
#0000CC
#CC00CC
Hues
Tones
Tones created by adding gray to each color
Base Color
#CC5500#CC5500
#BD5E1A
#AE6633
#9E6F4D
#8F7766
#808080
Tones
Color Temperatures
Warm and cool variations of your colors
Base Color
#CC5500#D45800
#DB5B00
#E35F00
Warmer
#C35826
#BA5B4D
#B05F73
Cooler
Contrast
Test color contrast against white and black backgrounds
Color #1
#CC5500On White Background
Sample Text
Contrast Ratio:4.31:1
WCAG Level:AA Large
PASS
On Black Background
Sample Text
Contrast Ratio:4.87: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)