#b30a22 hex color

In a RGB color space, hex #b30a22 is composed of 70.2% red, 3.9% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 94.4% magenta, 81% yellow and 29.8% black. It has a hue angle of 351.5 degrees, a saturation of 89.4% and a lightness of 37.1%. #b30a22 color hex could be obtained by blending #ff1444 with #670000. Closest websafe color is: #cc0033.

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

● #b30a22 color description : Strong red.

The hexadecimal color #b30a22 has RGB values of R:179, G:10, B:34 and CMYK values of C:0, M:0.94, Y:0.81, K:0.3. Its decimal value is 11733538.

Hex triplet	b30a22	`#b30a22`
RGB Decimal	179, 10, 34	`rgb(179,10,34)`
RGB Percent	70.2, 3.9, 13.3	`rgb(70.2%,3.9%,13.3%)`
CMYK	0, 94, 81, 30
HSL	351.5°, 89.4, 37.1	`hsl(351.5,89.4%,37.1%)`
HSV (or HSB)	351.5°, 94.4, 70.2
Web Safe	cc0033	`#cc0033`

CIE-LAB	37.696, 60.846, 36.286
XYZ	18.989, 9.919, 2.428
xyY	0.606, 0.317, 9.919
CIE-LCH	37.696, 70.844, 30.81
CIE-LUV	37.696, 115.678, 20.393
Hunter-Lab	31.494, 52.508, 17.475
Binary	10110011, 00001010, 00100010

#b30a22
```
#b30a22 rgb(179,10,34)
```
#0ab39b
```
#0ab39b rgb(10,179,155)
```

Complementary Color

#b30a77
```
#b30a77 rgb(179,10,119)
```
#b30a22
```
#b30a22 rgb(179,10,34)
```
#b3460a
```
#b3460a rgb(179,70,10)
```

Analogous Color

#0a77b3
```
#0a77b3 rgb(10,119,179)
```
#b30a22
```
#b30a22 rgb(179,10,34)
```
#0ab346
```
#0ab346 rgb(10,179,70)
```

Split Complementary Color

#0a22b3
```
#0a22b3 rgb(10,34,179)
```
#b30a22
```
#b30a22 rgb(179,10,34)
```
#22b30a
```
#22b30a rgb(34,179,10)
```

Triadic Color

#9b0ab3
```
#9b0ab3 rgb(155,10,179)
```
#b30a22
```
#b30a22 rgb(179,10,34)
```
#22b30a
```
#22b30a rgb(34,179,10)
```
#0ab39b
```
#0ab39b rgb(10,179,155)
```

Tetradic Color

#6b0614
```
#6b0614 rgb(107,6,20)
```
#830719
```
#830719 rgb(131,7,25)
```
#9b091d
```
#9b091d rgb(155,9,29)
```
#b30a22
```
#b30a22 rgb(179,10,34)
```
#cb0b27
```
#cb0b27 rgb(203,11,39)
```
#e30d2b
```
#e30d2b rgb(227,13,43)
```
#f21736
```
#f21736 rgb(242,23,54)
```

Monochromatic Color

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

#b30a4c
```
#b30a4c rgb(179,10,76)
```
#b30a3e
```
#b30a3e rgb(179,10,62)
```
#b30a30
```
#b30a30 rgb(179,10,48)
```
#b30a22
```
#b30a22 rgb(179,10,34)
```
#b30a14
```
#b30a14 rgb(179,10,20)
```
#b30e0a
```
#b30e0a rgb(179,14,10)
```
#b31c0a
```
#b31c0a rgb(179,28,10)
```

Similar Colors

Text with hexadecimal color #b30a22

This text has a font color of #b30a22.

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

#b30a22 background color

This paragraph has a background color of #b30a22.

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

#b30a22 border color

This element has a border color of #b30a22.

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

CSS codes

.text {color:#b30a22;}

.background {background-color:#b30a22;}

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

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, #0c0102 is the darkest color, while #fff8f9 is the lightest one.

#0c0102
```
#0c0102 rgb(12,1,2)
```
#1e0206
```
#1e0206 rgb(30,2,6)
```
#310309
```
#310309 rgb(49,3,9)
```
#44040d
```
#44040d rgb(68,4,13)
```
#560510
```
#560510 rgb(86,5,16)
```
#690614
```
#690614 rgb(105,6,20)
```
#7b0717
```
#7b0717 rgb(123,7,23)
```
#8e081b
```
#8e081b rgb(142,8,27)
```
#a0091e
```
#a0091e rgb(160,9,30)
```
#b30a22
```
#b30a22 rgb(179,10,34)
```
#c60b26
```
#c60b26 rgb(198,11,38)
```
#d80c29
```
#d80c29 rgb(216,12,41)
```
#eb0d2d
```
#eb0d2d rgb(235,13,45)
```

Shade Color Variation

#f21938
```
#f21938 rgb(242,25,56)
```
#f32c48
```
#f32c48 rgb(243,44,72)
```
#f43e58
```
#f43e58 rgb(244,62,88)
```
#f55168
```
#f55168 rgb(245,81,104)
```
#f66478
```
#f66478 rgb(246,100,120)
```
#f77689
```
#f77689 rgb(247,118,137)
```
#f88999
```
#f88999 rgb(248,137,153)
```
#f99ba9
```
#f99ba9 rgb(249,155,169)
```
#faaeb9
```
#faaeb9 rgb(250,174,185)
```
#fcc0c9
```
#fcc0c9 rgb(252,192,201)
```
#fdd3d9
```
#fdd3d9 rgb(253,211,217)
```
#fee6e9
```
#fee6e9 rgb(254,230,233)
```
#fff8f9
```
#fff8f9 rgb(255,248,249)
```

Tint Color Variation

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

#635a5b
```
#635a5b rgb(99,90,91)
```
#6a5356
```
#6a5356 rgb(106,83,86)
```
#724b51
```
#724b51 rgb(114,75,81)
```
#79444c
```
#79444c rgb(121,68,76)
```
#803d46
```
#803d46 rgb(128,61,70)
```
#873641
```
#873641 rgb(135,54,65)
```
#8f2e3c
```
#8f2e3c rgb(143,46,60)
```
#962737
```
#962737 rgb(150,39,55)
```
#9d2032
```
#9d2032 rgb(157,32,50)
```
#a4192c
```
#a4192c rgb(164,25,44)
```
#ac1127
```
#ac1127 rgb(172,17,39)
```
#b30a22
```
#b30a22 rgb(179,10,34)
```
#ba031d
```
#ba031d rgb(186,3,29)
```

Tone Color Variation

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

#3f3f3f Achromatopsia 0.005% of the population
#563439 Atypical Achromatopsia 0.001% of the population

Dichromacy

#69613f Protanopia 1% of men
#785c20 Deuteranopia 1% of men
#b61b18 Tritanopia 0.001% of the population

Trichromacy

#844134 Protanomaly 1% of men, 0.01% of women
#8e3e20 Deuteranomaly 6% of men, 0.4% of women
#b5151b Tritanomaly 0.01% of the population

#b30a22 hex color

#b30a22 Color Information

#b30a22 Color Conversion

Color Schemes with #b30a22

Alternatives to #b30a22

#b30a22 Preview

Shades and Tints of #b30a22

Tones of #b30a22

Color Blindness Simulator