#b4313e hex color

In a RGB color space, hex #b4313e is composed of 70.6% red, 19.2% green and 24.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 72.8% magenta, 65.6% yellow and 29.4% black. It has a hue angle of 354 degrees, a saturation of 57.2% and a lightness of 44.9%. #b4313e color hex could be obtained by blending #ff627c with #690000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 71
- G 19
- B 24
RGB color chart
- C 0
- M 73
- Y 66
- K 29
CMYK color chart

● #b4313e color description : Moderate red.

The hexadecimal color #b4313e has RGB values of R:180, G:49, B:62 and CMYK values of C:0, M:0.73, Y:0.66, K:0.29. Its decimal value is 11809086.

Hex triplet	b4313e	`#b4313e`
RGB Decimal	180, 49, 62	`rgb(180,49,62)`
RGB Percent	70.6, 19.2, 24.3	`rgb(70.6%,19.2%,24.3%)`
CMYK	0, 73, 66, 29
HSL	354°, 57.2, 44.9	`hsl(354,57.2%,44.9%)`
HSV (or HSB)	354°, 72.8, 70.6
Web Safe	cc3333	`#cc3333`

CIE-LAB	41.611, 52.943, 23.961
XYZ	20.791, 12.25, 5.827
xyY	0.535, 0.315, 12.25
CIE-LCH	41.611, 58.112, 24.35
CIE-LUV	41.611, 95.603, 15.275
Hunter-Lab	35, 44.784, 14.629
Binary	10110100, 00110001, 00111110

#b4313e
```
#b4313e rgb(180,49,62)
```
#31b4a7
```
#31b4a7 rgb(49,180,167)
```

Complementary Color

#b43180
```
#b43180 rgb(180,49,128)
```
#b4313e
```
#b4313e rgb(180,49,62)
```
#b46631
```
#b46631 rgb(180,102,49)
```

Analogous Color

#3180b4
```
#3180b4 rgb(49,128,180)
```
#b4313e
```
#b4313e rgb(180,49,62)
```
#31b466
```
#31b466 rgb(49,180,102)
```

Split Complementary Color

#313eb4
```
#313eb4 rgb(49,62,180)
```
#b4313e
```
#b4313e rgb(180,49,62)
```
#3eb431
```
#3eb431 rgb(62,180,49)
```

Triadic Color

#a731b4
```
#a731b4 rgb(167,49,180)
```
#b4313e
```
#b4313e rgb(180,49,62)
```
#3eb431
```
#3eb431 rgb(62,180,49)
```
#31b4a7
```
#31b4a7 rgb(49,180,167)
```

Tetradic Color

#782129
```
#782129 rgb(120,33,41)
```
#8c2630
```
#8c2630 rgb(140,38,48)
```
#a02c37
```
#a02c37 rgb(160,44,55)
```
#b4313e
```
#b4313e rgb(180,49,62)
```
#c83645
```
#c83645 rgb(200,54,69)
```
#ce4a57
```
#ce4a57 rgb(206,74,87)
```
#d35e6a
```
#d35e6a rgb(211,94,106)
```

Monochromatic Color

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

#b4315f
```
#b4315f rgb(180,49,95)
```
#b43154
```
#b43154 rgb(180,49,84)
```
#b43149
```
#b43149 rgb(180,49,73)
```
#b4313e
```
#b4313e rgb(180,49,62)
```
#b43133
```
#b43133 rgb(180,49,51)
```
#b43a31
```
#b43a31 rgb(180,58,49)
```
#b44531
```
#b44531 rgb(180,69,49)
```

Similar Colors

Text with hexadecimal color #b4313e

This text has a font color of #b4313e.

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

#b4313e background color

This paragraph has a background color of #b4313e.

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

#b4313e border color

This element has a border color of #b4313e.

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

CSS codes

.text {color:#b4313e;}

.background {background-color:#b4313e;}

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

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

#0a0304
```
#0a0304 rgb(10,3,4)
```
#1a0709
```
#1a0709 rgb(26,7,9)
```
#290b0e
```
#290b0e rgb(41,11,14)
```
#390f14
```
#390f14 rgb(57,15,20)
```
#481419
```
#481419 rgb(72,20,25)
```
#57181e
```
#57181e rgb(87,24,30)
```
#671c23
```
#671c23 rgb(103,28,35)
```
#762029
```
#762029 rgb(118,32,41)
```
#86242e
```
#86242e rgb(134,36,46)
```
#952933
```
#952933 rgb(149,41,51)
```
#a52d39
```
#a52d39 rgb(165,45,57)
```
#b4313e
```
#b4313e rgb(180,49,62)
```
#c33543
```
#c33543 rgb(195,53,67)
```

Shade Color Variation

#cb414f
```
#cb414f rgb(203,65,79)
```
#cf505d
```
#cf505d rgb(207,80,93)
```
#d4606b
```
#d4606b rgb(212,96,107)
```
#d86f7a
```
#d86f7a rgb(216,111,122)
```
#dc7f88
```
#dc7f88 rgb(220,127,136)
```
#e08e96
```
#e08e96 rgb(224,142,150)
```
#e49da5
```
#e49da5 rgb(228,157,165)
```
#e9adb3
```
#e9adb3 rgb(233,173,179)
```
#edbcc1
```
#edbcc1 rgb(237,188,193)
```
#f1cccf
```
#f1cccf rgb(241,204,207)
```
#f5dbde
```
#f5dbde rgb(245,219,222)
```
#f9ebec
```
#f9ebec rgb(249,235,236)
```
#fefafa
```
#fefafa rgb(254,250,250)
```

Tint Color Variation

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

#766f6f
```
#766f6f rgb(118,111,111)
```
#7f6668
```
#7f6668 rgb(127,102,104)
```
#885d61
```
#885d61 rgb(136,93,97)
```
#91545a
```
#91545a rgb(145,84,90)
```
#9a4b53
```
#9a4b53 rgb(154,75,83)
```
#a2434c
```
#a2434c rgb(162,67,76)
```
#ab3a45
```
#ab3a45 rgb(171,58,69)
```
#b4313e
```
#b4313e rgb(180,49,62)
```
#bd2837
```
#bd2837 rgb(189,40,55)
```
#c61f30
```
#c61f30 rgb(198,31,48)
```
#ce1729
```
#ce1729 rgb(206,23,41)
```
#d70e22
```
#d70e22 rgb(215,14,34)
```
#e0051b
```
#e0051b rgb(224,5,27)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#6c5254 Atypical Achromatopsia 0.001% of the population

Dichromacy

#706a59 Protanopia 1% of men
#80653f Deuteranopia 1% of men
#b73d3f Tritanopia 0.001% of the population

Trichromacy

#88554f Protanomaly 1% of men, 0.01% of women
#93523e Deuteranomaly 6% of men, 0.4% of women
#b6383f Tritanomaly 0.01% of the population

#b4313e hex color

#b4313e Color Information

#b4313e Color Conversion

Color Schemes with #b4313e

Alternatives to #b4313e

#b4313e Preview

Shades and Tints of #b4313e

Tones of #b4313e

Color Blindness Simulator