Byzantium

#702963
RGB
112, 41, 99
HSL
311°, 46%, 30%
CMYK
0, 63, 12, 56
HSV
311°, 63%, 44%

Similar Colors

Conversions & Codes

Format Value CSS
HEX #702963 color: #702963;
RGB 112, 41, 99 color: rgb(112, 41, 99);
RGB Percentage 44%, 16%, 39% color: rgb(44%, 16%, 39%);
CMYK 0%, 63%, 12%, 56% Not supported in CSS
HSL 311°, 46%, 30% color: hsl(311, 46%, 30%);
HSV 311°, 63%, 44% Not supported in CSS
CIE-LAB 24, 14, -19 color: lab(24% 14 -19);
Decimal 7350627 Not supported in CSS

Color Variations

Shades

#702963
#652559
#59214F
#4E1D45
#43193B
#381531
#2D1128
#220C1E

Tints

#E2B1D9
#D897CC
#CF7DC0
#C563B3
#BC49A6
#A43D91
#8A337A
#702963

Tones

#702963
#6C2D61
#69305E
#65345C
#62375A
#5E3B58
#5B3E55
#574253

Hues

#702963
#70292E
#705929
#517029
#297036
#29706B
#294070
#482970

Color Harmonies

Analogous

#592970
Click to copy
Dark Purple
94%
#702963
Click to copy
Byzantium
100%
#702940
Click to copy
Dark Magenta
92%

Complementary

#702963
Click to copy
Byzantium
100%
#297036
Click to copy
Dark Green
75%

Split Complementary

#702963
Click to copy
Byzantium
100%
#407029
Click to copy
Dark Green
77%
#297059
Click to copy
Dark Cyan
77%

Triadic

#702963
Click to copy
Byzantium
100%
#637029
Click to copy
Dark Yellow
79%
#296370
Click to copy
Dark Cyan
79%

Tetradic

#702963
Click to copy
Byzantium
100%
#705929
Click to copy
Dark Orange
83%
#297036
Click to copy
Dark Green
75%
#294070
Click to copy
Dark Blue
83%

Square

#702963
Click to copy
Byzantium
100%
#705929
Click to copy
Dark Orange
83%
#297036
Click to copy
Dark Green
75%
#294070
Click to copy
Dark Blue
83%

CSS & Dev Snippets

CSS
.byzantium {
  color: #702963;
}
SCSS
$byzantium: #702963;
RGB
rgb(112, 41, 99)

Accessibility & Contrast

White background

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

Black background

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

Popular Tags