#b4457a hex color

In a RGB color space, hex #b4457a is composed of 70.6% red, 27.1% green and 47.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 61.7% magenta, 32.2% yellow and 29.4% black. It has a hue angle of 331.4 degrees, a saturation of 44.6% and a lightness of 48.8%. #b4457a color hex could be obtained by blending #ff8af4 with #690000. Closest websafe color is: #cc3366.

♥
- f
- t
- g
- R 71
- G 27
- B 48
RGB color chart
- C 0
- M 62
- Y 32
- K 29
CMYK color chart

● #b4457a color description : Moderate pink.

The hexadecimal color #b4457a has RGB values of R:180, G:69, B:122 and CMYK values of C:0, M:0.62, Y:0.32, K:0.29. Its decimal value is 11814266.

Hex triplet	b4457a	`#b4457a`
RGB Decimal	180, 69, 122	`rgb(180,69,122)`
RGB Percent	70.6, 27.1, 47.8	`rgb(70.6%,27.1%,47.8%)`
CMYK	0, 62, 32, 29
HSL	331.4°, 44.6, 48.8	`hsl(331.4,44.6%,48.8%)`
HSV (or HSB)	331.4°, 61.7, 70.6
Web Safe	cc3366	`#cc3366`

CIE-LAB	46.132, 50.239, -6.733
XYZ	24.464, 15.367, 20.089
xyY	0.408, 0.256, 15.367
CIE-LCH	46.132, 50.689, 352.367
CIE-LUV	46.132, 67.518, -17.758
Hunter-Lab	39.2, 42.795, -2.944
Binary	10110100, 01000101, 01111010

#b4457a
```
#b4457a rgb(180,69,122)
```
#45b47f
```
#45b47f rgb(69,180,127)
```

Complementary Color

#b445b2
```
#b445b2 rgb(180,69,178)
```
#b4457a
```
#b4457a rgb(180,69,122)
```
#b44845
```
#b44845 rgb(180,72,69)
```

Analogous Color

#45b2b4
```
#45b2b4 rgb(69,178,180)
```
#b4457a
```
#b4457a rgb(180,69,122)
```
#45b448
```
#45b448 rgb(69,180,72)
```

Split Complementary Color

#457ab4
```
#457ab4 rgb(69,122,180)
```
#b4457a
```
#b4457a rgb(180,69,122)
```
#7ab445
```
#7ab445 rgb(122,180,69)
```

Triadic Color

#7f45b4
```
#7f45b4 rgb(127,69,180)
```
#b4457a
```
#b4457a rgb(180,69,122)
```
#7ab445
```
#7ab445 rgb(122,180,69)
```
#45b47f
```
#45b47f rgb(69,180,127)
```

Tetradic Color

#7d3055
```
#7d3055 rgb(125,48,85)
```
#8f3761
```
#8f3761 rgb(143,55,97)
```
#a23e6e
```
#a23e6e rgb(162,62,110)
```
#b4457a
```
#b4457a rgb(180,69,122)
```
#be5587
```
#be5587 rgb(190,85,135)
```
#c56794
```
#c56794 rgb(197,103,148)
```
#cc7aa1
```
#cc7aa1 rgb(204,122,161)
```

Monochromatic Color

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

#b44596
```
#b44596 rgb(180,69,150)
```
#b4458d
```
#b4458d rgb(180,69,141)
```
#b44583
```
#b44583 rgb(180,69,131)
```
#b4457a
```
#b4457a rgb(180,69,122)
```
#b44571
```
#b44571 rgb(180,69,113)
```
#b44568
```
#b44568 rgb(180,69,104)
```
#b4455e
```
#b4455e rgb(180,69,94)
```

Similar Colors

Text with hexadecimal color #b4457a

This text has a font color of #b4457a.

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

#b4457a background color

This paragraph has a background color of #b4457a.

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

#b4457a border color

This element has a border color of #b4457a.

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

CSS codes

.text {color:#b4457a;}

.background {background-color:#b4457a;}

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

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

#0a0407
```
#0a0407 rgb(10,4,7)
```
#180910
```
#180910 rgb(24,9,16)
```
#260f1a
```
#260f1a rgb(38,15,26)
```
#341424
```
#341424 rgb(52,20,36)
```
#431a2d
```
#431a2d rgb(67,26,45)
```
#511f37
```
#511f37 rgb(81,31,55)
```
#5f2440
```
#5f2440 rgb(95,36,64)
```
#6d2a4a
```
#6d2a4a rgb(109,42,74)
```
#7b2f54
```
#7b2f54 rgb(123,47,84)
```
#89355d
```
#89355d rgb(137,53,93)
```
#983a67
```
#983a67 rgb(152,58,103)
```
#a64070
```
#a64070 rgb(166,64,112)
```
#b4457a
```
#b4457a rgb(180,69,122)
```

Shade Color Variation

#bc5184
```
#bc5184 rgb(188,81,132)
```
#c25f8e
```
#c25f8e rgb(194,95,142)
```
#c76d98
```
#c76d98 rgb(199,109,152)
```
#cc7ba2
```
#cc7ba2 rgb(204,123,162)
```
#d289ac
```
#d289ac rgb(210,137,172)
```
#d797b6
```
#d797b6 rgb(215,151,182)
```
#dda6c0
```
#dda6c0 rgb(221,166,192)
```
#e2b4ca
```
#e2b4ca rgb(226,180,202)
```
#e8c2d4
```
#e8c2d4 rgb(232,194,212)
```
#edd0de
```
#edd0de rgb(237,208,222)
```
#f2dee8
```
#f2dee8 rgb(242,222,232)
```
#f8ecf2
```
#f8ecf2 rgb(248,236,242)
```
#fdfbfc
```
#fdfbfc rgb(253,251,252)
```

Tint Color Variation

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

#84757c
```
#84757c rgb(132,117,124)
```
#8e6b7c
```
#8e6b7c rgb(142,107,124)
```
#97627b
```
#97627b rgb(151,98,123)
```
#a1587b
```
#a1587b rgb(161,88,123)
```
#aa4f7a
```
#aa4f7a rgb(170,79,122)
```
#b4457a
```
#b4457a rgb(180,69,122)
```
#be3b7a
```
#be3b7a rgb(190,59,122)
```
#c73279
```
#c73279 rgb(199,50,121)
```
#d12879
```
#d12879 rgb(209,40,121)
```
#da1f78
```
#da1f78 rgb(218,31,120)
```
#e41578
```
#e41578 rgb(228,21,120)
```
#ed0c77
```
#ed0c77 rgb(237,12,119)
```
#f70277
```
#f70277 rgb(247,2,119)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#7a646f Atypical Achromatopsia 0.001% of the population

Dichromacy

#6a7396 Protanopia 1% of men
#7d7178 Deuteranopia 1% of men
#b4575c Tritanopia 0.001% of the population

Trichromacy

#85628b Protanomaly 1% of men, 0.01% of women
#916179 Deuteranomaly 6% of men, 0.4% of women
#b45067 Tritanomaly 0.01% of the population

#b4457a hex color

#b4457a Color Information

#b4457a Color Conversion

Color Schemes with #b4457a

Alternatives to #b4457a

#b4457a Preview

Shades and Tints of #b4457a

Tones of #b4457a

Color Blindness Simulator