Crimson Red

#B22222
RGB
178, 34, 34
HSL
0°, 68%, 42%
CMYK
0, 81, 81, 30
HSV
0°, 81%, 70%

Similar Colors

Conversions & Codes

Format Value CSS
HEX #B22222 color: #B22222;
RGB 178, 34, 34 color: rgb(178, 34, 34);
RGB Percentage 70%, 13%, 13% color: rgb(70%, 13%, 13%);
CMYK 0%, 81%, 81%, 30% Not supported in CSS
HSL 0°, 68%, 42% color: hsl(0, 68%, 42%);
HSV 0°, 81%, 70% Not supported in CSS
CIE-LAB 34, 29, 0 color: lab(34% 29 0);
Decimal 11674146 Not supported in CSS

Color Variations

Shades

#B42222
#A21F1F
#901B1B
#7E1818
#6C1515
#5A1111
#480E0E
#360A0A

Tints

#F1B4B4
#EC9C9C
#E78383
#E36A6A
#DE5151
#D93838
#CD2727
#B42222

Tones

#B42222
#AD2A2A
#A53131
#9E3838
#973F3F
#904747
#884E4E
#815555

Hues

#B42222
#B49022
#6BB422
#22B447
#22B4B4
#2247B4
#6B22B4
#B42290

Color Harmonies

Analogous

#B4226B
Click to copy
Magenta
83%
#B22222
Click to copy
Crimson red
100%
#B46B22
Click to copy
Orange
83%

Complementary

#B22222
Click to copy
Crimson red
100%
#22B4B4
Click to copy
Cyan
43%

Split Complementary

#B22222
Click to copy
Crimson red
100%
#22B46B
Click to copy
Cyan
51%
#226BB4
Click to copy
Blue
51%

Triadic

#B22222
Click to copy
Crimson red
100%
#22B422
Click to copy
Green
53%
#2222B4
Click to copy
Blue
53%

Tetradic

#B22222
Click to copy
Crimson red
100%
#6BB422
Click to copy
Green
63%
#22B4B4
Click to copy
Cyan
43%
#6B22B4
Click to copy
Purple
63%

Square

#B22222
Click to copy
Crimson red
100%
#6BB422
Click to copy
Green
63%
#22B4B4
Click to copy
Cyan
43%
#6B22B4
Click to copy
Purple
63%

CSS & Dev Snippets

CSS
.crimson-red {
  color: #B22222;
}
SCSS
$crimson-red: #B22222;
RGB
rgb(178, 34, 34)

Accessibility & Contrast

White background

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

Black background

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

Popular Tags