#b20f30 hex color

In a RGB color space, hex #b20f30 is composed of 69.8% red, 5.9% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 91.6% magenta, 73% yellow and 30.2% black. It has a hue angle of 347.9 degrees, a saturation of 84.5% and a lightness of 37.8%. #b20f30 color hex could be obtained by blending #ff1e60 with #650000. Closest websafe color is: #990033.

♥
- f
- t
- g
- R 70
- G 6
- B 19
RGB color chart
- C 0
- M 92
- Y 73
- K 30
CMYK color chart

● #b20f30 color description : Dark red.

The hexadecimal color #b20f30 has RGB values of R:178, G:15, B:48 and CMYK values of C:0, M:0.92, Y:0.73, K:0.3. Its decimal value is 11669296.

Hex triplet	b20f30	`#b20f30`
RGB Decimal	178, 15, 48	`rgb(178,15,48)`
RGB Percent	69.8, 5.9, 18.8	`rgb(69.8%,5.9%,18.8%)`
CMYK	0, 92, 73, 30
HSL	347.9°, 84.5, 37.8	`hsl(347.9,84.5%,37.8%)`
HSV (or HSB)	347.9°, 91.6, 69.8
Web Safe	990033	`#990033`

CIE-LAB	37.883, 60.435, 27.965
XYZ	19.065, 10.022, 3.727
xyY	0.581, 0.305, 10.022
CIE-LCH	37.883, 66.592, 24.831
CIE-LUV	37.883, 110.545, 15.35
Hunter-Lab	31.658, 52.095, 15.181
Binary	10110010, 00001111, 00110000

#b20f30
```
#b20f30 rgb(178,15,48)
```
#0fb291
```
#0fb291 rgb(15,178,145)
```

Complementary Color

#b20f82
```
#b20f82 rgb(178,15,130)
```
#b20f30
```
#b20f30 rgb(178,15,48)
```
#b23f0f
```
#b23f0f rgb(178,63,15)
```

Analogous Color

#0f82b2
```
#0f82b2 rgb(15,130,178)
```
#b20f30
```
#b20f30 rgb(178,15,48)
```
#0fb23f
```
#0fb23f rgb(15,178,63)
```

Split Complementary Color

#0f30b2
```
#0f30b2 rgb(15,48,178)
```
#b20f30
```
#b20f30 rgb(178,15,48)
```
#30b20f
```
#30b20f rgb(48,178,15)
```

Triadic Color

#910fb2
```
#910fb2 rgb(145,15,178)
```
#b20f30
```
#b20f30 rgb(178,15,48)
```
#30b20f
```
#30b20f rgb(48,178,15)
```
#0fb291
```
#0fb291 rgb(15,178,145)
```

Tetradic Color

#6b091d
```
#6b091d rgb(107,9,29)
```
#830b23
```
#830b23 rgb(131,11,35)
```
#9a0d2a
```
#9a0d2a rgb(154,13,42)
```
#b20f30
```
#b20f30 rgb(178,15,48)
```
#ca1136
```
#ca1136 rgb(202,17,54)
```
#e1133d
```
#e1133d rgb(225,19,61)
```
#ec214a
```
#ec214a rgb(236,33,74)
```

Monochromatic Color

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

#b20f59
```
#b20f59 rgb(178,15,89)
```
#b20f4b
```
#b20f4b rgb(178,15,75)
```
#b20f3e
```
#b20f3e rgb(178,15,62)
```
#b20f30
```
#b20f30 rgb(178,15,48)
```
#b20f22
```
#b20f22 rgb(178,15,34)
```
#b20f15
```
#b20f15 rgb(178,15,21)
```
#b2170f
```
#b2170f rgb(178,23,15)
```

Similar Colors

Text with hexadecimal color #b20f30

This text has a font color of #b20f30.

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

#b20f30 background color

This paragraph has a background color of #b20f30.

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

#b20f30 border color

This element has a border color of #b20f30.

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

CSS codes

.text {color:#b20f30;}

.background {background-color:#b20f30;}

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

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

#0f0104
```
#0f0104 rgb(15,1,4)
```
#210309
```
#210309 rgb(33,3,9)
```
#33040e
```
#33040e rgb(51,4,14)
```
#450613
```
#450613 rgb(69,6,19)
```
#580718
```
#580718 rgb(88,7,24)
```
#6a091c
```
#6a091c rgb(106,9,28)
```
#7c0a21
```
#7c0a21 rgb(124,10,33)
```
#8e0c26
```
#8e0c26 rgb(142,12,38)
```
#a00d2b
```
#a00d2b rgb(160,13,43)
```
#b20f30
```
#b20f30 rgb(178,15,48)
```
#c41135
```
#c41135 rgb(196,17,53)
```
#d6123a
```
#d6123a rgb(214,18,58)
```
#e8143f
```
#e8143f rgb(232,20,63)
```

Shade Color Variation

#ec234c
```
#ec234c rgb(236,35,76)
```
#ee355b
```
#ee355b rgb(238,53,91)
```
#f04769
```
#f04769 rgb(240,71,105)
```
#f15978
```
#f15978 rgb(241,89,120)
```
#f36b87
```
#f36b87 rgb(243,107,135)
```
#f47d95
```
#f47d95 rgb(244,125,149)
```
#f690a4
```
#f690a4 rgb(246,144,164)
```
#f7a2b3
```
#f7a2b3 rgb(247,162,179)
```
#f9b4c2
```
#f9b4c2 rgb(249,180,194)
```
#fac6d0
```
#fac6d0 rgb(250,198,208)
```
#fcd8df
```
#fcd8df rgb(252,216,223)
```
#fdeaee
```
#fdeaee rgb(253,234,238)
```
#fffcfd
```
#fffcfd rgb(255,252,253)
```

Tint Color Variation

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

#68595c
```
#68595c rgb(104,89,92)
```
#6f5258
```
#6f5258 rgb(111,82,88)
```
#774a53
```
#774a53 rgb(119,74,83)
```
#7e434f
```
#7e434f rgb(126,67,79)
```
#853c4b
```
#853c4b rgb(133,60,75)
```
#8d3446
```
#8d3446 rgb(141,52,70)
```
#942d42
```
#942d42 rgb(148,45,66)
```
#9c253d
```
#9c253d rgb(156,37,61)
```
#a31e39
```
#a31e39 rgb(163,30,57)
```
#ab1634
```
#ab1634 rgb(171,22,52)
```
#b20f30
```
#b20f30 rgb(178,15,48)
```
#b9082c
```
#b9082c rgb(185,8,44)
```
#c10027
```
#c10027 rgb(193,0,39)
```

Tone Color Variation

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

#434343 Achromatopsia 0.005% of the population
#59393f Atypical Achromatopsia 0.001% of the population

Dichromacy

#67614f Protanopia 1% of men
#775d30 Deuteranopia 1% of men
#b52220 Tritanopia 0.001% of the population

Trichromacy

#824343 Protanomaly 1% of men, 0.01% of women
#8c4030 Deuteranomaly 6% of men, 0.4% of women
#b41b26 Tritanomaly 0.01% of the population

#b20f30 hex color

#b20f30 Color Information

#b20f30 Color Conversion

Color Schemes with #b20f30

Alternatives to #b20f30

#b20f30 Preview

Shades and Tints of #b20f30

Tones of #b20f30

Color Blindness Simulator