Ochre Color
#CC7722
Shades
Darker variations of each color in your palette
Base Color
#CC7722#CC7722
#A35F1B
#7A4714
#52300E
#291807
#000000
Shades
Tints
Lighter variations of each color in your palette
Base Color
#CC7722#CC7722
#D6924E
#E0AD7A
#EBC9A7
#F5E4D3
#FFFFFF
Tints
Base Color
Click any value to copy
| Format | Value | Image |
|---|---|---|
| HEX | #CC7722 |  |
| RGB | 204, 119, 34 | |
| HSL | 30, 71%, 47% | |
| CMYK | 0%, 42%, 83%, 20% | |
| OKLCH | oklch(0.650 0.140 60) |
Color Harmonies
Explore harmonious color combinations based on color theory
Base Color
#CC7722#CD2323
#CC7722
#CDCD23
Analogous
#CC7722
#2378CD
Complementary
#CC7722
#23CD78
#7823CD
Triadic
#CC7722
#23CDCD
#2323CD
Split Complementary
#CC7722
#23CD23
#2378CD
#CD23CD
Tetradic
#57330F
#99591A
#DA8025
#E5A666
#F0CCA8
Monochromatic
Hues
Different hues with the same saturation and lightness
Base Color
#CC7722#CD2323
#CDCD23
#23CD23
#23CDCD
#2323CD
#CD23CD
Hues
Tones
Tones created by adding gray to each color
Base Color
#CC7722#CC7722
#BD7935
#AE7B48
#9E7C5A
#8F7E6D
#808080
Tones
Color Temperatures
Warm and cool variations of your colors
Base Color
#CC7722#D47820
#DB781F
#E3791D
Warmer
#C37843
#BA7864
#B07985
Cooler
Contrast
Test color contrast against white and black backgrounds
Color #1
#CC7722On White Background
Sample Text
Contrast Ratio:3.37:1
WCAG Level:AA Large
PASS
On Black Background
Sample Text
Contrast Ratio:6.23: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)