#b22f13 hex color

In a RGB color space, hex #b22f13 is composed of 69.8% red, 18.4% green and 7.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 73.6% magenta, 89.3% yellow and 30.2% black. It has a hue angle of 10.6 degrees, a saturation of 80.7% and a lightness of 38.6%. #b22f13 color hex could be obtained by blending #ff5e26 with #650000. Closest websafe color is: #993300.

♥
- f
- t
- g
- R 70
- G 18
- B 7
RGB color chart
- C 0
- M 74
- Y 89
- K 30
CMYK color chart

● #b22f13 color description : Dark red.

The hexadecimal color #b22f13 has RGB values of R:178, G:47, B:19 and CMYK values of C:0, M:0.74, Y:0.89, K:0.3. Its decimal value is 11677459.

Hex triplet	b22f13	`#b22f13`
RGB Decimal	178, 47, 19	`rgb(178,47,19)`
RGB Percent	69.8, 18.4, 7.5	`rgb(69.8%,18.4%,7.5%)`
CMYK	0, 74, 89, 30
HSL	10.6°, 80.7, 38.6	`hsl(10.6,80.7%,38.6%)`
HSV (or HSB)	10.6°, 89.3, 69.8
Web Safe	993300	`#993300`

CIE-LAB	40.488, 51.391, 46.27
XYZ	19.495, 11.547, 1.818
xyY	0.593, 0.351, 11.547
CIE-LCH	40.488, 69.151, 41.999
CIE-LUV	40.488, 102.994, 29.537
Hunter-Lab	33.981, 42.938, 20.614
Binary	10110010, 00101111, 00010011

#b22f13
```
#b22f13 rgb(178,47,19)
```
#1396b2
```
#1396b2 rgb(19,150,178)
```

Complementary Color

#b21347
```
#b21347 rgb(178,19,71)
```
#b22f13
```
#b22f13 rgb(178,47,19)
```
#b27f13
```
#b27f13 rgb(178,127,19)
```

Analogous Color

#1346b2
```
#1346b2 rgb(19,70,178)
```
#b22f13
```
#b22f13 rgb(178,47,19)
```
#13b27f
```
#13b27f rgb(19,178,127)
```

Split Complementary Color

#2f13b2
```
#2f13b2 rgb(47,19,178)
```
#b22f13
```
#b22f13 rgb(178,47,19)
```
#13b22f
```
#13b22f rgb(19,178,47)
```

Triadic Color

#b21396
```
#b21396 rgb(178,19,150)
```
#b22f13
```
#b22f13 rgb(178,47,19)
```
#13b22f
```
#13b22f rgb(19,178,47)
```
#1396b2
```
#1396b2 rgb(19,150,178)
```

Tetradic Color

#6d1d0c
```
#6d1d0c rgb(109,29,12)
```
#84230e
```
#84230e rgb(132,35,14)
```
#9b2911
```
#9b2911 rgb(155,41,17)
```
#b22f13
```
#b22f13 rgb(178,47,19)
```
#c93515
```
#c93515 rgb(201,53,21)
```
#e03b18
```
#e03b18 rgb(224,59,24)
```
#e84b29
```
#e84b29 rgb(232,75,41)
```

Monochromatic Color

Below, you can see some colors close to #b22f13. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#b2131f
```
#b2131f rgb(178,19,31)
```
#b21513
```
#b21513 rgb(178,21,19)
```
#b22213
```
#b22213 rgb(178,34,19)
```
#b22f13
```
#b22f13 rgb(178,47,19)
```
#b23c13
```
#b23c13 rgb(178,60,19)
```
#b24a13
```
#b24a13 rgb(178,74,19)
```
#b25713
```
#b25713 rgb(178,87,19)
```

Similar Colors

Text with hexadecimal color #b22f13

This text has a font color of #b22f13.

<span style="color:#b22f13;">Text here</span>

#b22f13 background color

This paragraph has a background color of #b22f13.

