Copper

#C68346
RGB
198, 131, 70
HSL
29°, 53%, 53%
CMYK
0, 34, 65, 22
HSV
29°, 65%, 78%

Similar Colors

Conversions & Codes

Format Value CSS
HEX #C68346 color: #C68346;
RGB 198, 131, 70 color: rgb(198, 131, 70);
RGB Percentage 78%, 51%, 27% color: rgb(78%, 51%, 27%);
CMYK 0%, 34%, 65%, 22% Not supported in CSS
HSL 29°, 53%, 53% color: hsl(29, 53%, 53%);
HSV 29°, 65%, 78% Not supported in CSS
CIE-LAB 42, 13, 20 color: lab(42% 13 20);
Decimal 13009734 Not supported in CSS

Color Variations

Shades

#C78548
#BA7739
#A56A33
#915D2C
#7C5026
#674220
#533519
#3E2813

Tints

#EEDAC8
#E8CEB6
#E3C2A3
#DDB691
#D8AA7F
#D29D6C
#CC915A
#C78548

Tones

#C78548
#C0854E
#BA8554
#B4865B
#AD8661
#A78667
#A1866E
#9A8774

Hues

#C78548
#A9C748
#4AC748
#48C7A5
#4889C7
#6548C7
#C548C7
#C7486A

Color Harmonies

Analogous

#C7484A
Click to copy
#C68346
Click to copy
#C7C548
Click to copy

Complementary

#C68346
Click to copy
#4889C7
Click to copy

Split Complementary

#C68346
Click to copy
#48C7C5
Click to copy
#484AC7
Click to copy

Triadic

#C68346
Click to copy
#48C785
Click to copy
#8548C7
Click to copy

Tetradic

#C68346
Click to copy
#4AC748
Click to copy
#4889C7
Click to copy
#C548C7
Click to copy

Square

#C68346
Click to copy
#4AC748
Click to copy
#4889C7
Click to copy
#C548C7
Click to copy

CSS & Dev Snippets

CSS
.copper {
  color: #C68346;
}
SCSS
$copper: #C68346;
RGB
rgb(198, 131, 70)

Accessibility & Contrast

White background

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

Black background

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

Popular Tags