#b22418 Color Information
In a RGB color space, hex #b22418 is composed of 69.8% red, 14.1% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 79.8% magenta, 86.5% yellow and 30.2% black. It has a hue angle of 4.7 degrees, a saturation of 76.2% and a lightness of 39.6%. #b22418 color hex could be obtained by blending #ff4830 with #650000. Closest websafe color is: #993300.
-
- R 70
- G 14
- B 9
-
- C 0
- M 80
- Y 87
- K 30
● #b22418 color description : Dark red.
#b22418 Color Conversion
The hexadecimal color #b22418 has RGB values of R:178, G:36, B:24 and CMYK values of C:0, M:0.8, Y:0.87, K:0.3. Its decimal value is 11674648.
Hex triplet | b22418 | #b22418 |
---|---|---|
RGB Decimal | 178, 36, 24 | rgb(178,36,24) |
RGB Percent | 69.8, 14.1, 9.4 | rgb(69.8%,14.1%,9.4%) |
CMYK | 0, 80, 87, 30 | |
HSL | 4.7°, 76.2, 39.6 | hsl(4.7,76.2%,39.6%) |
HSV (or HSB) | 4.7°, 86.5, 69.8 | |
Web Safe | 993300 | #993300 |
CIE-LAB | 39.233, 55.082, 43.001 |
---|---|
XYZ | 19.157, 10.795, 1.939 |
xyY | 0.601, 0.338, 10.795 |
CIE-LCH | 39.233, 69.879, 37.978 |
CIE-LUV | 39.233, 108.203, 26.262 |
Hunter-Lab | 32.856, 46.578, 19.5 |
Binary | 10110010, 00100100, 00011000 |
Color Schemes with #b22418
Alternatives to #b22418
Below, you can see some colors close to #b22418. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#b22418 Preview
This text has a font color of #b22418.
<span style="color:#b22418;">Text here</span>
This paragraph has a background color of #b22418.
<p style="background-color:#b22418;">Content here</p>
This element has a border color of #b22418.
<div style="border:1px solid #b22418;">Content here</div>
.text {color:#b22418;}
.background {background-color:#b22418;}
.border {border:1px solid #b22418;}
Shades and Tints of #b22418
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, #050101 is the darkest color, while #fdf4f3 is the lightest one.
-
#050101
#050101
rgb(5,1,1)
-
#160503
#160503
rgb(22,5,3)
-
#280805
#280805
rgb(40,8,5)
-
#390c08
#390c08
rgb(57,12,8)
-
#4a0f0a
#4a0f0a
rgb(74,15,10)
-
#5c130c
#5c130c
rgb(92,19,12)
-
#6d160f
#6d160f
rgb(109,22,15)
-
#7e1a11
#7e1a11
rgb(126,26,17)
-
#8f1d13
#8f1d13
rgb(143,29,19)
-
#a12116
#a12116
rgb(161,33,22)
-
#b22418
#b22418
rgb(178,36,24)
-
#c3271a
#c3271a
rgb(195,39,26)
-
#d52b1d
#d52b1d
rgb(213,43,29)
-
#e13223
#e13223
rgb(225,50,35)
-
#e44235
#e44235
rgb(228,66,53)
-
#e65246
#e65246
rgb(230,82,70)
-
#e86357
#e86357
rgb(232,99,87)
-
#eb7369
#eb7369
rgb(235,115,105)
-
#ed837a
#ed837a
rgb(237,131,122)
-
#ef938b
#ef938b
rgb(239,147,139)
-
#f2a39c
#f2a39c
rgb(242,163,156)
-
#f4b3ae
#f4b3ae
rgb(244,179,174)
-
#f6c3bf
#f6c3bf
rgb(246,195,191)
-
#f9d3d0
#f9d3d0
rgb(249,211,208)
-
#fbe4e2
#fbe4e2
rgb(251,228,226)
-
#fdf4f3
#fdf4f3
rgb(253,244,243)
Tones of #b22418
A tone is produced by adding gray to any pure hue. In this case, #6c5f5e is the less saturated color, while #c91001 is the most saturated one.
-
#6c5f5e
#6c5f5e
rgb(108,95,94)
-
#745856
#745856
rgb(116,88,86)
-
#7c524e
#7c524e
rgb(124,82,78)
-
#834b47
#834b47
rgb(131,75,71)
-
#8b453f
#8b453f
rgb(139,69,63)
-
#933e37
#933e37
rgb(147,62,55)
-
#9b382f
#9b382f
rgb(155,56,47)
-
#a23128
#a23128
rgb(162,49,40)
-
#aa2b20
#aa2b20
rgb(170,43,32)
-
#b22418
#b22418
rgb(178,36,24)
-
#ba1d10
#ba1d10
rgb(186,29,16)
-
#c21708
#c21708
rgb(194,23,8)
-
#c91001
#c91001
rgb(201,16,1)
Color Blindness Simulator
Below, you can see how #b22418 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.