#b33a2f hex color

In a RGB color space, hex #b33a2f is composed of 70.2% red, 22.7% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 67.6% magenta, 73.7% yellow and 29.8% black. It has a hue angle of 5 degrees, a saturation of 58.4% and a lightness of 44.3%. #b33a2f color hex could be obtained by blending #ff745e with #670000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 70
- G 23
- B 18
RGB color chart
- C 0
- M 68
- Y 74
- K 30
CMYK color chart

● #b33a2f color description : Moderate red.

The hexadecimal color #b33a2f has RGB values of R:179, G:58, B:47 and CMYK values of C:0, M:0.68, Y:0.74, K:0.3. Its decimal value is 11745839.

Hex triplet	b33a2f	`#b33a2f`
RGB Decimal	179, 58, 47	`rgb(179,58,47)`
RGB Percent	70.2, 22.7, 18.4	`rgb(70.2%,22.7%,18.4%)`
CMYK	0, 68, 74, 30
HSL	5°, 58.4, 44.3	`hsl(5,58.4%,44.3%)`
HSV (or HSB)	5°, 73.7, 70.2
Web Safe	cc3333	`#cc3333`

CIE-LAB	42.487, 48.327, 33.926
XYZ	20.617, 12.817, 4.078
xyY	0.55, 0.342, 12.817
CIE-LCH	42.487, 59.046, 35.07
CIE-LUV	42.487, 93.074, 24.361
Hunter-Lab	35.801, 40.143, 18.308
Binary	10110011, 00111010, 00101111

#b33a2f
```
#b33a2f rgb(179,58,47)
```
#2fa8b3
```
#2fa8b3 rgb(47,168,179)
```

Complementary Color

#b32f66
```
#b32f66 rgb(179,47,102)
```
#b33a2f
```
#b33a2f rgb(179,58,47)
```
#b37c2f
```
#b37c2f rgb(179,124,47)
```

Analogous Color

#2f66b3
```
#2f66b3 rgb(47,102,179)
```
#b33a2f
```
#b33a2f rgb(179,58,47)
```
#2fb37c
```
#2fb37c rgb(47,179,124)
```

Split Complementary Color

#3a2fb3
```
#3a2fb3 rgb(58,47,179)
```
#b33a2f
```
#b33a2f rgb(179,58,47)
```
#2fb33a
```
#2fb33a rgb(47,179,58)
```

Triadic Color

#b32fa8
```
#b32fa8 rgb(179,47,168)
```
#b33a2f
```
#b33a2f rgb(179,58,47)
```
#2fb33a
```
#2fb33a rgb(47,179,58)
```
#2fa8b3
```
#2fa8b3 rgb(47,168,179)
```

Tetradic Color

#76261f
```
#76261f rgb(118,38,31)
```
#8b2d24
```
#8b2d24 rgb(139,45,36)
```
#9f332a
```
#9f332a rgb(159,51,42)
```
#b33a2f
```
#b33a2f rgb(179,58,47)
```
#c74134
```
#c74134 rgb(199,65,52)
```
#cf5246
```
#cf5246 rgb(207,82,70)
```
#d4655b
```
#d4655b rgb(212,101,91)
```

Monochromatic Color

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

#b32f45
```
#b32f45 rgb(179,47,69)
```
#b32f3a
```
#b32f3a rgb(179,47,58)
```
#b32f2f
```
#b32f2f rgb(179,47,47)
```
#b33a2f
```
#b33a2f rgb(179,58,47)
```
#b3452f
```
#b3452f rgb(179,69,47)
```
#b3502f
```
#b3502f rgb(179,80,47)
```
#b35b2f
```
#b35b2f rgb(179,91,47)
```

Similar Colors

Text with hexadecimal color #b33a2f

This text has a font color of #b33a2f.

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

#b33a2f background color

This paragraph has a background color of #b33a2f.

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

#b33a2f border color

This element has a border color of #b33a2f.

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

CSS codes

.text {color:#b33a2f;}

.background {background-color:#b33a2f;}

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

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

#080302
```
#080302 rgb(8,3,2)
```
#180806
```
#180806 rgb(24,8,6)
```
#270d0a
```
#270d0a rgb(39,13,10)
```
#37120e
```
#37120e rgb(55,18,14)
```
#461712
```
#461712 rgb(70,23,18)
```
#561c17
```
#561c17 rgb(86,28,23)
```
#65211b
```
#65211b rgb(101,33,27)
```
#75261f
```
#75261f rgb(117,38,31)
```
#842b23
```
#842b23 rgb(132,43,35)
```
#943027
```
#943027 rgb(148,48,39)
```
#a3352b
```
#a3352b rgb(163,53,43)
```
#b33a2f
```
#b33a2f rgb(179,58,47)
```
#c33f33
```
#c33f33 rgb(195,63,51)
```

Shade Color Variation

#cc493d
```
#cc493d rgb(204,73,61)
```
#d0584d
```
#d0584d rgb(208,88,77)
```
#d4665c
```
#d4665c rgb(212,102,92)
```
#d8756c
```
#d8756c rgb(216,117,108)
```
#dc837b
```
#dc837b rgb(220,131,123)
```
#e0928b
```
#e0928b rgb(224,146,139)
```
#e5a19a
```
#e5a19a rgb(229,161,154)
```
#e9afaa
```
#e9afaa rgb(233,175,170)
```
#edbeb9
```
#edbeb9 rgb(237,190,185)
```
#f1ccc9
```
#f1ccc9 rgb(241,204,201)
```
#f5dbd8
```
#f5dbd8 rgb(245,219,216)
```
#f9e9e8
```
#f9e9e8 rgb(249,233,232)
```
#fdf8f8
```
#fdf8f8 rgb(253,248,248)
```

Tint Color Variation

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

#766d6c
```
#766d6c rgb(118,109,108)
```
#7f6563
```
#7f6563 rgb(127,101,99)
```
#885e5a
```
#885e5a rgb(136,94,90)
```
#905752
```
#905752 rgb(144,87,82)
```
#995049
```
#995049 rgb(153,80,73)
```
#a24840
```
#a24840 rgb(162,72,64)
```
#aa4138
```
#aa4138 rgb(170,65,56)
```
#b33a2f
```
#b33a2f rgb(179,58,47)
```
#bc3326
```
#bc3326 rgb(188,51,38)
```
#c42c1e
```
#c42c1e rgb(196,44,30)
```
#cd2415
```
#cd2415 rgb(205,36,21)
```
#d61d0c
```
#d61d0c rgb(214,29,12)
```
#de1604
```
#de1604 rgb(222,22,4)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#6e5654 Atypical Achromatopsia 0.001% of the population

Dichromacy

#756c46 Protanopia 1% of men
#856731 Deuteranopia 1% of men
#b74245 Tritanopia 0.001% of the population

Trichromacy

#8b5a3d Protanomaly 1% of men, 0.01% of women
#955630 Deuteranomaly 6% of men, 0.4% of women
#b53f3d Tritanomaly 0.01% of the population

#b33a2f hex color

#b33a2f Color Information

#b33a2f Color Conversion

Color Schemes with #b33a2f

Alternatives to #b33a2f

#b33a2f Preview

Shades and Tints of #b33a2f

Tones of #b33a2f

Color Blindness Simulator