#b4377d hex color

In a RGB color space, hex #b4377d is composed of 70.6% red, 21.6% green and 49% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 69.4% magenta, 30.6% yellow and 29.4% black. It has a hue angle of 326.4 degrees, a saturation of 53.2% and a lightness of 46.1%. #b4377d color hex could be obtained by blending #ff6efa with #690000. Closest websafe color is: #cc3366.

♥
- f
- t
- g
- R 71
- G 22
- B 49
RGB color chart
- C 0
- M 69
- Y 31
- K 29
CMYK color chart

● #b4377d color description : Moderate pink.

The hexadecimal color #b4377d has RGB values of R:180, G:55, B:125 and CMYK values of C:0, M:0.69, Y:0.31, K:0.29. Its decimal value is 11810685.

Hex triplet	b4377d	`#b4377d`
RGB Decimal	180, 55, 125	`rgb(180,55,125)`
RGB Percent	70.6, 21.6, 49	`rgb(70.6%,21.6%,49%)`
CMYK	0, 69, 31, 29
HSL	326.4°, 53.2, 46.1	`hsl(326.4,53.2%,46.1%)`
HSV (or HSB)	326.4°, 69.4, 70.6
Web Safe	cc3366	`#cc3366`

CIE-LAB	44.116, 56.429, -11.592
XYZ	23.891, 13.918, 20.829
xyY	0.407, 0.237, 13.918
CIE-LCH	44.116, 57.607, 348.392
CIE-LUV	44.116, 72.221, -25.193
Hunter-Lab	37.307, 49.018, -6.987
Binary	10110100, 00110111, 01111101

#b4377d
```
#b4377d rgb(180,55,125)
```
#37b46e
```
#37b46e rgb(55,180,110)
```

Complementary Color

#ad37b4
```
#ad37b4 rgb(173,55,180)
```
#b4377d
```
#b4377d rgb(180,55,125)
```
#b4373f
```
#b4373f rgb(180,55,63)
```

Analogous Color

#37b4ad
```
#37b4ad rgb(55,180,173)
```
#b4377d
```
#b4377d rgb(180,55,125)
```
#3fb437
```
#3fb437 rgb(63,180,55)
```

Split Complementary Color

#377db4
```
#377db4 rgb(55,125,180)
```
#b4377d
```
#b4377d rgb(180,55,125)
```
#7db437
```
#7db437 rgb(125,180,55)
```

Triadic Color

#6e37b4
```
#6e37b4 rgb(110,55,180)
```
#b4377d
```
#b4377d rgb(180,55,125)
```
#7db437
```
#7db437 rgb(125,180,55)
```
#37b46e
```
#37b46e rgb(55,180,110)
```

Tetradic Color

#792554
```
#792554 rgb(121,37,84)
```
#8d2b62
```
#8d2b62 rgb(141,43,98)
```
#a0316f
```
#a0316f rgb(160,49,111)
```
#b4377d
```
#b4377d rgb(180,55,125)
```
#c5408a
```
#c5408a rgb(197,64,138)
```
#cb5396
```
#cb5396 rgb(203,83,150)
```
#d167a2
```
#d167a2 rgb(209,103,162)
```

Monochromatic Color

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

#b4379c
```
#b4379c rgb(180,55,156)
```
#b43792
```
#b43792 rgb(180,55,146)
```
#b43787
```
#b43787 rgb(180,55,135)
```
#b4377d
```
#b4377d rgb(180,55,125)
```
#b43773
```
#b43773 rgb(180,55,115)
```
#b43768
```
#b43768 rgb(180,55,104)
```
#b4375e
```
#b4375e rgb(180,55,94)
```

Similar Colors

Text with hexadecimal color #b4377d

This text has a font color of #b4377d.

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

#b4377d background color

This paragraph has a background color of #b4377d.

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

#b4377d border color

This element has a border color of #b4377d.

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

CSS codes

.text {color:#b4377d;}

.background {background-color:#b4377d;}

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

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

#0f050a
```
#0f050a rgb(15,5,10)
```
#1e0915
```
#1e0915 rgb(30,9,21)
```
#2d0e1f
```
#2d0e1f rgb(45,14,31)
```
#3c122a
```
#3c122a rgb(60,18,42)
```
#4b1734
```
#4b1734 rgb(75,23,52)
```
#5a1b3e
```
#5a1b3e rgb(90,27,62)
```
#692049
```
#692049 rgb(105,32,73)
```
#782553
```
#782553 rgb(120,37,83)
```
#87295e
```
#87295e rgb(135,41,94)
```
#962e68
```
#962e68 rgb(150,46,104)
```
#a53273
```
#a53273 rgb(165,50,115)
```
#b4377d
```
#b4377d rgb(180,55,125)
```
#c33c87
```
#c33c87 rgb(195,60,135)
```

Shade Color Variation

#c84a91
```
#c84a91 rgb(200,74,145)
```
#cc599a
```
#cc599a rgb(204,89,154)
```
#d168a3
```
#d168a3 rgb(209,104,163)
```
#d677ac
```
#d677ac rgb(214,119,172)
```
#da87b5
```
#da87b5 rgb(218,135,181)
```
#df96bf
```
#df96bf rgb(223,150,191)
```
#e3a5c8
```
#e3a5c8 rgb(227,165,200)
```
#e8b4d1
```
#e8b4d1 rgb(232,180,209)
```
#edc3da
```
#edc3da rgb(237,195,218)
```
#f1d2e3
```
#f1d2e3 rgb(241,210,227)
```
#f6e1ec
```
#f6e1ec rgb(246,225,236)
```
#faf0f6
```
#faf0f6 rgb(250,240,246)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#7e6d76
```
#7e6d76 rgb(126,109,118)
```
#876478
```
#876478 rgb(135,100,120)
```
#905b79
```
#905b79 rgb(144,91,121)
```
#99527a
```
#99527a rgb(153,82,122)
```
#a2497b
```
#a2497b rgb(162,73,123)
```
#ab407c
```
#ab407c rgb(171,64,124)
```
#b4377d
```
#b4377d rgb(180,55,125)
```
#bd2e7e
```
#bd2e7e rgb(189,46,126)
```
#c6257f
```
#c6257f rgb(198,37,127)
```
#cf1c80
```
#cf1c80 rgb(207,28,128)
```
#d81381
```
#d81381 rgb(216,19,129)
```
#e10a82
```
#e10a82 rgb(225,10,130)
```
#ea0184
```
#ea0184 rgb(234,1,132)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#745b69 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5e6e9e Protanopia 1% of men
#756d79 Deuteranopia 1% of men
#b34e53 Tritanopia 0.001% of the population

Trichromacy

#7d5a92 Protanomaly 1% of men, 0.01% of women
#8c597b Deuteranomaly 6% of men, 0.4% of women
#b34562 Tritanomaly 0.01% of the population

#b4377d hex color

#b4377d Color Information

#b4377d Color Conversion

Color Schemes with #b4377d

Alternatives to #b4377d

#b4377d Preview

Shades and Tints of #b4377d

Tones of #b4377d

Color Blindness Simulator