#b22f0c hex color

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

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

● #b22f0c color description : Dark red.

The hexadecimal color #b22f0c has RGB values of R:178, G:47, B:12 and CMYK values of C:0, M:0.74, Y:0.93, K:0.3. Its decimal value is 11677452.

Hex triplet	b22f0c	`#b22f0c`
RGB Decimal	178, 47, 12	`rgb(178,47,12)`
RGB Percent	69.8, 18.4, 4.7	`rgb(69.8%,18.4%,4.7%)`
CMYK	0, 74, 93, 30
HSL	12.7°, 87.4, 37.3	`hsl(12.7,87.4%,37.3%)`
HSV (or HSB)	12.7°, 93.3, 69.8
Web Safe	993300	`#993300`

CIE-LAB	40.454, 51.276, 48.874
XYZ	19.444, 11.527, 1.549
xyY	0.598, 0.354, 11.527
CIE-LCH	40.454, 70.838, 43.626
CIE-LUV	40.454, 103.589, 30.654
Hunter-Lab	33.951, 42.812, 21.061
Binary	10110010, 00101111, 00001100

#b22f0c
```
#b22f0c rgb(178,47,12)
```
#0c8fb2
```
#0c8fb2 rgb(12,143,178)
```

Complementary Color

#b20c3c
```
#b20c3c rgb(178,12,60)
```
#b22f0c
```
#b22f0c rgb(178,47,12)
```
#b2820c
```
#b2820c rgb(178,130,12)
```

Analogous Color

#0c3cb2
```
#0c3cb2 rgb(12,60,178)
```
#b22f0c
```
#b22f0c rgb(178,47,12)
```
#0cb282
```
#0cb282 rgb(12,178,130)
```

Split Complementary Color

#2f0cb2
```
#2f0cb2 rgb(47,12,178)
```
#b22f0c
```
#b22f0c rgb(178,47,12)
```
#0cb22f
```
#0cb22f rgb(12,178,47)
```

Triadic Color

#b20c8f
```
#b20c8f rgb(178,12,143)
```
#b22f0c
```
#b22f0c rgb(178,47,12)
```
#0cb22f
```
#0cb22f rgb(12,178,47)
```
#0c8fb2
```
#0c8fb2 rgb(12,143,178)
```

Tetradic Color

#6a1c07
```
#6a1c07 rgb(106,28,7)
```
#822209
```
#822209 rgb(130,34,9)
```
#9a290a
```
#9a290a rgb(154,41,10)
```
#b22f0c
```
#b22f0c rgb(178,47,12)
```
#ca350e
```
#ca350e rgb(202,53,14)
```
#e23c0f
```
#e23c0f rgb(226,60,15)
```
#f0481b
```
#f0481b rgb(240,72,27)
```

Monochromatic Color

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

#b20c13
```
#b20c13 rgb(178,12,19)
```
#b2130c
```
#b2130c rgb(178,19,12)
```
#b2210c
```
#b2210c rgb(178,33,12)
```
#b22f0c
```
#b22f0c rgb(178,47,12)
```
#b23d0c
```
#b23d0c rgb(178,61,12)
```
#b24b0c
```
#b24b0c rgb(178,75,12)
```
#b2590c
```
#b2590c rgb(178,89,12)
```

Similar Colors

Text with hexadecimal color #b22f0c

This text has a font color of #b22f0c.

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

#b22f0c background color

This paragraph has a background color of #b22f0c.

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

#b22f0c border color

This element has a border color of #b22f0c.

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

CSS codes

.text {color:#b22f0c;}

.background {background-color:#b22f0c;}

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

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)
```
#310d03
```
#310d03 rgb(49,13,3)
```
#441205
```
#441205 rgb(68,18,5)
```
#561706
```
#561706 rgb(86,23,6)
```
#681c07
```
#681c07 rgb(104,28,7)
```
#7b2008
```
#7b2008 rgb(123,32,8)
```
#8d250a
```
#8d250a rgb(141,37,10)
```
#a02a0b
```
#a02a0b rgb(160,42,11)
```
#b22f0c
```
#b22f0c rgb(178,47,12)
```
#c4340d
```
#c4340d rgb(196,52,13)
```
#d7390e
```
#d7390e rgb(215,57,14)
```
#e93e10
```
#e93e10 rgb(233,62,16)
```

Shade Color Variation

#f0491d
```
#f0491d rgb(240,73,29)
```
#f1582f
```
#f1582f rgb(241,88,47)
```
#f26741
```
#f26741 rgb(242,103,65)
```
#f37654
```
#f37654 rgb(243,118,84)
```
#f58466
```
#f58466 rgb(245,132,102)
```
#f69379
```
#f69379 rgb(246,147,121)
```
#f7a28b
```
#f7a28b rgb(247,162,139)
```
#f8b19d
```
#f8b19d rgb(248,177,157)
```
#fabfb0
```
#fabfb0 rgb(250,191,176)
```
#fbcec2
```
#fbcec2 rgb(251,206,194)
```
#fcddd4
```
#fcddd4 rgb(252,221,212)
```
#fdece7
```
#fdece7 rgb(253,236,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 #b92b05 is the most saturated one.

#625d5c
```
#625d5c rgb(98,93,92)
```
#695955
```
#695955 rgb(105,89,85)
```
#70554e
```
#70554e rgb(112,85,78)
```
#785146
```
#785146 rgb(120,81,70)
```
#7f4d3f
```
#7f4d3f rgb(127,77,63)
```
#864838
```
#864838 rgb(134,72,56)
```
#8d4431
```
#8d4431 rgb(141,68,49)
```
#954029
```
#954029 rgb(149,64,41)
```
#9c3c22
```
#9c3c22 rgb(156,60,34)
```
#a3371b
```
#a3371b rgb(163,55,27)
```
#ab3313
```
#ab3313 rgb(171,51,19)
```
#b22f0c
```
#b22f0c rgb(178,47,12)
```
#b92b05
```
#b92b05 rgb(185,43,5)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#654b44 Atypical Achromatopsia 0.001% of the population

Dichromacy

#736723 Protanopia 1% of men
#816200 Deuteranopia 1% of men
#b63638 Tritanopia 0.001% of the population

Trichromacy

#8a531a Protanomaly 1% of men, 0.01% of women
#934f04 Deuteranomaly 6% of men, 0.4% of women
#b43328 Tritanomaly 0.01% of the population

#b22f0c hex color

#b22f0c Color Information

#b22f0c Color Conversion

Color Schemes with #b22f0c

Alternatives to #b22f0c

#b22f0c Preview

Shades and Tints of #b22f0c

Tones of #b22f0c

Color Blindness Simulator