#b2222d hex color

In a RGB color space, hex #b2222d is composed of 69.8% red, 13.3% green and 17.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80.9% magenta, 74.7% yellow and 30.2% black. It has a hue angle of 355.4 degrees, a saturation of 67.9% and a lightness of 41.6%. #b2222d color hex could be obtained by blending #ff445a with #650000. Closest websafe color is: #993333.

♥
- f
- t
- g
- R 70
- G 13
- B 18
RGB color chart
- C 0
- M 81
- Y 75
- K 30
CMYK color chart

● #b2222d color description : Dark red.

The hexadecimal color #b2222d has RGB values of R:178, G:34, B:45 and CMYK values of C:0, M:0.81, Y:0.75, K:0.3. Its decimal value is 11674157.

Hex triplet	b2222d	`#b2222d`
RGB Decimal	178, 34, 45	`rgb(178,34,45)`
RGB Percent	69.8, 13.3, 17.6	`rgb(69.8%,13.3%,17.6%)`
CMYK	0, 81, 75, 30
HSL	355.4°, 67.9, 41.6	`hsl(355.4,67.9%,41.6%)`
HSV (or HSB)	355.4°, 80.9, 69.8
Web Safe	993333	`#993333`

CIE-LAB	39.243, 56.308, 31.381
XYZ	19.407, 10.801, 3.545
xyY	0.575, 0.32, 10.801
CIE-LCH	39.243, 64.462, 29.131
CIE-LUV	39.243, 105.271, 19.288
Hunter-Lab	32.865, 47.892, 16.609
Binary	10110010, 00100010, 00101101

#b2222d
```
#b2222d rgb(178,34,45)
```
#22b2a7
```
#22b2a7 rgb(34,178,167)
```

Complementary Color

#b22275
```
#b22275 rgb(178,34,117)
```
#b2222d
```
#b2222d rgb(178,34,45)
```
#b25f22
```
#b25f22 rgb(178,95,34)
```

Analogous Color

#2275b2
```
#2275b2 rgb(34,117,178)
```
#b2222d
```
#b2222d rgb(178,34,45)
```
#22b25f
```
#22b25f rgb(34,178,95)
```

Split Complementary Color

#222db2
```
#222db2 rgb(34,45,178)
```
#b2222d
```
#b2222d rgb(178,34,45)
```
#2db222
```
#2db222 rgb(45,178,34)
```

Triadic Color

#a722b2
```
#a722b2 rgb(167,34,178)
```
#b2222d
```
#b2222d rgb(178,34,45)
```
#2db222
```
#2db222 rgb(45,178,34)
```
#22b2a7
```
#22b2a7 rgb(34,178,167)
```

Tetradic Color

#72161d
```
#72161d rgb(114,22,29)
```
#871a22
```
#871a22 rgb(135,26,34)
```
#9d1e28
```
#9d1e28 rgb(157,30,40)
```
#b2222d
```
#b2222d rgb(178,34,45)
```
#c72632
```
#c72632 rgb(199,38,50)
```
#d7303c
```
#d7303c rgb(215,48,60)
```
#db4551
```
#db4551 rgb(219,69,81)
```

Monochromatic Color

Below, you can see some colors close to #b2222d. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#b22251
```
#b22251 rgb(178,34,81)
```
#b22245
```
#b22245 rgb(178,34,69)
```
#b22239
```
#b22239 rgb(178,34,57)
```
#b2222d
```
#b2222d rgb(178,34,45)
```
#b22322
```
#b22322 rgb(178,35,34)
```
#b22f22
```
#b22f22 rgb(178,47,34)
```
#b23b22
```
#b23b22 rgb(178,59,34)
```

Similar Colors

Text with hexadecimal color #b2222d

This text has a font color of #b2222d.

<span style="color:#b2222d;">Text here</span>

#b2222d background color

This paragraph has a background color of #b2222d.

<p style="background-color:#b2222d;">Content here</p>

#b2222d border color

This element has a border color of #b2222d.

<div style="border:1px solid #b2222d;">Content here</div>

CSS codes

.text {color:#b2222d;}

.background {background-color:#b2222d;}

.border {border:1px solid #b2222d;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #0d0303 is the darkest color, while #fefcfc is the lightest one.

#0d0303
```
#0d0303 rgb(13,3,3)
```
#1e0608
```
#1e0608 rgb(30,6,8)
```
#2e090c
```
#2e090c rgb(46,9,12)
```
#3f0c10
```
#3f0c10 rgb(63,12,16)
```
#4f0f14
```
#4f0f14 rgb(79,15,20)
```
#601218
```
#601218 rgb(96,18,24)
```
#70151c
```
#70151c rgb(112,21,28)
```
#811921
```
#811921 rgb(129,25,33)
```
#911c25
```
#911c25 rgb(145,28,37)
```
#a21f29
```
#a21f29 rgb(162,31,41)
```
#b2222d
```
#b2222d rgb(178,34,45)
```
#c22531
```
#c22531 rgb(194,37,49)
```
#d32835
```
#d32835 rgb(211,40,53)
```

Shade Color Variation

#d93643
```
#d93643 rgb(217,54,67)
```
#dc4752
```
#dc4752 rgb(220,71,82)
```
#df5762
```
#df5762 rgb(223,87,98)
```
#e26871
```
#e26871 rgb(226,104,113)
```
#e57880
```
#e57880 rgb(229,120,128)
```
#e88990
```
#e88990 rgb(232,137,144)
```
#ec999f
```
#ec999f rgb(236,153,159)
```
#efa9af
```
#efa9af rgb(239,169,175)
```
#f2babe
```
#f2babe rgb(242,186,190)
```
#f5cace
```
#f5cace rgb(245,202,206)
```
#f8dbdd
```
#f8dbdd rgb(248,219,221)
```
#fbebed
```
#fbebed rgb(251,235,237)
```
#fefcfc
```
#fefcfc rgb(254,252,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #716364 is the less saturated color, while #d30111 is the most saturated one.

#716364
```
#716364 rgb(113,99,100)
```
#795b5d
```
#795b5d rgb(121,91,93)
```
#815356
```
#815356 rgb(129,83,86)
```
#894b50
```
#894b50 rgb(137,75,80)
```
#914349
```
#914349 rgb(145,67,73)
```
#9a3a42
```
#9a3a42 rgb(154,58,66)
```
#a2323b
```
#a2323b rgb(162,50,59)
```
#aa2a34
```
#aa2a34 rgb(170,42,52)
```
#b2222d
```
#b2222d rgb(178,34,45)
```
#ba1a26
```
#ba1a26 rgb(186,26,38)
```
#c2121f
```
#c2121f rgb(194,18,31)
```
#ca0a18
```
#ca0a18 rgb(202,10,24)
```
#d30111
```
#d30111 rgb(211,1,17)
```

Tone Color Variation

Below, you can see how #b2222d is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#4e4e4e Achromatopsia 0.005% of the population
#624547 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6c6448 Protanopia 1% of men
#7c602d Deuteranopia 1% of men
#b52e2f Tritanopia 0.001% of the population

Trichromacy

#854c3e Protanomaly 1% of men, 0.01% of women
#8f492d Deuteranomaly 6% of men, 0.4% of women
#b42a2e Tritanomaly 0.01% of the population

#b2222d hex color

#b2222d Color Information

#b2222d Color Conversion

Color Schemes with #b2222d

Alternatives to #b2222d

#b2222d Preview

Shades and Tints of #b2222d

Tones of #b2222d

Color Blindness Simulator