#b22304 hex color

In a RGB color space, hex #b22304 is composed of 69.8% red, 13.7% green and 1.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80.3% magenta, 97.8% yellow and 30.2% black. It has a hue angle of 10.7 degrees, a saturation of 95.6% and a lightness of 35.7%. #b22304 color hex could be obtained by blending #ff4608 with #650000. Closest websafe color is: #993300.

♥
- f
- t
- g
- R 70
- G 14
- B 2
RGB color chart
- C 0
- M 80
- Y 98
- K 30
CMYK color chart

● #b22304 color description : Dark red.

The hexadecimal color #b22304 has RGB values of R:178, G:35, B:4 and CMYK values of C:0, M:0.8, Y:0.98, K:0.3. Its decimal value is 11674372.

Hex triplet	b22304	`#b22304`
RGB Decimal	178, 35, 4	`rgb(178,35,4)`
RGB Percent	69.8, 13.7, 1.6	`rgb(69.8%,13.7%,1.6%)`
CMYK	0, 80, 98, 30
HSL	10.7°, 95.6, 35.7	`hsl(10.7,95.6%,35.7%)`
HSV (or HSB)	10.7°, 97.8, 69.8
Web Safe	993300	`#993300`

CIE-LAB	39.033, 55.06, 50.67
XYZ	18.984, 10.678, 1.176
xyY	0.616, 0.346, 10.678
CIE-LCH	39.033, 74.827, 42.623
CIE-LUV	39.033, 110.531, 29.29
Hunter-Lab	32.678, 46.514, 20.74
Binary	10110010, 00100011, 00000100

#b22304
```
#b22304 rgb(178,35,4)
```
#0493b2
```
#0493b2 rgb(4,147,178)
```

Complementary Color

#b2043c
```
#b2043c rgb(178,4,60)
```
#b22304
```
#b22304 rgb(178,35,4)
```
#b27a04
```
#b27a04 rgb(178,122,4)
```

Analogous Color

#043cb2
```
#043cb2 rgb(4,60,178)
```
#b22304
```
#b22304 rgb(178,35,4)
```
#04b27a
```
#04b27a rgb(4,178,122)
```

Split Complementary Color

#2304b2
```
#2304b2 rgb(35,4,178)
```
#b22304
```
#b22304 rgb(178,35,4)
```
#04b223
```
#04b223 rgb(4,178,35)
```

Triadic Color

#b20493
```
#b20493 rgb(178,4,147)
```
#b22304
```
#b22304 rgb(178,35,4)
```
#04b223
```
#04b223 rgb(4,178,35)
```
#0493b2
```
#0493b2 rgb(4,147,178)
```

Tetradic Color

#671402
```
#671402 rgb(103,20,2)
```
#801903
```
#801903 rgb(128,25,3)
```
#991e03
```
#991e03 rgb(153,30,3)
```
#b22304
```
#b22304 rgb(178,35,4)
```
#cb2805
```
#cb2805 rgb(203,40,5)
```
#e42d05
```
#e42d05 rgb(228,45,5)
```
#f93409
```
#f93409 rgb(249,52,9)
```

Monochromatic Color

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

#b20411
```
#b20411 rgb(178,4,17)
```
#b20604
```
#b20604 rgb(178,6,4)
```
#b21404
```
#b21404 rgb(178,20,4)
```
#b22304
```
#b22304 rgb(178,35,4)
```
#b23104
```
#b23104 rgb(178,49,4)
```
#b24004
```
#b24004 rgb(178,64,4)
```
#b24e04
```
#b24e04 rgb(178,78,4)
```

Similar Colors

Text with hexadecimal color #b22304

This text has a font color of #b22304.

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

#b22304 background color

This paragraph has a background color of #b22304.

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

#b22304 border color

This element has a border color of #b22304.

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

CSS codes

.text {color:#b22304;}

.background {background-color:#b22304;}

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

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

#050100
```
#050100 rgb(5,1,0)
```
#190501
```
#190501 rgb(25,5,1)
```
#2c0901
```
#2c0901 rgb(44,9,1)
```
#3f0c01
```
#3f0c01 rgb(63,12,1)
```
#521002
```
#521002 rgb(82,16,2)
```
#651402
```
#651402 rgb(101,20,2)
```
#781803
```
#781803 rgb(120,24,3)
```
#8c1b03
```
#8c1b03 rgb(140,27,3)
```
#9f1f04
```
#9f1f04 rgb(159,31,4)
```
#b22304
```
#b22304 rgb(178,35,4)
```
#c52704
```
#c52704 rgb(197,39,4)
```
#d82b05
```
#d82b05 rgb(216,43,5)
```
#ec2e05
```
#ec2e05 rgb(236,46,5)
```

Shade Color Variation

#fa350b
```
#fa350b rgb(250,53,11)
```
#fa451e
```
#fa451e rgb(250,69,30)
```
#fa5531
```
#fa5531 rgb(250,85,49)
```
#fb6544
```
#fb6544 rgb(251,101,68)
```
#fb7558
```
#fb7558 rgb(251,117,88)
```
#fc856b
```
#fc856b rgb(252,133,107)
```
#fc957e
```
#fc957e rgb(252,149,126)
```
#fda491
```
#fda491 rgb(253,164,145)
```
#fdb4a4
```
#fdb4a4 rgb(253,180,164)
```
#fdc4b8
```
#fdc4b8 rgb(253,196,184)
```
#fed4cb
```
#fed4cb rgb(254,212,203)
```
#fee4de
```
#fee4de rgb(254,228,222)
```
#fff4f1
```
#fff4f1 rgb(255,244,241)
```

Tint Color Variation

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

#5e5958
```
#5e5958 rgb(94,89,88)
```
#655551
```
#655551 rgb(101,85,81)
```
#6c504a
```
#6c504a rgb(108,80,74)
```
#734c43
```
#734c43 rgb(115,76,67)
```
#7a473c
```
#7a473c rgb(122,71,60)
```
#814335
```
#814335 rgb(129,67,53)
```
#883e2e
```
#883e2e rgb(136,62,46)
```
#8f3a27
```
#8f3a27 rgb(143,58,39)
```
#963520
```
#963520 rgb(150,53,32)
```
#9d3119
```
#9d3119 rgb(157,49,25)
```
#a42c12
```
#a42c12 rgb(164,44,18)
```
#ab280b
```
#ab280b rgb(171,40,11)
```
#b22304
```
#b22304 rgb(178,35,4)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#5f423c Atypical Achromatopsia 0.001% of the population

Dichromacy

#70641c Protanopia 1% of men
#7d5f00 Deuteranopia 1% of men
#b62b2c Tritanopia 0.001% of the population

Trichromacy

#884c13 Protanomaly 1% of men, 0.01% of women
#904901 Deuteranomaly 6% of men, 0.4% of women
#b4281d Tritanomaly 0.01% of the population

#b22304 hex color

#b22304 Color Information

#b22304 Color Conversion

Color Schemes with #b22304

Alternatives to #b22304

#b22304 Preview

Shades and Tints of #b22304

Tones of #b22304

Color Blindness Simulator