Ochre

#CC7722
RGB
204, 119, 34
HSL
30°, 71%, 47%
CMYK
0, 42, 83, 20
HSV
30°, 83%, 80%

Similar Colors

Conversions & Codes

Format Value CSS
HEX #CC7722 color: #CC7722;
RGB 204, 119, 34 color: rgb(204, 119, 34);
RGB Percentage 80%, 47%, 13% color: rgb(80%, 47%, 13%);
CMYK 0%, 42%, 83%, 20% Not supported in CSS
HSL 30°, 71%, 47% color: hsl(30, 71%, 47%);
HSV 30°, 83%, 80% Not supported in CSS
CIE-LAB 38, 17, 28 color: lab(38% 17 28);
Decimal 13399842 Not supported in CSS

Color Variations

Shades

#CD7823
#B86C1F
#A4601C
#8F5418
#7B4815
#663C11
#52300E
#3D240A

Tints

#F3D6BA
#EFC9A3
#EBBB8B
#E7AE74
#E4A05D
#E09346
#DC852F
#CD7823

Tones

#CD7823
#C4782B
#BC7834
#B3783C
#AB7845
#A2784D
#9A7856
#91785E

Hues

#CD7823
#A2CD23
#23CD23
#23CDA2
#2378CD
#4D23CD
#CD23CD
#CD234D

Color Harmonies

Analogous

#CD2323
Click to copy
#CC7722
Click to copy
100%
#CDCD23
Click to copy

Complementary

#CC7722
Click to copy
100%
#2378CD
Click to copy

Split Complementary

#CC7722
Click to copy
100%
#23CDCD
Click to copy
#2323CD
Click to copy

Triadic

#CC7722
Click to copy
100%
#23CD78
Click to copy
#7823CD
Click to copy

Tetradic

#CC7722
Click to copy
100%
#23CD23
Click to copy
#2378CD
Click to copy
#CD23CD
Click to copy

Square

#CC7722
Click to copy
100%
#23CD23
Click to copy
#2378CD
Click to copy
#CD23CD
Click to copy

CSS & Dev Snippets

CSS
.ochre {
  color: #CC7722;
}
SCSS
$ochre: #CC7722;
RGB
rgb(204, 119, 34)

Accessibility & Contrast

White background

3.37:1
3.37
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

6.23:1
6.23
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags