#b80f30 hex color

In a RGB color space, hex #b80f30 is composed of 72.2% red, 5.9% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 91.8% magenta, 73.9% yellow and 27.8% black. It has a hue angle of 348.3 degrees, a saturation of 84.9% and a lightness of 39%. #b80f30 color hex could be obtained by blending #ff1e60 with #710000. Closest websafe color is: #cc0033.

♥
- f
- t
- g
- R 72
- G 6
- B 19
RGB color chart
- C 0
- M 92
- Y 74
- K 28
CMYK color chart

● #b80f30 color description : Strong red.

The hexadecimal color #b80f30 has RGB values of R:184, G:15, B:48 and CMYK values of C:0, M:0.92, Y:0.74, K:0.28. Its decimal value is 12062512.

Hex triplet	b80f30	`#b80f30`
RGB Decimal	184, 15, 48	`rgb(184,15,48)`
RGB Percent	72.2, 5.9, 18.8	`rgb(72.2%,5.9%,18.8%)`
CMYK	0, 92, 74, 28
HSL	348.3°, 84.9, 39	`hsl(348.3,84.9%,39%)`
HSV (or HSB)	348.3°, 91.8, 72.2
Web Safe	cc0033	`#cc0033`

CIE-LAB	39.153, 61.992, 29.774
XYZ	20.473, 10.748, 3.793
xyY	0.585, 0.307, 10.748
CIE-LCH	39.153, 68.771, 25.654
CIE-LUV	39.153, 115.186, 16.635
Hunter-Lab	32.784, 54.094, 16.09
Binary	10111000, 00001111, 00110000

#b80f30
```
#b80f30 rgb(184,15,48)
```
#0fb897
```
#0fb897 rgb(15,184,151)
```

Complementary Color

#b80f85
```
#b80f85 rgb(184,15,133)
```
#b80f30
```
#b80f30 rgb(184,15,48)
```
#b8430f
```
#b8430f rgb(184,67,15)
```

Analogous Color

#0f85b8
```
#0f85b8 rgb(15,133,184)
```
#b80f30
```
#b80f30 rgb(184,15,48)
```
#0fb843
```
#0fb843 rgb(15,184,67)
```

Split Complementary Color

#0f30b8
```
#0f30b8 rgb(15,48,184)
```
#b80f30
```
#b80f30 rgb(184,15,48)
```
#30b80f
```
#30b80f rgb(48,184,15)
```

Triadic Color

#970fb8
```
#970fb8 rgb(151,15,184)
```
#b80f30
```
#b80f30 rgb(184,15,48)
```
#30b80f
```
#30b80f rgb(48,184,15)
```
#0fb897
```
#0fb897 rgb(15,184,151)
```

Tetradic Color

#71091e
```
#71091e rgb(113,9,30)
```
#890b24
```
#890b24 rgb(137,11,36)
```
#a00d2a
```
#a00d2a rgb(160,13,42)
```
#b80f30
```
#b80f30 rgb(184,15,48)
```
#d01136
```
#d01136 rgb(208,17,54)
```
#e7133c
```
#e7133c rgb(231,19,60)
```
#ed264d
```
#ed264d rgb(237,38,77)
```

Monochromatic Color

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

#b80f5a
```
#b80f5a rgb(184,15,90)
```
#b80f4c
```
#b80f4c rgb(184,15,76)
```
#b80f3e
```
#b80f3e rgb(184,15,62)
```
#b80f30
```
#b80f30 rgb(184,15,48)
```
#b80f22
```
#b80f22 rgb(184,15,34)
```
#b80f14
```
#b80f14 rgb(184,15,20)
```
#b8180f
```
#b8180f rgb(184,24,15)
```

Similar Colors

Text with hexadecimal color #b80f30

This text has a font color of #b80f30.

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

#b80f30 background color

This paragraph has a background color of #b80f30.

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

#b80f30 border color

This element has a border color of #b80f30.

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

CSS codes

.text {color:#b80f30;}

.background {background-color:#b80f30;}

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

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

#030001
```
#030001 rgb(3,0,1)
```
#150205
```
#150205 rgb(21,2,5)
```
#27030a
```
#27030a rgb(39,3,10)
```
#39050f
```
#39050f rgb(57,5,15)
```
#4b0614
```
#4b0614 rgb(75,6,20)
```
#5d0818
```
#5d0818 rgb(93,8,24)
```
#6f091d
```
#6f091d rgb(111,9,29)
```
#820b22
```
#820b22 rgb(130,11,34)
```
#940c27
```
#940c27 rgb(148,12,39)
```
#a60e2b
```
#a60e2b rgb(166,14,43)
```
#b80f30
```
#b80f30 rgb(184,15,48)
```
#ca1035
```
#ca1035 rgb(202,16,53)
```
#dc1239
```
#dc1239 rgb(220,18,57)
```

Shade Color Variation

#ec1640
```
#ec1640 rgb(236,22,64)
```
#ed284f
```
#ed284f rgb(237,40,79)
```
#ef3a5d
```
#ef3a5d rgb(239,58,93)
```
#f04c6c
```
#f04c6c rgb(240,76,108)
```
#f25e7b
```
#f25e7b rgb(242,94,123)
```
#f3718a
```
#f3718a rgb(243,113,138)
```
#f58399
```
#f58399 rgb(245,131,153)
```
#f695a8
```
#f695a8 rgb(246,149,168)
```
#f8a7b7
```
#f8a7b7 rgb(248,167,183)
```
#f9b9c6
```
#f9b9c6 rgb(249,185,198)
```
#fbcbd5
```
#fbcbd5 rgb(251,203,213)
```
#fcdde3
```
#fcdde3 rgb(252,221,227)
```
#feeff2
```
#feeff2 rgb(254,239,242)
```

Tint Color Variation

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

#646363
```
#646363 rgb(100,99,99)
```
#6b5c5f
```
#6b5c5f rgb(107,92,95)
```
#73545a
```
#73545a rgb(115,84,90)
```
#7b4c55
```
#7b4c55 rgb(123,76,85)
```
#824551
```
#824551 rgb(130,69,81)
```
#8a3d4c
```
#8a3d4c rgb(138,61,76)
```
#923547
```
#923547 rgb(146,53,71)
```
#992e43
```
#992e43 rgb(153,46,67)
```
#a1263e
```
#a1263e rgb(161,38,62)
```
#a91e39
```
#a91e39 rgb(169,30,57)
```
#b01735
```
#b01735 rgb(176,23,53)
```
#b80f30
```
#b80f30 rgb(184,15,48)
```
#c0072b
```
#c0072b rgb(192,7,43)
```

Tone Color Variation

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

#454545 Achromatopsia 0.005% of the population
#5c3a41 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6b644f Protanopia 1% of men
#7b602f Deuteranopia 1% of men
#bb2220 Tritanopia 0.001% of the population

Trichromacy

#874544 Protanomaly 1% of men, 0.01% of women
#91422f Deuteranomaly 6% of men, 0.4% of women
#b91b26 Tritanomaly 0.01% of the population

#b80f30 hex color

#b80f30 Color Information

#b80f30 Color Conversion

Color Schemes with #b80f30

Alternatives to #b80f30

#b80f30 Preview

Shades and Tints of #b80f30

Tones of #b80f30

Color Blindness Simulator