colorhexa.com

#b30522 hex color

In a RGB color space, hex #b30522 is composed of 70.2% red, 2% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 97.2% magenta, 81% yellow and 29.8% black. It has a hue angle of 350 degrees, a saturation of 94.6% and a lightness of 36.1%. #b30522 color hex could be obtained by blending #ff0a44 with #670000. Closest websafe color is: #cc0033.

- R 70
- G 2
- B 13
RGB color chart
- C 0
- M 97
- Y 81
- K 30
CMYK color chart

● #b30522 color description : Strong red.

The hexadecimal color #b30522 has RGB values of R:179, G:5, B:34 and CMYK values of C:0, M:0.97, Y:0.81, K:0.3. Its decimal value is 11732258.

Hex triplet	b30522	`#b30522`
RGB Decimal	179, 5, 34	`rgb(179,5,34)`
RGB Percent	70.2, 2, 13.3	`rgb(70.2%,2%,13.3%)`
CMYK	0, 97, 81, 30
HSL	350°, 94.6, 36.1	`hsl(350,94.6%,36.1%)`
HSV (or HSB)	350°, 97.2, 70.2
Web Safe	cc0033	`#cc0033`

CIE-LAB	37.5, 61.415, 36.087
XYZ	18.934, 9.81, 2.41
xyY	0.608, 0.315, 9.81
CIE-LCH	37.5, 71.232, 30.438
CIE-LUV	37.5, 116.584, 20.03
Hunter-Lab	31.321, 53.095, 17.363
Binary	10110011, 00000101, 00100010

#b30522
```
#b30522 rgb(179,5,34)
```
#05b396
```
#05b396 rgb(5,179,150)
```

Complementary Color

#b30579
```
#b30579 rgb(179,5,121)
```
#b30522
```
#b30522 rgb(179,5,34)
```
#b33f05
```
#b33f05 rgb(179,63,5)
```

Analogous Color

#0579b3
```
#0579b3 rgb(5,121,179)
```
#b30522
```
#b30522 rgb(179,5,34)
```
#05b33f
```
#05b33f rgb(5,179,63)
```

Split Complementary Color

#690314
```
#690314 rgb(105,3,20)
```
#810419
```
#810419 rgb(129,4,25)
```
#9a041d
```
#9a041d rgb(154,4,29)
```
#b30522
```
#b30522 rgb(179,5,34)
```
#cc0627
```
#cc0627 rgb(204,6,39)
```
#e5062b
```
#e5062b rgb(229,6,43)
```
#f80c34
```
#f80c34 rgb(248,12,52)
```

Monochromatic Color

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

#b3054d
```
#b3054d rgb(179,5,77)
```
#b3053f
```
#b3053f rgb(179,5,63)
```
#b30530
```
#b30530 rgb(179,5,48)
```
#b30522
```
#b30522 rgb(179,5,34)
```
#b30513
```
#b30513 rgb(179,5,19)
```
#b30505
```
#b30505 rgb(179,5,5)
```
#b31405
```
#b31405 rgb(179,20,5)
```

Similar Colors

Text with hexadecimal color #b30522

This text has a font color of #b30522.

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

#b30522 background color

This paragraph has a background color of #b30522.

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

#b30522 border color

This element has a border color of #b30522.

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

CSS codes

.text {color:#b30522;}

.background {background-color:#b30522;}

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

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

#070001
```
#070001 rgb(7,0,1)
```
#1a0105
```
#1a0105 rgb(26,1,5)
```
#2d0109
```
#2d0109 rgb(45,1,9)
```
#41020c
```
#41020c rgb(65,2,12)
```
#540210
```
#540210 rgb(84,2,16)
```
#670314
```
#670314 rgb(103,3,20)
```
#7a0317
```
#7a0317 rgb(122,3,23)
```
#8d041b
```
#8d041b rgb(141,4,27)
```
#a0041e
```
#a0041e rgb(160,4,30)
```
#b30522
```
#b30522 rgb(179,5,34)
```
#c60626
```
#c60626 rgb(198,6,38)
```
#d90629
```
#d90629 rgb(217,6,41)
```
#ec072d
```
#ec072d rgb(236,7,45)
```

Shade Color Variation

#f80e35
```
#f80e35 rgb(248,14,53)
```
#f92145
```
#f92145 rgb(249,33,69)
```
#f93455
```
#f93455 rgb(249,52,85)
```
#fa4765
```
#fa4765 rgb(250,71,101)
```
#fa5b75
```
#fa5b75 rgb(250,91,117)
```
#fb6e85
```
#fb6e85 rgb(251,110,133)
```
#fb8195
```
#fb8195 rgb(251,129,149)
```
#fc94a5
```
#fc94a5 rgb(252,148,165)
```
#fda7b5
```
#fda7b5 rgb(253,167,181)
```
#fdbac5
```
#fdbac5 rgb(253,186,197)
```
#fecdd5
```
#fecdd5 rgb(254,205,213)
```
#fee0e5
```
#fee0e5 rgb(254,224,229)
```
#fff3f5
```
#fff3f5 rgb(255,243,245)
```

Tint Color Variation

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

#5e5a5b
```
#5e5a5b rgb(94,90,91)
```
#655356
```
#655356 rgb(101,83,86)
```
#6c4c51
```
#6c4c51 rgb(108,76,81)
```
#73454c
```
#73454c rgb(115,69,76)
```
#7a3e48
```
#7a3e48 rgb(122,62,72)
```
#813743
```
#813743 rgb(129,55,67)
```
#892f3e
```
#892f3e rgb(137,47,62)
```
#90283a
```
#90283a rgb(144,40,58)
```
#972135
```
#972135 rgb(151,33,53)
```
#9e1a30
```
#9e1a30 rgb(158,26,48)
```
#a5132b
```
#a5132b rgb(165,19,43)
```
#ac0c27
```
#ac0c27 rgb(172,12,39)
```
#b30522
```
#b30522 rgb(179,5,34)
```

Tone Color Variation

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

#3c3c3c Achromatopsia 0.005% of the population
#543137 Atypical Achromatopsia 0.001% of the population

Dichromacy

#69603f Protanopia 1% of men
#785c1f Deuteranopia 1% of men
#b61813 Tritanopia 0.001% of the population

Trichromacy

#843f34 Protanomaly 1% of men, 0.01% of women
#8d3c20 Deuteranomaly 6% of men, 0.4% of women
#b51118 Tritanomaly 0.01% of the population