#b22c0c hex color

In a RGB color space, hex #b22c0c is composed of 69.8% red, 17.3% green and 4.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 75.3% magenta, 93.3% yellow and 30.2% black. It has a hue angle of 11.6 degrees, a saturation of 87.4% and a lightness of 37.3%. #b22c0c color hex could be obtained by blending #ff5818 with #650000. Closest websafe color is: #993300.

♥
- f
- t
- g
- R 70
- G 17
- B 5
RGB color chart
- C 0
- M 75
- Y 93
- K 30
CMYK color chart

● #b22c0c color description : Dark red.

The hexadecimal color #b22c0c has RGB values of R:178, G:44, B:12 and CMYK values of C:0, M:0.75, Y:0.93, K:0.3. Its decimal value is 11676684.

Hex triplet	b22c0c	`#b22c0c`
RGB Decimal	178, 44, 12	`rgb(178,44,12)`
RGB Percent	69.8, 17.3, 4.7	`rgb(69.8%,17.3%,4.7%)`
CMYK	0, 75, 93, 30
HSL	11.6°, 87.4, 37.3	`hsl(11.6,87.4%,37.3%)`
HSV (or HSB)	11.6°, 93.3, 69.8
Web Safe	993300	`#993300`

CIE-LAB	40.073, 52.331, 48.624
XYZ	19.328, 11.295, 1.51
xyY	0.601, 0.352, 11.295
CIE-LCH	40.073, 71.434, 42.897
CIE-LUV	40.073, 105.309, 30.007
Hunter-Lab	33.608, 43.84, 20.861
Binary	10110010, 00101100, 00001100

#b22c0c
```
#b22c0c rgb(178,44,12)
```
#0c92b2
```
#0c92b2 rgb(12,146,178)
```

Complementary Color

#b20c3f
```
#b20c3f rgb(178,12,63)
```
#b22c0c
```
#b22c0c rgb(178,44,12)
```
#b27f0c
```
#b27f0c rgb(178,127,12)
```

Analogous Color

#0c3fb2
```
#0c3fb2 rgb(12,63,178)
```
#b22c0c
```
#b22c0c rgb(178,44,12)
```
#0cb27f
```
#0cb27f rgb(12,178,127)
```

Split Complementary Color

#2c0cb2
```
#2c0cb2 rgb(44,12,178)
```
#b22c0c
```
#b22c0c rgb(178,44,12)
```
#0cb22c
```
#0cb22c rgb(12,178,44)
```

Triadic Color

#b20c92
```
#b20c92 rgb(178,12,146)
```
#b22c0c
```
#b22c0c rgb(178,44,12)
```
#0cb22c
```
#0cb22c rgb(12,178,44)
```
#0c92b2
```
#0c92b2 rgb(12,146,178)
```

Tetradic Color

#6a1a07
```
#6a1a07 rgb(106,26,7)
```
#822009
```
#822009 rgb(130,32,9)
```
#9a260a
```
#9a260a rgb(154,38,10)
```
#b22c0c
```
#b22c0c rgb(178,44,12)
```
#ca320e
```
#ca320e rgb(202,50,14)
```
#e2380f
```
#e2380f rgb(226,56,15)
```
#f0441b
```
#f0441b rgb(240,68,27)
```

Monochromatic Color

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

#b20c15
```
#b20c15 rgb(178,12,21)
```
#b2100c
```
#b2100c rgb(178,16,12)
```
#b21e0c
```
#b21e0c rgb(178,30,12)
```
#b22c0c
```
#b22c0c rgb(178,44,12)
```
#b23a0c
```
#b23a0c rgb(178,58,12)
```
#b2480c
```
#b2480c rgb(178,72,12)
```
#b2560c
```
#b2560c rgb(178,86,12)
```

Similar Colors

Text with hexadecimal color #b22c0c

This text has a font color of #b22c0c.

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

#b22c0c background color

This paragraph has a background color of #b22c0c.

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

#b22c0c border color

This element has a border color of #b22c0c.

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

CSS codes

.text {color:#b22c0c;}

.background {background-color:#b22c0c;}

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

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, #0d0301 is the darkest color, while #fffaf9 is the lightest one.

#0d0301
```
#0d0301 rgb(13,3,1)
```
#1f0802
```
#1f0802 rgb(31,8,2)
```
#310c03
```
#310c03 rgb(49,12,3)
```
#441105
```
#441105 rgb(68,17,5)
```
#561506
```
#561506 rgb(86,21,6)
```
#681a07
```
#681a07 rgb(104,26,7)
```
#7b1e08
```
#7b1e08 rgb(123,30,8)
```
#8d230a
```
#8d230a rgb(141,35,10)
```
#a0270b
```
#a0270b rgb(160,39,11)
```
#b22c0c
```
#b22c0c rgb(178,44,12)
```
#c4310d
```
#c4310d rgb(196,49,13)
```
#d7350e
```
#d7350e rgb(215,53,14)
```
#e93a10
```
#e93a10 rgb(233,58,16)
```

Shade Color Variation

#f0451d
```
#f0451d rgb(240,69,29)
```
#f1542f
```
#f1542f rgb(241,84,47)
```
#f26441
```
#f26441 rgb(242,100,65)
```
#f37354
```
#f37354 rgb(243,115,84)
```
#f58266
```
#f58266 rgb(245,130,102)
```
#f69179
```
#f69179 rgb(246,145,121)
```
#f7a08b
```
#f7a08b rgb(247,160,139)
```
#f8af9d
```
#f8af9d rgb(248,175,157)
```
#fabeb0
```
#fabeb0 rgb(250,190,176)
```
#fbcdc2
```
#fbcdc2 rgb(251,205,194)
```
#fcdcd4
```
#fcdcd4 rgb(252,220,212)
```
#fdebe7
```
#fdebe7 rgb(253,235,231)
```
#fffaf9
```
#fffaf9 rgb(255,250,249)
```

Tint Color Variation

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

#625d5c
```
#625d5c rgb(98,93,92)
```
#695955
```
#695955 rgb(105,89,85)
```
#70544e
```
#70544e rgb(112,84,78)
```
#785046
```
#785046 rgb(120,80,70)
```
#7f4b3f
```
#7f4b3f rgb(127,75,63)
```
#864738
```
#864738 rgb(134,71,56)
```
#8d4231
```
#8d4231 rgb(141,66,49)
```
#953e29
```
#953e29 rgb(149,62,41)
```
#9c3922
```
#9c3922 rgb(156,57,34)
```
#a3351b
```
#a3351b rgb(163,53,27)
```
#ab3013
```
#ab3013 rgb(171,48,19)
```
#b22c0c
```
#b22c0c rgb(178,44,12)
```
#b92805
```
#b92805 rgb(185,40,5)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#644942 Atypical Achromatopsia 0.001% of the population

Dichromacy

#726623 Protanopia 1% of men
#806100 Deuteranopia 1% of men
#b63435 Tritanopia 0.001% of the population

Trichromacy

#89511b Protanomaly 1% of men, 0.01% of women
#924e04 Deuteranomaly 6% of men, 0.4% of women
#b43126 Tritanomaly 0.01% of the population

#b22c0c hex color

#b22c0c Color Information

#b22c0c Color Conversion

Color Schemes with #b22c0c

Alternatives to #b22c0c

#b22c0c Preview

Shades and Tints of #b22c0c

Tones of #b22c0c

Color Blindness Simulator