Burgundy

#660033
RGB
102, 0, 51
HSL
330°, 100%, 20%
CMYK
0, 100, 50, 60
HSV
330°, 100%, 40%

Similar Colors

Conversions & Codes

Format Value CSS
HEX #660033 color: #660033;
RGB 102, 0, 51 color: rgb(102, 0, 51);
RGB Percentage 40%, 0%, 20% color: rgb(40%, 0%, 20%);
CMYK 0%, 100%, 50%, 60% Not supported in CSS
HSL 330°, 100%, 20% color: hsl(330, 100%, 20%);
HSV 330°, 100%, 40% Not supported in CSS
CIE-LAB 16, 20, -17 color: lab(16% 20 -17);
Decimal 6684723 Not supported in CSS

Color Variations

Shades

#660033
#5C002E
#520029
#470024
#3D001F
#33001A
#290014
#1F000F

Tints

#FF85C2
#FF5CAD
#FF3399
#FF0A85
#E00070
#B8005C
#8F0047
#660033

Tones

#660033
#610533
#5C0A33
#570F33
#521433
#4D1A33
#471F33
#422433

Hues

#660033
#661A00
#666600
#1A6600
#006633
#004D66
#000066
#4D0066

Color Harmonies

Analogous

#660066
Click to copy
Dark Purple
88%
#660033
Click to copy
Burgundy
100%
#660000
Click to copy
Dark Red
88%

Complementary

#660033
Click to copy
Burgundy
100%
#006633
Click to copy
Dark Cyan
67%

Split Complementary

#660033
Click to copy
Burgundy
100%
#006600
Click to copy
Dark Green
65%
#006666
Click to copy
Dark Cyan
65%

Triadic

#660033
Click to copy
Burgundy
100%
#336600
Click to copy
Dark Green
72%
#003366
Click to copy
Dark Blue
72%

Tetradic

#660033
Click to copy
Burgundy
100%
#666600
Click to copy
Dark Yellow
74%
#006633
Click to copy
Dark Cyan
67%
#000066
Click to copy
Dark Blue
74%

Square

#660033
Click to copy
Burgundy
100%
#666600
Click to copy
Dark Yellow
74%
#006633
Click to copy
Dark Cyan
67%
#000066
Click to copy
Dark Blue
74%

CSS & Dev Snippets

CSS
.burgundy {
  color: #660033;
}
SCSS
$burgundy: #660033;
RGB
rgb(102, 0, 51)

Accessibility & Contrast

White background

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

Black background

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

Popular Tags