Red Violet

#C71585

What color is Red Violet?

Red violet is a deep, cool-toned pink-red, hex #C71585, with enough blue in it to separate it clearly from a standard red. It has the saturated, jewel-like quality of a fresh bougainvillea bloom.

What is the meaning of the color Red Violet?

Red violet as a named color entered common use through the Crayola crayon line, which introduced it in 1949 as part of an expanded set of 48 colors aimed at giving children more precise color vocabulary. The name reflects a deliberate position between red and violet on the spectrum, following conventions used in early 20th-century color science, including those outlined in Albert Munsell’s color system. It was adopted into digital and print standards through Pantone and CSS color naming, where it appears as a distinct web color. The shade is anchored in consumer recognition by its decades-long presence in the Crayola lineup, one of the most widely distributed color-naming systems in the world.

RGB
199, 21, 133
HSL
322°, 81%, 43%
CMYK
0, 89, 33, 22
HSV
322°, 89%, 78%
Red violet color

What colors go with Red Violet?

Colors that pair well with Red violet include:
Deep navy: strong, grounding contrast
Gold: warm, rich complement
Soft lavender: gentle tonal harmony
Emerald green: bold, opposite contrast
Cream: light, softening balance

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
#C71585
Click to copy
#C6152D
Click to copy

Complementary

#C71585
Click to copy
#15C656
Click to copy

Split Complementary

#C71585
Click to copy
#2DC615
Click to copy
#15C6AF
Click to copy

Triadic

#C71585
Click to copy
#85C615
Click to copy
#1585C6
Click to copy

Tetradic

#C71585
Click to copy
#C6AF15
Click to copy
#15C656
Click to copy
#152DC6
Click to copy

Square

#C71585
Click to copy
#C6AF15
Click to copy
#15C656
Click to copy
#152DC6
Click to copy

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