colorhexa.com

#b33228 hex color

In a RGB color space, hex #b33228 is composed of 70.2% red, 19.6% green and 15.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 72.1% magenta, 77.7% yellow and 29.8% black. It has a hue angle of 4.3 degrees, a saturation of 63.5% and a lightness of 42.9%. #b33228 color hex could be obtained by blending #ff6450 with #670000. Closest websafe color is: #cc3333.

- R 70
- G 20
- B 16
RGB color chart
- C 0
- M 72
- Y 78
- K 30
CMYK color chart

● #b33228 color description : Strong red.

The hexadecimal color #b33228 has RGB values of R:179, G:50, B:40 and CMYK values of C:0, M:0.72, Y:0.78, K:0.3. Its decimal value is 11743784.

Hex triplet	b33228	`#b33228`
RGB Decimal	179, 50, 40	`rgb(179,50,40)`
RGB Percent	70.2, 19.6, 15.7	`rgb(70.2%,19.6%,15.7%)`
CMYK	0, 72, 78, 30
HSL	4.3°, 63.5, 42.9	`hsl(4.3,63.5%,42.9%)`
HSV (or HSB)	4.3°, 77.7, 70.2
Web Safe	cc3333	`#cc3333`

CIE-LAB	41.249, 51.202, 36.548
XYZ	20.115, 12.02, 3.268
xyY	0.568, 0.34, 12.02
CIE-LCH	41.249, 62.908, 35.519
CIE-LUV	41.249, 99.143, 24.811
Hunter-Lab	34.671, 42.888, 18.68
Binary	10110011, 00110010, 00101000

#b33228
```
#b33228 rgb(179,50,40)
```
#28a9b3
```
#28a9b3 rgb(40,169,179)
```

Complementary Color

#b32863
```
#b32863 rgb(179,40,99)
```
#b33228
```
#b33228 rgb(179,50,40)
```
#b37828
```
#b37828 rgb(179,120,40)
```

Analogous Color

#2863b3
```
#2863b3 rgb(40,99,179)
```
#b33228
```
#b33228 rgb(179,50,40)
```
#28b378
```
#28b378 rgb(40,179,120)
```

Split Complementary Color

#3228b3
```
#3228b3 rgb(50,40,179)
```
#b33228
```
#b33228 rgb(179,50,40)
```
#28b332
```
#28b332 rgb(40,179,50)
```

Triadic Color

#b328a9
```
#b328a9 rgb(179,40,169)
```
#b33228
```
#b33228 rgb(179,50,40)
```
#28b332
```
#28b332 rgb(40,179,50)
```
#28a9b3
```
#28a9b3 rgb(40,169,179)
```

Tetradic Color

#74211a
```
#74211a rgb(116,33,26)
```
#89261f
```
#89261f rgb(137,38,31)
```
#9e2c23
```
#9e2c23 rgb(158,44,35)
```
#b33228
```
#b33228 rgb(179,50,40)
```
#c8382d
```
#c8382d rgb(200,56,45)
```
#d3463b
```
#d3463b rgb(211,70,59)
```
#d85950
```
#d85950 rgb(216,89,80)
```

Monochromatic Color

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

#b32841
```
#b32841 rgb(179,40,65)
```
#b32835
```
#b32835 rgb(179,40,53)
```
#b3282a
```
#b3282a rgb(179,40,42)
```
#b33228
```
#b33228 rgb(179,50,40)
```
#b33e28
```
#b33e28 rgb(179,62,40)
```
#b34928
```
#b34928 rgb(179,73,40)
```
#b35528
```
#b35528 rgb(179,85,40)
```

Similar Colors

Text with hexadecimal color #b33228

This text has a font color of #b33228.

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

#b33228 background color

This paragraph has a background color of #b33228.

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

#b33228 border color

This element has a border color of #b33228.

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

CSS codes

.text {color:#b33228;}

.background {background-color:#b33228;}

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

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

#030101
```
#030101 rgb(3,1,1)
```
#130504
```
#130504 rgb(19,5,4)
```
#230a08
```
#230a08 rgb(35,10,8)
```
#330e0b
```
#330e0b rgb(51,14,11)
```
#43130f
```
#43130f rgb(67,19,15)
```
#531713
```
#531713 rgb(83,23,19)
```
#631c16
```
#631c16 rgb(99,28,22)
```
#73201a
```
#73201a rgb(115,32,26)
```
#83251d
```
#83251d rgb(131,37,29)
```
#932921
```
#932921 rgb(147,41,33)
```
#a32e24
```
#a32e24 rgb(163,46,36)
```
#b33228
```
#b33228 rgb(179,50,40)
```
#c3362c
```
#c3362c rgb(195,54,44)
```

Shade Color Variation

#d13d31
```
#d13d31 rgb(209,61,49)
```
#d54c41
```
#d54c41 rgb(213,76,65)
```
#d85b51
```
#d85b51 rgb(216,91,81)
```
#dc6a61
```
#dc6a61 rgb(220,106,97)
```
#df7971
```
#df7971 rgb(223,121,113)
```
#e38881
```
#e38881 rgb(227,136,129)
```
#e79891
```
#e79891 rgb(231,152,145)
```
#eaa7a1
```
#eaa7a1 rgb(234,167,161)
```
#eeb6b1
```
#eeb6b1 rgb(238,182,177)
```
#f1c5c2
```
#f1c5c2 rgb(241,197,194)
```
#f5d4d2
```
#f5d4d2 rgb(245,212,210)
```
#f8e3e2
```
#f8e3e2 rgb(248,227,226)
```
#fcf2f2
```
#fcf2f2 rgb(252,242,242)
```

Tint Color Variation

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

#706c6b
```
#706c6b rgb(112,108,107)
```
#786463
```
#786463 rgb(120,100,99)
```
#805d5b
```
#805d5b rgb(128,93,91)
```
#895652
```
#895652 rgb(137,86,82)
```
#914f4a
```
#914f4a rgb(145,79,74)
```
#9a4841
```
#9a4841 rgb(154,72,65)
```
#a24039
```
#a24039 rgb(162,64,57)
```
#ab3930
```
#ab3930 rgb(171,57,48)
```
#b33228
```
#b33228 rgb(179,50,40)
```
#bb2b20
```
#bb2b20 rgb(187,43,32)
```
#c42417
```
#c42417 rgb(196,36,23)
```
#cc1c0f
```
#cc1c0f rgb(204,28,15)
```
#d51506
```
#d51506 rgb(213,21,6)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#69504e Atypical Achromatopsia 0.001% of the population

Dichromacy

#736940 Protanopia 1% of men
#826429 Deuteranopia 1% of men
#b73b3d Tritanopia 0.001% of the population

Trichromacy

#8a5537 Protanomaly 1% of men, 0.01% of women
#945228 Deuteranomaly 6% of men, 0.4% of women
#b53735 Tritanomaly 0.01% of the population