Bronze Color

#CD7F32

Shades

Darker variations of each color in your palette

Base Color

#CD7F32
#CD7F32
#A46628
#7B4C1E
#523314
#29190A
#000000

Shades

Tints

Lighter variations of each color in your palette

Base Color

#CD7F32
#CD7F32
#D7995B
#E1B284
#EBCCAD
#F5E5D6
#FFFFFF

Tints

Base Color

Click any value to copy

FormatValueImage
HEX#CD7F32Bronze Color
RGB205, 127, 50
HSL30, 61%, 50%
CMYK0%, 38%, 76%, 20%
OKLCHoklch(0.666 0.131 61)

Color Harmonies

Explore harmonious color combinations based on color theory

Base Color

#CD7F32
#CD3232
#CD7F32
#CDCD32

Analogous

#CD7F32
#327FCD

Complementary

#CD7F32
#32CD80
#7F32CD

Triadic

#CD7F32
#32CDCD
#3232CD

Split Complementary

#CD7F32
#32CD32
#327FCD
#CD32CD

Tetradic

#523314
#905923
#CD8032
#DCA66F
#EBCCAD

Monochromatic

Hues

Different hues with the same saturation and lightness

Base Color

#CD7F32
#CD3232
#CDCD32
#32CD32
#32CDCD
#3232CD
#CD32CD

Hues

Tones

Tones created by adding gray to each color

Base Color

#CD7F32
#CD7F32
#BE7F42
#AE7F51
#9F8061
#8F8070
#808080

Tones

Color Temperatures

Warm and cool variations of your colors

Base Color

#CD7F32
#D57F30
#DC7F2E
#E47F2B

Warmer

#C47F51
#BB7F70
#B17F8E

Cooler

Contrast

Test color contrast against white and black backgrounds

Color #1

#CD7F32

On White Background

Sample Text
Contrast Ratio:3.14:1
WCAG Level:AA Large
PASS

On Black Background

Sample Text
Contrast Ratio:6.68: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)