Red Violet

#C71585
RGB
199, 21, 133
HSL
322°, 81%, 43%
CMYK
0, 89, 33, 22
HSV
322°, 89%, 78%

Similar Colors

Conversions & Codes

Format Value CSS
HEX #C71585 color: #C71585;
RGB 199, 21, 133 color: rgb(199, 21, 133);
RGB Percentage 78%, 8%, 52% color: rgb(78%, 8%, 52%);
CMYK 0%, 89%, 33%, 22% Not supported in CSS
HSL 322°, 81%, 43% color: hsl(322, 81%, 43%);
HSV 322°, 89%, 78% Not supported in CSS
CIE-LAB 34, 36, -37 color: lab(34% 36 -37);
Decimal 13047173 Not supported in CSS

Color Variations

Shades

#C61585
#B31378
#9F116B
#8B0F5D
#770D50
#630A43
#4F0835
#3C0628

Tints

#F7B0DD
#F496D1
#F17BC6
#EE61BB
#EC47AF
#E92DA4
#E11897
#C61585

Tones

#C61585
#BE1E83
#B52781
#AC2F7E
#A3387C
#9A4179
#914A77
#885375

Hues

#C61585
#C62A15
#C6AF15
#59C615
#15C656
#15B2C6
#152DC6
#8215C6

Color Harmonies

Analogous

#AF15C6
Click to copy
Purple
84%
#C71585
Click to copy
Red violet
100%
#C6152D
Click to copy
Magenta
80%

Complementary

#C71585
Click to copy
Red violet
100%
#15C656
Click to copy
Green
42%

Split Complementary

#C71585
Click to copy
Red violet
100%
#2DC615
Click to copy
Green
41%
#15C6AF
Click to copy
Cyan
42%

Triadic

#C71585
Click to copy
Red violet
100%
#85C615
Click to copy
Yellow
50%
#1585C6
Click to copy
Cyan
50%

Tetradic

#C71585
Click to copy
Red violet
100%
#C6AF15
Click to copy
Orange
57%
#15C656
Click to copy
Green
42%
#152DC6
Click to copy
Blue
57%

Square

#C71585
Click to copy
Red violet
100%
#C6AF15
Click to copy
Orange
57%
#15C656
Click to copy
Green
42%
#152DC6
Click to copy
Blue
57%

CSS & Dev Snippets

CSS
.red-violet {
  color: #C71585;
}
SCSS
$red-violet: #C71585;
RGB
rgb(199, 21, 133)

Accessibility & Contrast

White background

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

Black background

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

Popular Tags