Coloried

Bronze

Bronze color is a bright shade of brown. Its hex code is #CD7F32 and rgb code is rgb(205, 127, 50), Its CMYK value is cmyk(0%, 38%, 76%, 20%), and Its HSL value is hsl(30, 61%, 50%). Against white, it has a contrast ratio of 3.14:1, while against black, the contrast ratio is 6.68:1. Complementary color is #3280CD and closest tailwind color is amber-600. This color goes well with #525214, #521414, #150D05, #1E7B7B, and #1E1E7B. To recreate the Bronze color, you can mix #FF0000 and #9BFE64.

Bronze color code
|
1. Color Conversions
HEX#CD7F32
RGB205, 127, 50
HSL30°, 61%, 50%
HSV30°, 61%, 80%
CMYK0%, 38%, 76%, 20%
Web Safe#CC6633
2. Contrast Ratio
Text on #FFFFFF3.14:1
AAA LargeFail Normal
Text on #0000006.68:1
AAA LargeAAA Normal
3. Bronze Color Code in CSS
HEX
#CD7F32
RGB
rgb(205, 127, 50)
HSL
hsl(30, 61%, 50%)
Text Color
color: #CD7F32;
Background
background-color: #CD7F32;
Border Color
border-color: #CD7F32;
Box Shadow
box-shadow: 0 4px 14px 0 #CD7F3280;
SCSS
$color-bronze: #CD7F32;
4. Color Palettes
Analogous
Complementary
Triadic
Split Complementary
Tetradic
Monochromatic
5. Shades, Tints & Hues
Shades
Tints
Hues
6. Color Blindness Simulator
Protanopia#ABAB45
Deuteranopia#B0B649
Tritanopia#C95357
Achromatopsia#8E8E8E
7. UI Components Preview
Buttons
Badges
DefaultOutlineSoft
Interactive