Bronze

#CE8946
RGB
206, 137, 70
HSL
30°, 58%, 54%
CMYK
0, 33, 66, 19
HSV
30°, 66%, 81%

Similar Colors

Conversions & Codes

Format Value CSS
HEX #CE8946 color: #CE8946;
RGB 206, 137, 70 color: rgb(206, 137, 70);
RGB Percentage 81%, 54%, 27% color: rgb(81%, 54%, 27%);
CMYK 0%, 33%, 66%, 19% Not supported in CSS
HSL 30°, 58%, 54% color: hsl(30, 58%, 54%);
HSV 30°, 66%, 81% Not supported in CSS
CIE-LAB 43, 14, 22 color: lab(43% 14 22);
Decimal 13535558 Not supported in CSS

Color Variations

Shades

#CE8A46
#C47C34
#AE6E2E
#986028
#835323
#6D451D
#573717
#412911

Tints

#F0DCC7
#EBD0B5
#E6C4A2
#E1B990
#DDAD7D
#D8A16B
#D39558
#CE8A46

Tones

#CE8A46
#C78A4C
#C08A53
#B98A5A
#B38A61
#AC8A68
#A58A6E
#9E8A75

Hues

#CE8A46
#ACCE46
#46CE46
#46CEAC
#468ACE
#6846CE
#CE46CE
#CE4668

Color Harmonies

Analogous

#CE4646
Click to copy
Red
85%
#CE8946
Click to copy
Bronze
100%
#CECE46
Click to copy
Yellow
84%

Complementary

#CE8946
Click to copy
Bronze
100%
#468ACE
Click to copy
Blue
56%

Split Complementary

#CE8946
Click to copy
Bronze
100%
#46CECE
Click to copy
Cyan
54%
#4646CE
Click to copy
Blue
54%

Triadic

#CE8946
Click to copy
Bronze
100%
#46CE8A
Click to copy
Cyan
62%
#8A46CE
Click to copy
Purple
62%

Tetradic

#CE8946
Click to copy
Bronze
100%
#46CE46
Click to copy
Green
65%
#468ACE
Click to copy
Blue
56%
#CE46CE
Click to copy
Purple
66%

Square

#CE8946
Click to copy
Bronze
100%
#46CE46
Click to copy
Green
65%
#468ACE
Click to copy
Blue
56%
#CE46CE
Click to copy
Purple
66%

CSS & Dev Snippets

CSS
.bronze {
  color: #CE8946;
}
SCSS
$bronze: #CE8946;
RGB
rgb(206, 137, 70)

Accessibility & Contrast

White background

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

Black background

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

Popular Tags