#b4345a hex color

In a RGB color space, hex #b4345a is composed of 70.6% red, 20.4% green and 35.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 71.1% magenta, 50% yellow and 29.4% black. It has a hue angle of 342.2 degrees, a saturation of 55.2% and a lightness of 45.5%. #b4345a color hex could be obtained by blending #ff68b4 with #690000. Closest websafe color is: #cc3366.

♥
- f
- t
- g
- R 71
- G 20
- B 35
RGB color chart
- C 0
- M 71
- Y 50
- K 29
CMYK color chart

● #b4345a color description : Moderate pink.

The hexadecimal color #b4345a has RGB values of R:180, G:52, B:90 and CMYK values of C:0, M:0.71, Y:0.5, K:0.29. Its decimal value is 11809882.

Hex triplet	b4345a	`#b4345a`
RGB Decimal	180, 52, 90	`rgb(180,52,90)`
RGB Percent	70.6, 20.4, 35.3	`rgb(70.6%,20.4%,35.3%)`
CMYK	0, 71, 50, 29
HSL	342.2°, 55.2, 45.5	`hsl(342.2,55.2%,45.5%)`
HSV (or HSB)	342.2°, 71.1, 70.6
Web Safe	cc3366	`#cc3366`

CIE-LAB	42.612, 53.876, 7.881
XYZ	21.897, 12.9, 11.009
xyY	0.478, 0.282, 12.9
CIE-LCH	42.612, 54.449, 8.322
CIE-LUV	42.612, 85.715, -0.55
Hunter-Lab	35.916, 45.97, 6.968
Binary	10110100, 00110100, 01011010

#b4345a
```
#b4345a rgb(180,52,90)
```
#34b48e
```
#34b48e rgb(52,180,142)
```

Complementary Color

#b4349a
```
#b4349a rgb(180,52,154)
```
#b4345a
```
#b4345a rgb(180,52,90)
```
#b44e34
```
#b44e34 rgb(180,78,52)
```

Analogous Color

#349ab4
```
#349ab4 rgb(52,154,180)
```
#b4345a
```
#b4345a rgb(180,52,90)
```
#34b44e
```
#34b44e rgb(52,180,78)
```

Split Complementary Color

#345ab4
```
#345ab4 rgb(52,90,180)
```
#b4345a
```
#b4345a rgb(180,52,90)
```
#5ab434
```
#5ab434 rgb(90,180,52)
```

Triadic Color

#8e34b4
```
#8e34b4 rgb(142,52,180)
```
#b4345a
```
#b4345a rgb(180,52,90)
```
#5ab434
```
#5ab434 rgb(90,180,52)
```
#34b48e
```
#34b48e rgb(52,180,142)
```

Tetradic Color

#79233c
```
#79233c rgb(121,35,60)
```
#8c2946
```
#8c2946 rgb(140,41,70)
```
#a02e50
```
#a02e50 rgb(160,46,80)
```
#b4345a
```
#b4345a rgb(180,52,90)
```
#c63b64
```
#c63b64 rgb(198,59,100)
```
#cc4f74
```
#cc4f74 rgb(204,79,116)
```
#d26384
```
#d26384 rgb(210,99,132)
```

Monochromatic Color

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

#b4347a
```
#b4347a rgb(180,52,122)
```
#b4346f
```
#b4346f rgb(180,52,111)
```
#b43465
```
#b43465 rgb(180,52,101)
```
#b4345a
```
#b4345a rgb(180,52,90)
```
#b4344f
```
#b4344f rgb(180,52,79)
```
#b43445
```
#b43445 rgb(180,52,69)
```
#b4343a
```
#b4343a rgb(180,52,58)
```

Similar Colors

Text with hexadecimal color #b4345a

This text has a font color of #b4345a.

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

#b4345a background color

This paragraph has a background color of #b4345a.

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

#b4345a border color

This element has a border color of #b4345a.

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

CSS codes

.text {color:#b4345a;}

.background {background-color:#b4345a;}

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

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

#0d0406
```
#0d0406 rgb(13,4,6)
```
#1c080e
```
#1c080e rgb(28,8,14)
```
#2b0c16
```
#2b0c16 rgb(43,12,22)
```
#3a111d
```
#3a111d rgb(58,17,29)
```
#491525
```
#491525 rgb(73,21,37)
```
#591a2c
```
#591a2c rgb(89,26,44)
```
#681e34
```
#681e34 rgb(104,30,52)
```
#77223c
```
#77223c rgb(119,34,60)
```
#862743
```
#862743 rgb(134,39,67)
```
#962b4b
```
#962b4b rgb(150,43,75)
```
#a53052
```
#a53052 rgb(165,48,82)
```
#b4345a
```
#b4345a rgb(180,52,90)
```
#c33862
```
#c33862 rgb(195,56,98)
```

Shade Color Variation

#c9466d
```
#c9466d rgb(201,70,109)
```
#ce5579
```
#ce5579 rgb(206,85,121)
```
#d26485
```
#d26485 rgb(210,100,133)
```
#d77391
```
#d77391 rgb(215,115,145)
```
#db839d
```
#db839d rgb(219,131,157)
```
#df92a9
```
#df92a9 rgb(223,146,169)
```
#e4a1b5
```
#e4a1b5 rgb(228,161,181)
```
#e8b0c1
```
#e8b0c1 rgb(232,176,193)
```
#edbfcd
```
#edbfcd rgb(237,191,205)
```
#f1cfd9
```
#f1cfd9 rgb(241,207,217)
```
#f5dee5
```
#f5dee5 rgb(245,222,229)
```
#faedf1
```
#faedf1 rgb(250,237,241)
```
#fefcfd
```
#fefcfd rgb(254,252,253)
```

Tint Color Variation

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

#767273
```
#767273 rgb(118,114,115)
```
#7e6a70
```
#7e6a70 rgb(126,106,112)
```
#87616c
```
#87616c rgb(135,97,108)
```
#905869
```
#905869 rgb(144,88,105)
```
#994f65
```
#994f65 rgb(153,79,101)
```
#a24661
```
#a24661 rgb(162,70,97)
```
#ab3d5e
```
#ab3d5e rgb(171,61,94)
```
#b4345a
```
#b4345a rgb(180,52,90)
```
#bd2b56
```
#bd2b56 rgb(189,43,86)
```
#c62253
```
#c62253 rgb(198,34,83)
```
#cf194f
```
#cf194f rgb(207,25,79)
```
#d8104c
```
#d8104c rgb(216,16,76)
```
#e10748
```
#e10748 rgb(225,7,72)
```

Tone Color Variation

Below, you can see how #b4345a 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
#70565e Atypical Achromatopsia 0.001% of the population

Dichromacy

#6a6b78 Protanopia 1% of men
#7d685a Deuteranopia 1% of men
#b64448 Tritanopia 0.001% of the population

Trichromacy

#85576d Protanomaly 1% of men, 0.01% of women
#91555a Deuteranomaly 6% of men, 0.4% of women
#b53e4e Tritanomaly 0.01% of the population

#b4345a hex color

#b4345a Color Information

#b4345a Color Conversion

Color Schemes with #b4345a

Alternatives to #b4345a

#b4345a Preview

Shades and Tints of #b4345a

Tones of #b4345a

Color Blindness Simulator