Cardinal Red

#C41E3A
RGB
196, 30, 58
HSL
350°, 73%, 44%
CMYK
0, 85, 70, 23
HSV
350°, 85%, 77%

Similar Colors

Conversions & Codes

Format Value CSS
HEX #C41E3A color: #C41E3A;
RGB 196, 30, 58 color: rgb(196, 30, 58);
RGB Percentage 77%, 12%, 23% color: rgb(77%, 12%, 23%);
CMYK 0%, 85%, 70%, 23% Not supported in CSS
HSL 350°, 73%, 44% color: hsl(350, 73%, 44%);
HSV 350°, 85%, 77% Not supported in CSS
CIE-LAB 35, 33, -9 color: lab(35% 33 -9);
Decimal 12852794 Not supported in CSS

Color Variations

Shades

#C21E3A
#AF1B34
#9B182E
#881528
#741223
#610F1D
#4E0C17
#3A0911

Tints

#F3B5BF
#F09CAA
#EC8395
#E86B80
#E4526A
#E03955
#DB2241
#C21E3A

Tones

#C21E3A
#BA263F
#B22F45
#AA374A
#A13F4F
#994755
#914F5A
#895860

Hues

#C21E3A
#C27E1E
#8CC21E
#1EC22C
#1EC2A7
#1E63C2
#551EC2
#C21EB4

Color Harmonies

Analogous

#C21E8C
Click to copy
Purple
81%
#C41E3A
Click to copy
Cardinal red
100%
#C2551E
Click to copy
Red
86%

Complementary

#C41E3A
Click to copy
Cardinal red
100%
#1EC2A7
Click to copy
Cyan
42%

Split Complementary

#C41E3A
Click to copy
Cardinal red
100%
#1EC255
Click to copy
Green
47%
#1E8CC2
Click to copy
Cyan
45%

Triadic

#C41E3A
Click to copy
Cardinal red
100%
#3AC21E
Click to copy
Green
51%
#1E3AC2
Click to copy
Blue
51%

Tetradic

#C41E3A
Click to copy
Cardinal red
100%
#8CC21E
Click to copy
Yellow
60%
#1EC2A7
Click to copy
Cyan
42%
#551EC2
Click to copy
Blue
60%

Square

#C41E3A
Click to copy
Cardinal red
100%
#8CC21E
Click to copy
Yellow
60%
#1EC2A7
Click to copy
Cyan
42%
#551EC2
Click to copy
Blue
60%

CSS & Dev Snippets

CSS
.cardinal-red {
  color: #C41E3A;
}
SCSS
$cardinal-red: #C41E3A;
RGB
rgb(196, 30, 58)

Accessibility & Contrast

White background

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

Black background

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

Popular Tags