#b4318a hex color

In a RGB color space, hex #b4318a is composed of 70.6% red, 19.2% green and 54.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 72.8% magenta, 23.3% yellow and 29.4% black. It has a hue angle of 319.2 degrees, a saturation of 57.2% and a lightness of 44.9%. #b4318a color hex could be obtained by blending #ff62ff with #690015. Closest websafe color is: #cc3399.

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

● #b4318a color description : Moderate pink.

The hexadecimal color #b4318a has RGB values of R:180, G:49, B:138 and CMYK values of C:0, M:0.73, Y:0.23, K:0.29. Its decimal value is 11809162.

Hex triplet	b4318a	`#b4318a`
RGB Decimal	180, 49, 138	`rgb(180,49,138)`
RGB Percent	70.6, 19.2, 54.1	`rgb(70.6%,19.2%,54.1%)`
CMYK	0, 73, 23, 29
HSL	319.2°, 57.2, 44.9	`hsl(319.2,57.2%,44.9%)`
HSV (or HSB)	319.2°, 72.8, 70.6
Web Safe	cc3399	`#cc3399`

CIE-LAB	43.853, 60.256, -19.929
XYZ	24.508, 13.737, 25.404
xyY	0.385, 0.216, 13.737
CIE-LCH	43.853, 63.467, 341.699
CIE-LUV	43.853, 69.392, -37.244
Hunter-Lab	37.063, 53.173, -14.694
Binary	10110100, 00110001, 10001010

#b4318a
```
#b4318a rgb(180,49,138)
```
#31b45b
```
#31b45b rgb(49,180,91)
```

Complementary Color

#9d31b4
```
#9d31b4 rgb(157,49,180)
```
#b4318a
```
#b4318a rgb(180,49,138)
```
#b43149
```
#b43149 rgb(180,49,73)
```

Analogous Color

#31b49d
```
#31b49d rgb(49,180,157)
```
#b4318a
```
#b4318a rgb(180,49,138)
```
#49b431
```
#49b431 rgb(73,180,49)
```

Split Complementary Color

#318ab4
```
#318ab4 rgb(49,138,180)
```
#b4318a
```
#b4318a rgb(180,49,138)
```
#8ab431
```
#8ab431 rgb(138,180,49)
```

Triadic Color

#5b31b4
```
#5b31b4 rgb(91,49,180)
```
#b4318a
```
#b4318a rgb(180,49,138)
```
#8ab431
```
#8ab431 rgb(138,180,49)
```
#31b45b
```
#31b45b rgb(49,180,91)
```

Tetradic Color

#78215c
```
#78215c rgb(120,33,92)
```
#8c266b
```
#8c266b rgb(140,38,107)
```
#a02c7b
```
#a02c7b rgb(160,44,123)
```
#b4318a
```
#b4318a rgb(180,49,138)
```
#c83699
```
#c83699 rgb(200,54,153)
```
#ce4aa4
```
#ce4aa4 rgb(206,74,164)
```
#d35eae
```
#d35eae rgb(211,94,174)
```

Monochromatic Color

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

#b431ab
```
#b431ab rgb(180,49,171)
```
#b431a0
```
#b431a0 rgb(180,49,160)
```
#b43195
```
#b43195 rgb(180,49,149)
```
#b4318a
```
#b4318a rgb(180,49,138)
```
#b4317f
```
#b4317f rgb(180,49,127)
```
#b43174
```
#b43174 rgb(180,49,116)
```
#b43169
```
#b43169 rgb(180,49,105)
```

Similar Colors

Text with hexadecimal color #b4318a

This text has a font color of #b4318a.

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

#b4318a background color

This paragraph has a background color of #b4318a.

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

#b4318a border color

This element has a border color of #b4318a.

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

CSS codes

.text {color:#b4318a;}

.background {background-color:#b4318a;}

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

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

#0a0308
```
#0a0308 rgb(10,3,8)
```
#1a0714
```
#1a0714 rgb(26,7,20)
```
#290b20
```
#290b20 rgb(41,11,32)
```
#390f2b
```
#390f2b rgb(57,15,43)
```
#481437
```
#481437 rgb(72,20,55)
```
#571843
```
#571843 rgb(87,24,67)
```
#671c4f
```
#671c4f rgb(103,28,79)
```
#76205b
```
#76205b rgb(118,32,91)
```
#862467
```
#862467 rgb(134,36,103)
```
#952972
```
#952972 rgb(149,41,114)
```
#a52d7e
```
#a52d7e rgb(165,45,126)
```
#b4318a
```
#b4318a rgb(180,49,138)
```
#c33596
```
#c33596 rgb(195,53,150)
```

Shade Color Variation

#cb419f
```
#cb419f rgb(203,65,159)
```
#cf50a7
```
#cf50a7 rgb(207,80,167)
```
#d460af
```
#d460af rgb(212,96,175)
```
#d86fb6
```
#d86fb6 rgb(216,111,182)
```
#dc7fbe
```
#dc7fbe rgb(220,127,190)
```
#e08ec6
```
#e08ec6 rgb(224,142,198)
```
#e49dce
```
#e49dce rgb(228,157,206)
```
#e9add5
```
#e9add5 rgb(233,173,213)
```
#edbcdd
```
#edbcdd rgb(237,188,221)
```
#f1cce5
```
#f1cce5 rgb(241,204,229)
```
#f5dbed
```
#f5dbed rgb(245,219,237)
```
#f9ebf5
```
#f9ebf5 rgb(249,235,245)
```
#fefafc
```
#fefafc rgb(254,250,252)
```

Tint Color Variation

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

#766f74
```
#766f74 rgb(118,111,116)
```
#7f6677
```
#7f6677 rgb(127,102,119)
```
#885d7a
```
#885d7a rgb(136,93,122)
```
#91547d
```
#91547d rgb(145,84,125)
```
#9a4b81
```
#9a4b81 rgb(154,75,129)
```
#a24384
```
#a24384 rgb(162,67,132)
```
#ab3a87
```
#ab3a87 rgb(171,58,135)
```
#b4318a
```
#b4318a rgb(180,49,138)
```
#bd288d
```
#bd288d rgb(189,40,141)
```
#c61f90
```
#c61f90 rgb(198,31,144)
```
#ce1793
```
#ce1793 rgb(206,23,147)
```
#d70e97
```
#d70e97 rgb(215,14,151)
```
#e0059a
```
#e0059a rgb(224,5,154)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#72586a Atypical Achromatopsia 0.001% of the population

Dichromacy

#516db0 Protanopia 1% of men
#6e6d84 Deuteranopia 1% of men
#b24e53 Tritanopia 0.001% of the population

Trichromacy

#7557a2 Protanomaly 1% of men, 0.01% of women
#875786 Deuteranomaly 6% of men, 0.4% of women
#b24367 Tritanomaly 0.01% of the population

#b4318a hex color

#b4318a Color Information

#b4318a Color Conversion

Color Schemes with #b4318a

Alternatives to #b4318a

#b4318a Preview

Shades and Tints of #b4318a

Tones of #b4318a

Color Blindness Simulator