<p style="background-color:#b22f13;">Content here</p>

#b22f13 border color

This element has a border color of #b22f13.

<div style="border:1px solid #b22f13;">Content here</div>

CSS codes

.text {color:#b22f13;}

.background {background-color:#b22f13;}

.border {border:1px solid #b22f13;}

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, #010000 is the darkest color, while #fdf1ee is the lightest one.

#010000
```
#010000 rgb(1,0,0)
```
#120502
```
#120502 rgb(18,5,2)
```
#240a04
```
#240a04 rgb(36,10,4)
```
#360e06
```
#360e06 rgb(54,14,6)
```
#481308
```
#481308 rgb(72,19,8)
```
#59180a
```
#59180a rgb(89,24,10)
```
#6b1c0b
```
#6b1c0b rgb(107,28,11)
```
#7d210d
```
#7d210d rgb(125,33,13)
```
#8f260f
```
#8f260f rgb(143,38,15)
```
#a02a11
```
#a02a11 rgb(160,42,17)
```
#b22f13
```
#b22f13 rgb(178,47,19)
```
#c43415
```
#c43415 rgb(196,52,21)
```
#d53817
```
#d53817 rgb(213,56,23)
```

Shade Color Variation

#e63d19
```
#e63d19 rgb(230,61,25)
```
#e84c2b
```
#e84c2b rgb(232,76,43)
```
#ea5b3d
```
#ea5b3d rgb(234,91,61)
```
#ec6a4f
```
#ec6a4f rgb(236,106,79)
```
#ee7960
```
#ee7960 rgb(238,121,96)
```
#f08872
```
#f08872 rgb(240,136,114)
```
#f29784
```
#f29784 rgb(242,151,132)
```
#f4a695
```
#f4a695 rgb(244,166,149)
```
#f6b5a7
```
#f6b5a7 rgb(246,181,167)
```
#f8c4b9
```
#f8c4b9 rgb(248,196,185)
```
#f9d3cb
```
#f9d3cb rgb(249,211,203)
```
#fbe2dc
```
#fbe2dc rgb(251,226,220)
```
#fdf1ee
```
#fdf1ee rgb(253,241,238)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #66605f is the less saturated color, while #c12504 is the most saturated one.

#66605f
```
#66605f rgb(102,96,95)
```
#6e5b57
```
#6e5b57 rgb(110,91,87)
```
#755650
```
#755650 rgb(117,86,80)
```
#7d5148
```
#7d5148 rgb(125,81,72)
```
#854c40
```
#854c40 rgb(133,76,64)
```
#8c4839
```
#8c4839 rgb(140,72,57)
```
#944331
```
#944331 rgb(148,67,49)
```
#9b3e2a
```
#9b3e2a rgb(155,62,42)
```
#a33922
```
#a33922 rgb(163,57,34)
```
#aa341b
```
#aa341b rgb(170,52,27)
```
#b22f13
```
#b22f13 rgb(178,47,19)
```
#ba2a0b
```
#ba2a0b rgb(186,42,11)
```
#c12504
```
#c12504 rgb(193,37,4)
```

Tone Color Variation

Below, you can see how #b22f13 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.

Monochromacy

#535353 Achromatopsia 0.005% of the population
#664c46 Atypical Achromatopsia 0.001% of the population

Dichromacy

#73672a Protanopia 1% of men
#816200 Deuteranopia 1% of men
#b63739 Tritanopia 0.001% of the population

Trichromacy

#8a5321 Protanomaly 1% of men, 0.01% of women
#934f06 Deuteranomaly 6% of men, 0.4% of women
#b4342b Tritanomaly 0.01% of the population

#b22f13 hex color

#b22f13 Color Information

#b22f13 Color Conversion

Color Schemes with #b22f13

Alternatives to #b22f13

#b22f13 Preview

Shades and Tints of #b22f13

Tones of #b22f13

Color Blindness Simulator