#b22a12 Color Information
In a RGB color space, hex #b22a12 is composed of 69.8% red, 16.5% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 76.4% magenta, 89.9% yellow and 30.2% black. It has a hue angle of 9 degrees, a saturation of 81.6% and a lightness of 38.4%. #b22a12 color hex could be obtained by blending #ff5424 with #650000. Closest websafe color is: #993300.
-
- R 70
- G 16
- B 7
-
- C 0
- M 76
- Y 90
- K 30
● #b22a12 color description : Dark red.
#b22a12 Color Conversion
The hexadecimal color #b22a12 has RGB values of R:178, G:42, B:18 and CMYK values of C:0, M:0.76, Y:0.9, K:0.3. Its decimal value is 11676178.
Hex triplet | b22a12 | #b22a12 |
---|---|---|
RGB Decimal | 178, 42, 18 | rgb(178,42,18) |
RGB Percent | 69.8, 16.5, 7.1 | rgb(69.8%,16.5%,7.1%) |
CMYK | 0, 76, 90, 30 | |
HSL | 9°, 81.6, 38.4 | hsl(9,81.6%,38.4%) |
HSV (or HSB) | 9°, 89.9, 69.8 | |
Web Safe | 993300 | #993300 |
CIE-LAB | 39.86, 53.098, 46.21 |
---|---|
XYZ | 19.298, 11.167, 1.712 |
xyY | 0.6, 0.347, 11.167 |
CIE-LCH | 39.86, 70.391, 41.032 |
CIE-LUV | 39.86, 105.885, 28.648 |
Hunter-Lab | 33.417, 44.604, 20.355 |
Binary | 10110010, 00101010, 00010010 |
Color Schemes with #b22a12
Alternatives to #b22a12
Below, you can see some colors close to #b22a12. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#b22a12 Preview
This text has a font color of #b22a12.
<span style="color:#b22a12;">Text here</span>
This paragraph has a background color of #b22a12.
<p style="background-color:#b22a12;">Content here</p>
This element has a border color of #b22a12.
<div style="border:1px solid #b22a12;">Content here</div>
.text {color:#b22a12;}
.background {background-color:#b22a12;}
.border {border:1px solid #b22a12;}
Shades and Tints of #b22a12
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, #120402 is the darkest color, while #ffffff is the lightest one.
-
#120402
#120402
rgb(18,4,2)
-
#230804
#230804
rgb(35,8,4)
-
#350d05
#350d05
rgb(53,13,5)
-
#471107
#471107
rgb(71,17,7)
-
#591509
#591509
rgb(89,21,9)
-
#6b190b
#6b190b
rgb(107,25,11)
-
#7d1d0d
#7d1d0d
rgb(125,29,13)
-
#8e220e
#8e220e
rgb(142,34,14)
-
#a02610
#a02610
rgb(160,38,16)
-
#b22a12
#b22a12
rgb(178,42,18)
-
#c42e14
#c42e14
rgb(196,46,20)
-
#d63216
#d63216
rgb(214,50,22)
-
#e73717
#e73717
rgb(231,55,23)
-
#e94629
#e94629
rgb(233,70,41)
-
#eb553b
#eb553b
rgb(235,85,59)
-
#ed654d
#ed654d
rgb(237,101,77)
-
#ef745f
#ef745f
rgb(239,116,95)
-
#f18470
#f18470
rgb(241,132,112)
-
#f29382
#f29382
rgb(242,147,130)
-
#f4a294
#f4a294
rgb(244,162,148)
-
#f6b2a6
#f6b2a6
rgb(246,178,166)
-
#f8c1b8
#f8c1b8
rgb(248,193,184)
-
#fad1c9
#fad1c9
rgb(250,209,201)
-
#fbe0db
#fbe0db
rgb(251,224,219)
-
#fdefed
#fdefed
rgb(253,239,237)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #b22a12
A tone is produced by adding gray to any pure hue. In this case, #675f5d is the less saturated color, while #c11f03 is the most saturated one.
-
#675f5d
#675f5d
rgb(103,95,93)
-
#6e5956
#6e5956
rgb(110,89,86)
-
#76544e
#76544e
rgb(118,84,78)
-
#7d4f47
#7d4f47
rgb(125,79,71)
-
#854a3f
#854a3f
rgb(133,74,63)
-
#8c4438
#8c4438
rgb(140,68,56)
-
#943f30
#943f30
rgb(148,63,48)
-
#9b3a29
#9b3a29
rgb(155,58,41)
-
#a33521
#a33521
rgb(163,53,33)
-
#aa2f1a
#aa2f1a
rgb(170,47,26)
-
#b22a12
#b22a12
rgb(178,42,18)
-
#ba250a
#ba250a
rgb(186,37,10)
-
#c11f03
#c11f03
rgb(193,31,3)
Color Blindness Simulator
Below, you can see how #b22a12 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.