#b22d2a Color Information
In a RGB color space, hex #b22d2a is composed of 69.8% red, 17.6% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 74.7% magenta, 76.4% yellow and 30.2% black. It has a hue angle of 1.3 degrees, a saturation of 61.8% and a lightness of 43.1%. #b22d2a color hex could be obtained by blending #ff5a54 with #650000. Closest websafe color is: #993333.
-
- R 70
- G 18
- B 16
-
- C 0
- M 75
- Y 76
- K 30
● #b22d2a color description : Dark red.
#b22d2a Color Conversion
The hexadecimal color #b22d2a has RGB values of R:178, G:45, B:42 and CMYK values of C:0, M:0.75, Y:0.76, K:0.3. Its decimal value is 11676970.
Hex triplet | b22d2a | #b22d2a |
---|---|---|
RGB Decimal | 178, 45, 42 | rgb(178,45,42) |
RGB Percent | 69.8, 17.6, 16.5 | rgb(69.8%,17.6%,16.5%) |
CMYK | 0, 75, 76, 30 | |
HSL | 1.3°, 61.8, 43.1 | hsl(1.3,61.8%,43.1%) |
HSV (or HSB) | 1.3°, 76.4, 69.8 | |
Web Safe | 993333 | #993333 |
CIE-LAB | 40.429, 52.761, 34.471 |
---|---|
XYZ | 19.717, 11.511, 3.374 |
xyY | 0.57, 0.333, 11.511 |
CIE-LCH | 40.429, 63.024, 33.159 |
CIE-LUV | 40.429, 100.711, 22.733 |
Hunter-Lab | 33.928, 44.36, 17.854 |
Binary | 10110010, 00101101, 00101010 |
Color Schemes with #b22d2a
Alternatives to #b22d2a
Below, you can see some colors close to #b22d2a. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#b22d2a Preview
This text has a font color of #b22d2a.
<span style="color:#b22d2a;">Text here</span>
This paragraph has a background color of #b22d2a.
<p style="background-color:#b22d2a;">Content here</p>
This element has a border color of #b22d2a.
<div style="border:1px solid #b22d2a;">Content here</div>
.text {color:#b22d2a;}
.background {background-color:#b22d2a;}
.border {border:1px solid #b22d2a;}
Shades and Tints of #b22d2a
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, #030101 is the darkest color, while #fcf3f3 is the lightest one.
-
#030101
#030101
rgb(3,1,1)
-
#130505
#130505
rgb(19,5,5)
-
#230908
#230908
rgb(35,9,8)
-
#330d0c
#330d0c
rgb(51,13,12)
-
#431110
#431110
rgb(67,17,16)
-
#531514
#531514
rgb(83,21,20)
-
#631917
#631917
rgb(99,25,23)
-
#731d1b
#731d1b
rgb(115,29,27)
-
#82211f
#82211f
rgb(130,33,31)
-
#922523
#922523
rgb(146,37,35)
-
#a22926
#a22926
rgb(162,41,38)
-
#b22d2a
#b22d2a
rgb(178,45,42)
-
#c2312e
#c2312e
rgb(194,49,46)
-
#cf3834
#cf3834
rgb(207,56,52)
-
#d34744
#d34744
rgb(211,71,68)
-
#d75754
#d75754
rgb(215,87,84)
-
#da6664
#da6664
rgb(218,102,100)
-
#de7674
#de7674
rgb(222,118,116)
-
#e28683
#e28683
rgb(226,134,131)
-
#e69593
#e69593
rgb(230,149,147)
-
#e9a5a3
#e9a5a3
rgb(233,165,163)
-
#edb4b3
#edb4b3
rgb(237,180,179)
-
#f1c4c3
#f1c4c3
rgb(241,196,195)
-
#f5d4d3
#f5d4d3
rgb(245,212,211)
-
#f8e3e3
#f8e3e3
rgb(248,227,227)
-
#fcf3f3
#fcf3f3
rgb(252,243,243)
Tones of #b22d2a
A tone is produced by adding gray to any pure hue. In this case, #6e6e6e is the less saturated color, while #d40d08 is the most saturated one.
-
#6e6e6e
#6e6e6e
rgb(110,110,110)
-
#776665
#776665
rgb(119,102,101)
-
#7f5e5d
#7f5e5d
rgb(127,94,93)
-
#885554
#885554
rgb(136,85,84)
-
#904d4c
#904d4c
rgb(144,77,76)
-
#994543
#994543
rgb(153,69,67)
-
#a13d3b
#a13d3b
rgb(161,61,59)
-
#aa3532
#aa3532
rgb(170,53,50)
-
#b22d2a
#b22d2a
rgb(178,45,42)
-
#ba2522
#ba2522
rgb(186,37,34)
-
#c31d19
#c31d19
rgb(195,29,25)
-
#cb1511
#cb1511
rgb(203,21,17)
-
#d40d08
#d40d08
rgb(212,13,8)
Color Blindness Simulator
Below, you can see how #b22d2a 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.