#b4335d hex color

In a RGB color space, hex #b4335d is composed of 70.6% red, 20% green and 36.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 71.7% magenta, 48.3% yellow and 29.4% black. It has a hue angle of 340.5 degrees, a saturation of 55.8% and a lightness of 45.3%. #b4335d color hex could be obtained by blending #ff66ba with #690000. Closest websafe color is: #cc3366.

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

● #b4335d color description : Moderate pink.

The hexadecimal color #b4335d has RGB values of R:180, G:51, B:93 and CMYK values of C:0, M:0.72, Y:0.48, K:0.29. Its decimal value is 11809629.

Hex triplet	b4335d	`#b4335d`
RGB Decimal	180, 51, 93	`rgb(180,51,93)`
RGB Percent	70.6, 20, 36.5	`rgb(70.6%,20%,36.5%)`
CMYK	0, 72, 48, 29
HSL	340.5°, 55.8, 45.3	`hsl(340.5,55.8%,45.3%)`
HSV (or HSB)	340.5°, 71.7, 70.6
Web Safe	cc3366	`#cc3366`

CIE-LAB	42.557, 54.514, 5.929
XYZ	21.983, 12.864, 11.681
xyY	0.472, 0.276, 12.864
CIE-LCH	42.557, 54.835, 6.207
CIE-LUV	42.557, 85.151, -2.881
Hunter-Lab	35.866, 46.64, 5.797
Binary	10110100, 00110011, 01011101

#b4335d
```
#b4335d rgb(180,51,93)
```
#33b48a
```
#33b48a rgb(51,180,138)
```

Complementary Color

#b4339e
```
#b4339e rgb(180,51,158)
```
#b4335d
```
#b4335d rgb(180,51,93)
```
#b44a33
```
#b44a33 rgb(180,74,51)
```

Analogous Color

#339eb4
```
#339eb4 rgb(51,158,180)
```
#b4335d
```
#b4335d rgb(180,51,93)
```
#33b44a
```
#33b44a rgb(51,180,74)
```

Split Complementary Color

#335db4
```
#335db4 rgb(51,93,180)
```
#b4335d
```
#b4335d rgb(180,51,93)
```
#5db433
```
#5db433 rgb(93,180,51)
```

Triadic Color

#8a33b4
```
#8a33b4 rgb(138,51,180)
```
#b4335d
```
#b4335d rgb(180,51,93)
```
#5db433
```
#5db433 rgb(93,180,51)
```
#33b48a
```
#33b48a rgb(51,180,138)
```

Tetradic Color

#78223e
```
#78223e rgb(120,34,62)
```
#8c2848
```
#8c2848 rgb(140,40,72)
```
#a02d53
```
#a02d53 rgb(160,45,83)
```
#b4335d
```
#b4335d rgb(180,51,93)
```
#c73968
```
#c73968 rgb(199,57,104)
```
#cd4d77
```
#cd4d77 rgb(205,77,119)
```
#d26186
```
#d26186 rgb(210,97,134)
```

Monochromatic Color

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

#b4337d
```
#b4337d rgb(180,51,125)
```
#b43373
```
#b43373 rgb(180,51,115)
```
#b43368
```
#b43368 rgb(180,51,104)
```
#b4335d
```
#b4335d rgb(180,51,93)
```
#b43352
```
#b43352 rgb(180,51,82)
```
#b43347
```
#b43347 rgb(180,51,71)
```
#b4333d
```
#b4333d rgb(180,51,61)
```

Similar Colors

Text with hexadecimal color #b4335d

This text has a font color of #b4335d.

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

#b4335d background color

This paragraph has a background color of #b4335d.

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

#b4335d border color

This element has a border color of #b4335d.

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

CSS codes

.text {color:#b4335d;}

.background {background-color:#b4335d;}

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

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

#0c0306
```
#0c0306 rgb(12,3,6)
```
#1b080e
```
#1b080e rgb(27,8,14)
```
#2a0c16
```
#2a0c16 rgb(42,12,22)
```
#3a101e
```
#3a101e rgb(58,16,30)
```
#491526
```
#491526 rgb(73,21,38)
```
#58192e
```
#58192e rgb(88,25,46)
```
#681d36
```
#681d36 rgb(104,29,54)
```
#77223d
```
#77223d rgb(119,34,61)
```
#862645
```
#862645 rgb(134,38,69)
```
#952a4d
```
#952a4d rgb(149,42,77)
```
#a52f55
```
#a52f55 rgb(165,47,85)
```
#b4335d
```
#b4335d rgb(180,51,93)
```
#c33765
```
#c33765 rgb(195,55,101)
```

Shade Color Variation

#ca4470
```
#ca4470 rgb(202,68,112)
```
#ce537b
```
#ce537b rgb(206,83,123)
```
#d36387
```
#d36387 rgb(211,99,135)
```
#d77293
```
#d77293 rgb(215,114,147)
```
#db819f
```
#db819f rgb(219,129,159)
```
#e091aa
```
#e091aa rgb(224,145,170)
```
#e4a0b6
```
#e4a0b6 rgb(228,160,182)
```
#e8afc2
```
#e8afc2 rgb(232,175,194)
```
#edbece
```
#edbece rgb(237,190,206)
```
#f1ced9
```
#f1ced9 rgb(241,206,217)
```
#f5dde5
```
#f5dde5 rgb(245,221,229)
```
#faecf1
```
#faecf1 rgb(250,236,241)
```
#fefcfc
```
#fefcfc rgb(254,252,252)
```

Tint Color Variation

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

#767173
```
#767173 rgb(118,113,115)
```
#7f6870
```
#7f6870 rgb(127,104,112)
```
#885f6c
```
#885f6c rgb(136,95,108)
```
#905769
```
#905769 rgb(144,87,105)
```
#994e66
```
#994e66 rgb(153,78,102)
```
#a24563
```
#a24563 rgb(162,69,99)
```
#ab3c60
```
#ab3c60 rgb(171,60,96)
```
#b4335d
```
#b4335d rgb(180,51,93)
```
#bd2a5a
```
#bd2a5a rgb(189,42,90)
```
#c62157
```
#c62157 rgb(198,33,87)
```
#cf1854
```
#cf1854 rgb(207,24,84)
```
#d80f51
```
#d80f51 rgb(216,15,81)
```
#e0074e
```
#e0074e rgb(224,7,78)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#6f555e Atypical Achromatopsia 0.001% of the population

Dichromacy

#696b7b Protanopia 1% of men
#7c685c Deuteranopia 1% of men
#b64447 Tritanopia 0.001% of the population

Trichromacy

#845770 Protanomaly 1% of men, 0.01% of women
#90555c Deuteranomaly 6% of men, 0.4% of women
#b53e4f Tritanomaly 0.01% of the population

#b4335d hex color

#b4335d Color Information

#b4335d Color Conversion

Color Schemes with #b4335d

Alternatives to #b4335d

#b4335d Preview

Shades and Tints of #b4335d

Tones of #b4335d

Color Blindness Simulator