#b22233 Color Information
In a RGB color space, hex #b22233 is composed of 69.8% red, 13.3% green and 20% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80.9% magenta, 71.3% yellow and 30.2% black. It has a hue angle of 352.9 degrees, a saturation of 67.9% and a lightness of 41.6%. #b22233 color hex could be obtained by blending #ff4466 with #650000. Closest websafe color is: #993333.
-
- R 70
- G 13
- B 20
-
- C 0
- M 81
- Y 71
- K 30
● #b22233 color description : Dark red.
#b22233 Color Conversion
The hexadecimal color #b22233 has RGB values of R:178, G:34, B:51 and CMYK values of C:0, M:0.81, Y:0.71, K:0.3. Its decimal value is 11674163.
Hex triplet | b22233 | #b22233 |
---|---|---|
RGB Decimal | 178, 34, 51 | rgb(178,34,51) |
RGB Percent | 69.8, 13.3, 20 | rgb(69.8%,13.3%,20%) |
CMYK | 0, 81, 71, 30 | |
HSL | 352.9°, 67.9, 41.6 | hsl(352.9,67.9%,41.6%) |
HSV (or HSB) | 352.9°, 80.9, 69.8 | |
Web Safe | 993333 | #993333 |
CIE-LAB | 39.327, 56.57, 27.828 |
---|---|
XYZ | 19.531, 10.85, 4.198 |
xyY | 0.565, 0.314, 10.85 |
CIE-LCH | 39.327, 63.044, 26.194 |
CIE-LUV | 39.327, 103.802, 16.749 |
Hunter-Lab | 32.94, 48.19, 15.502 |
Binary | 10110010, 00100010, 00110011 |
Color Schemes with #b22233
Alternatives to #b22233
Below, you can see some colors close to #b22233. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#b22233 Preview
This text has a font color of #b22233.
<span style="color:#b22233;">Text here</span>
This paragraph has a background color of #b22233.
<p style="background-color:#b22233;">Content here</p>
This element has a border color of #b22233.
<div style="border:1px solid #b22233;">Content here</div>
.text {color:#b22233;}
.background {background-color:#b22233;}
.border {border:1px solid #b22233;}
Shades and Tints of #b22233
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, #0d0304 is the darkest color, while #fefcfc is the lightest one.
-
#0d0304
#0d0304
rgb(13,3,4)
-
#1e0609
#1e0609
rgb(30,6,9)
-
#2e090d
#2e090d
rgb(46,9,13)
-
#3f0c12
#3f0c12
rgb(63,12,18)
-
#4f0f17
#4f0f17
rgb(79,15,23)
-
#60121b
#60121b
rgb(96,18,27)
-
#701520
#701520
rgb(112,21,32)
-
#811925
#811925
rgb(129,25,37)
-
#911c2a
#911c2a
rgb(145,28,42)
-
#a21f2e
#a21f2e
rgb(162,31,46)
-
#b22233
#b22233
rgb(178,34,51)
-
#c22538
#c22538
rgb(194,37,56)
-
#d3283c
#d3283c
rgb(211,40,60)
-
#d93649
#d93649
rgb(217,54,73)
-
#dc4758
#dc4758
rgb(220,71,88)
-
#df5767
#df5767
rgb(223,87,103)
-
#e26876
#e26876
rgb(226,104,118)
-
#e57885
#e57885
rgb(229,120,133)
-
#e88994
#e88994
rgb(232,137,148)
-
#ec99a3
#ec99a3
rgb(236,153,163)
-
#efa9b2
#efa9b2
rgb(239,169,178)
-
#f2bac1
#f2bac1
rgb(242,186,193)
-
#f5cacf
#f5cacf
rgb(245,202,207)
-
#f8dbde
#f8dbde
rgb(248,219,222)
-
#fbebed
#fbebed
rgb(251,235,237)
-
#fefcfc
#fefcfc
rgb(254,252,252)
Tones of #b22233
A tone is produced by adding gray to any pure hue. In this case, #716365 is the less saturated color, while #d3011a is the most saturated one.
-
#716365
#716365
rgb(113,99,101)
-
#795b5f
#795b5f
rgb(121,91,95)
-
#815358
#815358
rgb(129,83,88)
-
#894b52
#894b52
rgb(137,75,82)
-
#91434c
#91434c
rgb(145,67,76)
-
#9a3a46
#9a3a46
rgb(154,58,70)
-
#a2323f
#a2323f
rgb(162,50,63)
-
#aa2a39
#aa2a39
rgb(170,42,57)
-
#b22233
#b22233
rgb(178,34,51)
-
#ba1a2d
#ba1a2d
rgb(186,26,45)
-
#c21227
#c21227
rgb(194,18,39)
-
#ca0a20
#ca0a20
rgb(202,10,32)
-
#d3011a
#d3011a
rgb(211,1,26)
Color Blindness Simulator
Below, you can see how #b22233 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.