Metallic Gold

#D3AF37
RGB
211, 175, 55
HSL
46°, 64%, 52%
CMYK
0, 17, 74, 17
HSV
46°, 74%, 83%

Similar Colors

Conversions & Codes

Format Value CSS
HEX #D3AF37 color: #D3AF37;
RGB 211, 175, 55 color: rgb(211, 175, 55);
RGB Percentage 83%, 69%, 22% color: rgb(83%, 69%, 22%);
CMYK 0%, 17%, 74%, 17% Not supported in CSS
HSL 46°, 64%, 52% color: hsl(46, 64%, 52%);
HSV 46°, 74%, 83% Not supported in CSS
CIE-LAB 42, 7, 40 color: lab(42% 7 40);
Decimal 13872951 Not supported in CSS

Color Variations

Shades

#D3AE36
#C4A02B
#AE8E26
#987D21
#826B1D
#6D5918
#574713
#41350E

Tints

#F2E7C3
#EDDFAF
#E9D79B
#E5CF87
#E0C772
#DCBF5E
#D7B64A
#D3AE36

Tones

#D3AE36
#CBAA3E
#C3A646
#BBA24E
#B49E56
#AC995D
#A49565
#9C916D

Hues

#D3AE36
#82D336
#36D360
#36D0D3
#365BD3
#8736D3
#D336A9
#D33936

Color Harmonies

Analogous

#D36036
Click to copy
#D3AF37
Click to copy
#A9D336
Click to copy

Complementary

#D3AF37
Click to copy
#365BD3
Click to copy

Split Complementary

#D3AF37
Click to copy
#36A9D3
Click to copy
#6036D3
Click to copy

Triadic

#D3AF37
Click to copy
#36D3AE
Click to copy
#AE36D3
Click to copy

Tetradic

#D3AF37
Click to copy
#36D360
Click to copy
#365BD3
Click to copy
#D336A9
Click to copy

Square

#D3AF37
Click to copy
#36D360
Click to copy
#365BD3
Click to copy
#D336A9
Click to copy

CSS & Dev Snippets

CSS
.metallic-gold {
  color: #D3AF37;
}
SCSS
$metallic-gold: #D3AF37;
RGB
rgb(211, 175, 55)

Accessibility & Contrast

White background

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

Black background

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

Popular Tags