#b22a22 Color Information
In a RGB color space, hex #b22a22 is composed of 69.8% red, 16.5% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 76.4% magenta, 80.9% yellow and 30.2% black. It has a hue angle of 3.3 degrees, a saturation of 67.9% and a lightness of 41.6%. #b22a22 color hex could be obtained by blending #ff5444 with #650000. Closest websafe color is: #993333.
-
- R 70
- G 16
- B 13
-
- C 0
- M 76
- Y 81
- K 30
● #b22a22 color description : Dark red.
#b22a22 Color Conversion
The hexadecimal color #b22a22 has RGB values of R:178, G:42, B:34 and CMYK values of C:0, M:0.76, Y:0.81, K:0.3. Its decimal value is 11676194.
Hex triplet | b22a22 | #b22a22 |
---|---|---|
RGB Decimal | 178, 42, 34 | rgb(178,42,34) |
RGB Percent | 69.8, 16.5, 13.3 | rgb(69.8%,16.5%,13.3%) |
CMYK | 0, 76, 81, 30 | |
HSL | 3.3°, 67.9, 41.6 | hsl(3.3,67.9%,41.6%) |
HSV (or HSB) | 3.3°, 80.9, 69.8 | |
Web Safe | 993333 | #993333 |
CIE-LAB | 39.98, 53.492, 38.506 |
---|---|
XYZ | 19.478, 11.239, 2.657 |
xyY | 0.584, 0.337, 11.239 |
CIE-LCH | 39.98, 65.91, 35.748 |
CIE-LUV | 39.98, 103.741, 24.765 |
Hunter-Lab | 33.524, 45.042, 18.768 |
Binary | 10110010, 00101010, 00100010 |
Color Schemes with #b22a22
Alternatives to #b22a22
Below, you can see some colors close to #b22a22. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#b22a22 Preview
This text has a font color of #b22a22.
<span style="color:#b22a22;">Text here</span>
This paragraph has a background color of #b22a22.
<p style="background-color:#b22a22;">Content here</p>
This element has a border color of #b22a22.
<div style="border:1px solid #b22a22;">Content here</div>
.text {color:#b22a22;}
.background {background-color:#b22a22;}
.border {border:1px solid #b22a22;}
Shades and Tints of #b22a22
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, #0d0303 is the darkest color, while #fefcfc is the lightest one.
-
#0d0303
#0d0303
rgb(13,3,3)
-
#1e0706
#1e0706
rgb(30,7,6)
-
#2e0b09
#2e0b09
rgb(46,11,9)
-
#3f0f0c
#3f0f0c
rgb(63,15,12)
-
#4f130f
#4f130f
rgb(79,19,15)
-
#601712
#601712
rgb(96,23,18)
-
#701a15
#701a15
rgb(112,26,21)
-
#811e19
#811e19
rgb(129,30,25)
-
#91221c
#91221c
rgb(145,34,28)
-
#a2261f
#a2261f
rgb(162,38,31)
-
#b22a22
#b22a22
rgb(178,42,34)
-
#c22e25
#c22e25
rgb(194,46,37)
-
#d33228
#d33228
rgb(211,50,40)
-
#d93f36
#d93f36
rgb(217,63,54)
-
#dc4f47
#dc4f47
rgb(220,79,71)
-
#df5f57
#df5f57
rgb(223,95,87)
-
#e26e68
#e26e68
rgb(226,110,104)
-
#e57e78
#e57e78
rgb(229,126,120)
-
#e88e89
#e88e89
rgb(232,142,137)
-
#ec9e99
#ec9e99
rgb(236,158,153)
-
#efada9
#efada9
rgb(239,173,169)
-
#f2bdba
#f2bdba
rgb(242,189,186)
-
#f5cdca
#f5cdca
rgb(245,205,202)
-
#f8dddb
#f8dddb
rgb(248,221,219)
-
#fbeceb
#fbeceb
rgb(251,236,235)
-
#fefcfc
#fefcfc
rgb(254,252,252)
Tones of #b22a22
A tone is produced by adding gray to any pure hue. In this case, #716463 is the less saturated color, while #d30d01 is the most saturated one.
-
#716463
#716463
rgb(113,100,99)
-
#795d5b
#795d5b
rgb(121,93,91)
-
#815553
#815553
rgb(129,85,83)
-
#894e4b
#894e4b
rgb(137,78,75)
-
#914743
#914743
rgb(145,71,67)
-
#9a403a
#9a403a
rgb(154,64,58)
-
#a23832
#a23832
rgb(162,56,50)
-
#aa312a
#aa312a
rgb(170,49,42)
-
#b22a22
#b22a22
rgb(178,42,34)
-
#ba231a
#ba231a
rgb(186,35,26)
-
#c21c12
#c21c12
rgb(194,28,18)
-
#ca140a
#ca140a
rgb(202,20,10)
-
#d30d01
#d30d01
rgb(211,13,1)
Color Blindness Simulator
Below, you can see how #b22a22 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.