#b31f02 hex color

In a RGB color space, hex #b31f02 is composed of 70.2% red, 12.2% green and 0.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 82.7% magenta, 98.9% yellow and 29.8% black. It has a hue angle of 9.8 degrees, a saturation of 97.8% and a lightness of 35.5%. #b31f02 color hex could be obtained by blending #ff3e04 with #670000. Closest websafe color is: #cc3300.

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

● #b31f02 color description : Strong red.

The hexadecimal color #b31f02 has RGB values of R:179, G:31, B:2 and CMYK values of C:0, M:0.83, Y:0.99, K:0.3. Its decimal value is 11738882.

Hex triplet	b31f02	`#b31f02`
RGB Decimal	179, 31, 2	`rgb(179,31,2)`
RGB Percent	70.2, 12.2, 0.8	`rgb(70.2%,12.2%,0.8%)`
CMYK	0, 83, 99, 30
HSL	9.8°, 97.8, 35.5	`hsl(9.8,97.8%,35.5%)`
HSV (or HSB)	9.8°, 98.9, 70.2
Web Safe	cc3300	`#cc3300`

CIE-LAB	38.848, 56.415, 51.428
XYZ	19.092, 10.571, 1.092
xyY	0.621, 0.344, 10.571
CIE-LCH	38.848, 76.338, 42.352
CIE-LUV	38.848, 113.255, 29.028
Hunter-Lab	32.512, 47.925, 20.766
Binary	10110011, 00011111, 00000010

#b31f02
```
#b31f02 rgb(179,31,2)
```
#0296b3
```
#0296b3 rgb(2,150,179)
```

Complementary Color

#b3023e
```
#b3023e rgb(179,2,62)
```
#b31f02
```
#b31f02 rgb(179,31,2)
```
#b37802
```
#b37802 rgb(179,120,2)
```

Analogous Color

#023eb3
```
#023eb3 rgb(2,62,179)
```
#b31f02
```
#b31f02 rgb(179,31,2)
```
#02b378
```
#02b378 rgb(2,179,120)
```

Split Complementary Color

#1f02b3
```
#1f02b3 rgb(31,2,179)
```
#b31f02
```
#b31f02 rgb(179,31,2)
```
#02b31f
```
#02b31f rgb(2,179,31)
```

Triadic Color

#b30296
```
#b30296 rgb(179,2,150)
```
#b31f02
```
#b31f02 rgb(179,31,2)
```
#02b31f
```
#02b31f rgb(2,179,31)
```
#0296b3
```
#0296b3 rgb(2,150,179)
```

Tetradic Color

#671201
```
#671201 rgb(103,18,1)
```
#811601
```
#811601 rgb(129,22,1)
```
#9a1b02
```
#9a1b02 rgb(154,27,2)
```
#b31f02
```
#b31f02 rgb(179,31,2)
```
#cc2302
```
#cc2302 rgb(204,35,2)
```
#e52803
```
#e52803 rgb(229,40,3)
```
#fc2e05
```
#fc2e05 rgb(252,46,5)
```

Monochromatic Color

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

#b30211
```
#b30211 rgb(179,2,17)
```
#b30203
```
#b30203 rgb(179,2,3)
```
#b31002
```
#b31002 rgb(179,16,2)
```
#b31f02
```
#b31f02 rgb(179,31,2)
```
#b32e02
```
#b32e02 rgb(179,46,2)
```
#b33c02
```
#b33c02 rgb(179,60,2)
```
#b34b02
```
#b34b02 rgb(179,75,2)
```

Similar Colors

Text with hexadecimal color #b31f02

This text has a font color of #b31f02.

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

#b31f02 background color

This paragraph has a background color of #b31f02.

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

#b31f02 border color

This element has a border color of #b31f02.

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

CSS codes

.text {color:#b31f02;}

.background {background-color:#b31f02;}

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

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

#040100
```
#040100 rgb(4,1,0)
```
#180400
```
#180400 rgb(24,4,0)
```
#2b0700
```
#2b0700 rgb(43,7,0)
```
#3f0b01
```
#3f0b01 rgb(63,11,1)
```
#520e01
```
#520e01 rgb(82,14,1)
```
#651201
```
#651201 rgb(101,18,1)
```
#791501
```
#791501 rgb(121,21,1)
```
#8c1802
```
#8c1802 rgb(140,24,2)
```
#a01c02
```
#a01c02 rgb(160,28,2)
```
#b31f02
```
#b31f02 rgb(179,31,2)
```
#c62202
```
#c62202 rgb(198,34,2)
```
#da2602
```
#da2602 rgb(218,38,2)
```
#ed2903
```
#ed2903 rgb(237,41,3)
```

Shade Color Variation

#fc2f07
```
#fc2f07 rgb(252,47,7)
```
#fc401b
```
#fc401b rgb(252,64,27)
```
#fd502e
```
#fd502e rgb(253,80,46)
```
#fd6041
```
#fd6041 rgb(253,96,65)
```
#fd7055
```
#fd7055 rgb(253,112,85)
```
#fd8168
```
#fd8168 rgb(253,129,104)
```
#fe917c
```
#fe917c rgb(254,145,124)
```
#fea18f
```
#fea18f rgb(254,161,143)
```
#feb1a2
```
#feb1a2 rgb(254,177,162)
```
#fec2b6
```
#fec2b6 rgb(254,194,182)
```
#fed2c9
```
#fed2c9 rgb(254,210,201)
```
#ffe2dd
```
#ffe2dd rgb(255,226,221)
```
#fff2f0
```
#fff2f0 rgb(255,242,240)
```

Tint Color Variation

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

#5f5756
```
#5f5756 rgb(95,87,86)
```
#66524f
```
#66524f rgb(102,82,79)
```
#6d4e48
```
#6d4e48 rgb(109,78,72)
```
#744941
```
#744941 rgb(116,73,65)
```
#7b443a
```
#7b443a rgb(123,68,58)
```
#824033
```
#824033 rgb(130,64,51)
```
#893b2c
```
#893b2c rgb(137,59,44)
```
#903625
```
#903625 rgb(144,54,37)
```
#97321e
```
#97321e rgb(151,50,30)
```
#9e2d17
```
#9e2d17 rgb(158,45,23)
```
#a52810
```
#a52810 rgb(165,40,16)
```
#ac2409
```
#ac2409 rgb(172,36,9)
```
#b31f02
```
#b31f02 rgb(179,31,2)
```

Tone Color Variation

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

#484848 Achromatopsia 0.005% of the population
#5d403a Atypical Achromatopsia 0.001% of the population

Dichromacy

#6f641a Protanopia 1% of men
#7c5f00 Deuteranopia 1% of men
#b72828 Tritanopia 0.001% of the population

Trichromacy

#884b11 Protanomaly 1% of men, 0.01% of women
#904700 Deuteranomaly 6% of men, 0.4% of women
#b5241a Tritanomaly 0.01% of the population

#b31f02 hex color

#b31f02 Color Information

#b31f02 Color Conversion

Color Schemes with #b31f02

Alternatives to #b31f02

#b31f02 Preview

Shades and Tints of #b31f02

Tones of #b31f02

Color Blindness Simulator