#b22c02 hex color

In a RGB color space, hex #b22c02 is composed of 69.8% red, 17.3% green and 0.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 75.3% magenta, 98.9% yellow and 30.2% black. It has a hue angle of 14.3 degrees, a saturation of 97.8% and a lightness of 35.3%. #b22c02 color hex could be obtained by blending #ff5804 with #650000. Closest websafe color is: #993300.

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

● #b22c02 color description : Dark red.

The hexadecimal color #b22c02 has RGB values of R:178, G:44, B:2 and CMYK values of C:0, M:0.75, Y:0.99, K:0.3. Its decimal value is 11676674.

Hex triplet	b22c02	`#b22c02`
RGB Decimal	178, 44, 2	`rgb(178,44,2)`
RGB Percent	69.8, 17.3, 0.8	`rgb(69.8%,17.3%,0.8%)`
CMYK	0, 75, 99, 30
HSL	14.3°, 97.8, 35.3	`hsl(14.3,97.8%,35.3%)`
HSV (or HSB)	14.3°, 98.9, 69.8
Web Safe	993300	`#993300`

CIE-LAB	40.037, 52.208, 51.878
XYZ	19.273, 11.273, 1.219
xyY	0.607, 0.355, 11.273
CIE-LCH	40.037, 73.601, 44.818
CIE-LUV	40.037, 105.981, 31.24
Hunter-Lab	33.575, 43.704, 21.351
Binary	10110010, 00101100, 00000010

#b22c02
```
#b22c02 rgb(178,44,2)
```
#0288b2
```
#0288b2 rgb(2,136,178)
```

Complementary Color

#b20230
```
#b20230 rgb(178,2,48)
```
#b22c02
```
#b22c02 rgb(178,44,2)
```
#b28402
```
#b28402 rgb(178,132,2)
```

Analogous Color

#0230b2
```
#0230b2 rgb(2,48,178)
```
#b22c02
```
#b22c02 rgb(178,44,2)
```
#02b284
```
#02b284 rgb(2,178,132)
```

Split Complementary Color

#2c02b2
```
#2c02b2 rgb(44,2,178)
```
#b22c02
```
#b22c02 rgb(178,44,2)
```
#02b22c
```
#02b22c rgb(2,178,44)
```

Triadic Color

#b20288
```
#b20288 rgb(178,2,136)
```
#b22c02
```
#b22c02 rgb(178,44,2)
```
#02b22c
```
#02b22c rgb(2,178,44)
```
#0288b2
```
#0288b2 rgb(2,136,178)
```

Tetradic Color

#661901
```
#661901 rgb(102,25,1)
```
#802001
```
#802001 rgb(128,32,1)
```
#992602
```
#992602 rgb(153,38,2)
```
#b22c02
```
#b22c02 rgb(178,44,2)
```
#cb3202
```
#cb3202 rgb(203,50,2)
```
#e43803
```
#e43803 rgb(228,56,3)
```
#fc3f04
```
#fc3f04 rgb(252,63,4)
```

Monochromatic Color

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

#b20204
```
#b20204 rgb(178,2,4)
```
#b20f02
```
#b20f02 rgb(178,15,2)
```
#b21d02
```
#b21d02 rgb(178,29,2)
```
#b22c02
```
#b22c02 rgb(178,44,2)
```
#b23b02
```
#b23b02 rgb(178,59,2)
```
#b24902
```
#b24902 rgb(178,73,2)
```
#b25802
```
#b25802 rgb(178,88,2)
```

Similar Colors

Text with hexadecimal color #b22c02

This text has a font color of #b22c02.

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

#b22c02 background color

This paragraph has a background color of #b22c02.

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

#b22c02 border color

This element has a border color of #b22c02.

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

CSS codes

.text {color:#b22c02;}

.background {background-color:#b22c02;}

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

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

#030100
```
#030100 rgb(3,1,0)
```
#170600
```
#170600 rgb(23,6,0)
```
#2a0a00
```
#2a0a00 rgb(42,10,0)
```
#3e0f01
```
#3e0f01 rgb(62,15,1)
```
#511401
```
#511401 rgb(81,20,1)
```
#641901
```
#641901 rgb(100,25,1)
```
#781e01
```
#781e01 rgb(120,30,1)
```
#8b2202
```
#8b2202 rgb(139,34,2)
```
#9f2702
```
#9f2702 rgb(159,39,2)
```
#b22c02
```
#b22c02 rgb(178,44,2)
```
#c53102
```
#c53102 rgb(197,49,2)
```
#d93602
```
#d93602 rgb(217,54,2)
```
#ec3a03
```
#ec3a03 rgb(236,58,3)
```

Shade Color Variation

#fc4106
```
#fc4106 rgb(252,65,6)
```
#fc501a
```
#fc501a rgb(252,80,26)
```
#fd5f2d
```
#fd5f2d rgb(253,95,45)
```
#fd6d40
```
#fd6d40 rgb(253,109,64)
```
#fd7c54
```
#fd7c54 rgb(253,124,84)
```
#fd8b67
```
#fd8b67 rgb(253,139,103)
```
#fe9a7b
```
#fe9a7b rgb(254,154,123)
```
#fea98e
```
#fea98e rgb(254,169,142)
```
#feb8a1
```
#feb8a1 rgb(254,184,161)
```
#fec6b5
```
#fec6b5 rgb(254,198,181)
```
#fed5c8
```
#fed5c8 rgb(254,213,200)
```
#ffe4dc
```
#ffe4dc rgb(255,228,220)
```
#fff3ef
```
#fff3ef rgb(255,243,239)
```

Tint Color Variation

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

#5f5755
```
#5f5755 rgb(95,87,85)
```
#66544e
```
#66544e rgb(102,84,78)
```
#6d5047
```
#6d5047 rgb(109,80,71)
```
#744d40
```
#744d40 rgb(116,77,64)
```
#7b4939
```
#7b4939 rgb(123,73,57)
```
#824532
```
#824532 rgb(130,69,50)
```
#88422c
```
#88422c rgb(136,66,44)
```
#8f3e25
```
#8f3e25 rgb(143,62,37)
```
#963a1e
```
#963a1e rgb(150,58,30)
```
#9d3717
```
#9d3717 rgb(157,55,23)
```
#a43310
```
#a43310 rgb(164,51,16)
```
#ab3009
```
#ab3009 rgb(171,48,9)
```
#b22c02
```
#b22c02 rgb(178,44,2)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#634840 Atypical Achromatopsia 0.001% of the population

Dichromacy

#726619 Protanopia 1% of men
#806100 Deuteranopia 1% of men
#b63335 Tritanopia 0.001% of the population

Trichromacy

#895110 Protanomaly 1% of men, 0.01% of women
#924e00 Deuteranomaly 6% of men, 0.4% of women
#b43022 Tritanomaly 0.01% of the population

#b22c02 hex color

#b22c02 Color Information

#b22c02 Color Conversion

Color Schemes with #b22c02

Alternatives to #b22c02

#b22c02 Preview

Shades and Tints of #b22c02

Tones of #b22c02

Color Blindness Simulator