colorhexa.com

#b22b3c hex color

In a RGB color space, hex #b22b3c is composed of 69.8% red, 16.9% green and 23.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 75.8% magenta, 66.3% yellow and 30.2% black. It has a hue angle of 352.4 degrees, a saturation of 61.1% and a lightness of 43.3%. #b22b3c color hex could be obtained by blending #ff5678 with #650000. Closest websafe color is: #993333.

- R 70
- G 17
- B 24
RGB color chart
- C 0
- M 76
- Y 66
- K 30
CMYK color chart

● #b22b3c color description : Dark red.

The hexadecimal color #b22b3c has RGB values of R:178, G:43, B:60 and CMYK values of C:0, M:0.76, Y:0.66, K:0.3. Its decimal value is 11676476.

Hex triplet	b22b3c	`#b22b3c`
RGB Decimal	178, 43, 60	`rgb(178,43,60)`
RGB Percent	69.8, 16.9, 23.5	`rgb(69.8%,16.9%,23.5%)`
CMYK	0, 76, 66, 30
HSL	352.4°, 61.1, 43.3	`hsl(352.4,61.1%,43.3%)`
HSV (or HSB)	352.4°, 75.8, 69.8
Web Safe	993333	`#993333`

CIE-LAB	40.445, 54.298, 23.642
XYZ	20.04, 11.521, 5.443
xyY	0.542, 0.311, 11.521
CIE-LCH	40.445, 59.222, 23.529
CIE-LUV	40.445, 97.46, 14.378
Hunter-Lab	33.943, 45.989, 14.252
Binary	10110010, 00101011, 00111100

#b22b3c
```
#b22b3c rgb(178,43,60)
```
#2bb2a1
```
#2bb2a1 rgb(43,178,161)
```

Complementary Color

#b22b80
```
#b22b80 rgb(178,43,128)
```
#b22b3c
```
#b22b3c rgb(178,43,60)
```
#b25e2b
```
#b25e2b rgb(178,94,43)
```

Analogous Color

#2b80b2
```
#2b80b2 rgb(43,128,178)
```
#b22b3c
```
#b22b3c rgb(178,43,60)
```
#2bb25e
```
#2bb25e rgb(43,178,94)
```

Split Complementary Color

#2b3cb2
```
#2b3cb2 rgb(43,60,178)
```
#b22b3c
```
#b22b3c rgb(178,43,60)
```
#3cb22b
```
#3cb22b rgb(60,178,43)
```

Triadic Color

#a12bb2
```
#a12bb2 rgb(161,43,178)
```
#b22b3c
```
#b22b3c rgb(178,43,60)
```
#3cb22b
```
#3cb22b rgb(60,178,43)
```
#2bb2a1
```
#2bb2a1 rgb(43,178,161)
```

Tetradic Color

#741c27
```
#741c27 rgb(116,28,39)
```
#89212e
```
#89212e rgb(137,33,46)
```
#9d2635
```
#9d2635 rgb(157,38,53)
```
#b22b3c
```
#b22b3c rgb(178,43,60)
```
#c73043
```
#c73043 rgb(199,48,67)
```
#d13f52
```
#d13f52 rgb(209,63,82)
```
#d65464
```
#d65464 rgb(214,84,100)
```

Monochromatic Color

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

#b22b5e
```
#b22b5e rgb(178,43,94)
```
#b22b53
```
#b22b53 rgb(178,43,83)
```
#b22b47
```
#b22b47 rgb(178,43,71)
```
#b22b3c
```
#b22b3c rgb(178,43,60)
```
#b22b31
```
#b22b31 rgb(178,43,49)
```
#b2312b
```
#b2312b rgb(178,49,43)
```
#b23c2b
```
#b23c2b rgb(178,60,43)
```

Similar Colors

Text with hexadecimal color #b22b3c

This text has a font color of #b22b3c.

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

#b22b3c background color

This paragraph has a background color of #b22b3c.

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

#b22b3c border color

This element has a border color of #b22b3c.

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

CSS codes

.text {color:#b22b3c;}

.background {background-color:#b22b3c;}

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

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, #040101 is the darkest color, while #fcf3f5 is the lightest one.

#040101
```
#040101 rgb(4,1,1)
```
#140507
```
#140507 rgb(20,5,7)
```
#24090c
```
#24090c rgb(36,9,12)
```
#340c11
```
#340c11 rgb(52,12,17)
```
#431017
```
#431017 rgb(67,16,23)
```
#53141c
```
#53141c rgb(83,20,28)
```
#631821
```
#631821 rgb(99,24,33)
```
#731c27
```
#731c27 rgb(115,28,39)
```
#83202c
```
#83202c rgb(131,32,44)
```
#922331
```
#922331 rgb(146,35,49)
```
#a22737
```
#a22737 rgb(162,39,55)
```
#b22b3c
```
#b22b3c rgb(178,43,60)
```
#c22f41
```
#c22f41 rgb(194,47,65)
```

Shade Color Variation

#ce3649
```
#ce3649 rgb(206,54,73)
```
#d24657
```
#d24657 rgb(210,70,87)
```
#d65566
```
#d65566 rgb(214,85,102)
```
#da6574
```
#da6574 rgb(218,101,116)
```
#de7582
```
#de7582 rgb(222,117,130)
```
#e18590
```
#e18590 rgb(225,133,144)
```
#e5959f
```
#e5959f rgb(229,149,159)
```
#e9a4ad
```
#e9a4ad rgb(233,164,173)
```
#edb4bb
```
#edb4bb rgb(237,180,187)
```
#f1c4ca
```
#f1c4ca rgb(241,196,202)
```
#f5d4d8
```
#f5d4d8 rgb(245,212,216)
```
#f8e4e6
```
#f8e4e6 rgb(248,228,230)
```
#fcf3f5
```
#fcf3f5 rgb(252,243,245)
```

Tint Color Variation

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

#776769
```
#776769 rgb(119,103,105)
```
#7f5e62
```
#7f5e62 rgb(127,94,98)
```
#88565c
```
#88565c rgb(136,86,92)
```
#904d55
```
#904d55 rgb(144,77,85)
```
#99454f
```
#99454f rgb(153,69,79)
```
#a13c49
```
#a13c49 rgb(161,60,73)
```
#aa3442
```
#aa3442 rgb(170,52,66)
```
#b22b3c
```
#b22b3c rgb(178,43,60)
```
#bb2336
```
#bb2336 rgb(187,35,54)
```
#c31a2f
```
#c31a2f rgb(195,26,47)
```
#cc1229
```
#cc1229 rgb(204,18,41)
```
#d40923
```
#d40923 rgb(212,9,35)
```
#dd001c
```
#dd001c rgb(221,0,28)
```

Tone Color Variation

Below, you can see how #b22b3c 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

#555555 Achromatopsia 0.005% of the population
#684d50 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d6758 Protanopia 1% of men
#7d633d Deuteranopia 1% of men
#b5383a Tritanopia 0.001% of the population

Trichromacy

#86514d Protanomaly 1% of men, 0.01% of women
#904e3c Deuteranomaly 6% of men, 0.4% of women
#b4333b Tritanomaly 0.01% of the population