#b4316d hex color

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

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

● #b4316d color description : Moderate pink.

The hexadecimal color #b4316d has RGB values of R:180, G:49, B:109 and CMYK values of C:0, M:0.73, Y:0.39, K:0.29. Its decimal value is 11809133.

Hex triplet	b4316d	`#b4316d`
RGB Decimal	180, 49, 109	`rgb(180,49,109)`
RGB Percent	70.6, 19.2, 42.7	`rgb(70.6%,19.2%,42.7%)`
CMYK	0, 73, 39, 29
HSL	332.5°, 57.2, 44.9	`hsl(332.5,57.2%,44.9%)`
HSV (or HSB)	332.5°, 72.8, 70.6
Web Safe	cc3366	`#cc3366`

CIE-LAB	42.773, 56.802, -3.729
XYZ	22.682, 13.006, 15.783
xyY	0.441, 0.253, 13.006
CIE-LCH	42.773, 56.925, 356.244
CIE-LUV	42.773, 80.271, -14.915
Hunter-Lab	36.064, 49.15, -0.703
Binary	10110100, 00110001, 01101101

#b4316d
```
#b4316d rgb(180,49,109)
```
#31b478
```
#31b478 rgb(49,180,120)
```

Complementary Color

#b431af
```
#b431af rgb(180,49,175)
```
#b4316d
```
#b4316d rgb(180,49,109)
```
#b43631
```
#b43631 rgb(180,54,49)
```

Analogous Color

#31afb4
```
#31afb4 rgb(49,175,180)
```
#b4316d
```
#b4316d rgb(180,49,109)
```
#31b436
```
#31b436 rgb(49,180,54)
```

Split Complementary Color

#316db4
```
#316db4 rgb(49,109,180)
```
#b4316d
```
#b4316d rgb(180,49,109)
```
#6db431
```
#6db431 rgb(109,180,49)
```

Triadic Color

#7831b4
```
#7831b4 rgb(120,49,180)
```
#b4316d
```
#b4316d rgb(180,49,109)
```
#6db431
```
#6db431 rgb(109,180,49)
```
#31b478
```
#31b478 rgb(49,180,120)
```

Tetradic Color

#782149
```
#782149 rgb(120,33,73)
```
#8c2655
```
#8c2655 rgb(140,38,85)
```
#a02c61
```
#a02c61 rgb(160,44,97)
```
#b4316d
```
#b4316d rgb(180,49,109)
```
#c83679
```
#c83679 rgb(200,54,121)
```
#ce4a86
```
#ce4a86 rgb(206,74,134)
```
#d35e94
```
#d35e94 rgb(211,94,148)
```

Monochromatic Color

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

#b4318e
```
#b4318e rgb(180,49,142)
```
#b43183
```
#b43183 rgb(180,49,131)
```
#b43178
```
#b43178 rgb(180,49,120)
```
#b4316d
```
#b4316d rgb(180,49,109)
```
#b43162
```
#b43162 rgb(180,49,98)
```
#b43157
```
#b43157 rgb(180,49,87)
```
#b4314c
```
#b4314c rgb(180,49,76)
```

Similar Colors

Text with hexadecimal color #b4316d

This text has a font color of #b4316d.

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

#b4316d background color

This paragraph has a background color of #b4316d.

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

#b4316d border color

This element has a border color of #b4316d.

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

CSS codes

.text {color:#b4316d;}

.background {background-color:#b4316d;}

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

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

#0a0306
```
#0a0306 rgb(10,3,6)
```
#1a0710
```
#1a0710 rgb(26,7,16)
```
#290b19
```
#290b19 rgb(41,11,25)
```
#390f22
```
#390f22 rgb(57,15,34)
```
#48142c
```
#48142c rgb(72,20,44)
```
#571835
```
#571835 rgb(87,24,53)
```
#671c3e
```
#671c3e rgb(103,28,62)
```
#762048
```
#762048 rgb(118,32,72)
```
#862451
```
#862451 rgb(134,36,81)
```
#95295a
```
#95295a rgb(149,41,90)
```
#a52d64
```
#a52d64 rgb(165,45,100)
```
#b4316d
```
#b4316d rgb(180,49,109)
```
#c33576
```
#c33576 rgb(195,53,118)
```

Shade Color Variation

#cb4180
```
#cb4180 rgb(203,65,128)
```
#cf508b
```
#cf508b rgb(207,80,139)
```
#d46095
```
#d46095 rgb(212,96,149)
```
#d86f9f
```
#d86f9f rgb(216,111,159)
```
#dc7fa9
```
#dc7fa9 rgb(220,127,169)
```
#e08eb4
```
#e08eb4 rgb(224,142,180)
```
#e49dbe
```
#e49dbe rgb(228,157,190)
```
#e9adc8
```
#e9adc8 rgb(233,173,200)
```
#edbcd3
```
#edbcd3 rgb(237,188,211)
```
#f1ccdd
```
#f1ccdd rgb(241,204,221)
```
#f5dbe7
```
#f5dbe7 rgb(245,219,231)
```
#f9ebf1
```
#f9ebf1 rgb(249,235,241)
```
#fefafc
```
#fefafc rgb(254,250,252)
```

Tint Color Variation

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

#766f72
```
#766f72 rgb(118,111,114)
```
#7f6671
```
#7f6671 rgb(127,102,113)
```
#885d71
```
#885d71 rgb(136,93,113)
```
#915470
```
#915470 rgb(145,84,112)
```
#9a4b6f
```
#9a4b6f rgb(154,75,111)
```
#a2436e
```
#a2436e rgb(162,67,110)
```
#ab3a6e
```
#ab3a6e rgb(171,58,110)
```
#b4316d
```
#b4316d rgb(180,49,109)
```
#bd286c
```
#bd286c rgb(189,40,108)
```
#c61f6c
```
#c61f6c rgb(198,31,108)
```
#ce176b
```
#ce176b rgb(206,23,107)
```
#d70e6a
```
#d70e6a rgb(215,14,106)
```
#e00569
```
#e00569 rgb(224,5,105)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#705662 Atypical Achromatopsia 0.001% of the population

Dichromacy

#626b8e Protanopia 1% of men
#77696b Deuteranopia 1% of men
#b4464a Tritanopia 0.001% of the population

Trichromacy

#805682 Protanomaly 1% of men, 0.01% of women
#8d556b Deuteranomaly 6% of men, 0.4% of women
#b43e57 Tritanomaly 0.01% of the population

#b4316d hex color

#b4316d Color Information

#b4316d Color Conversion

Color Schemes with #b4316d

Alternatives to #b4316d

#b4316d Preview

Shades and Tints of #b4316d

Tones of #b4316d

Color Blindness Simulator