#b4334d hex color

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

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

● #b4334d color description : Moderate red.

The hexadecimal color #b4334d has RGB values of R:180, G:51, B:77 and CMYK values of C:0, M:0.72, Y:0.57, K:0.29. Its decimal value is 11809613.

Hex triplet	b4334d	`#b4334d`
RGB Decimal	180, 51, 77	`rgb(180,51,77)`
RGB Percent	70.6, 20, 30.2	`rgb(70.6%,20%,30.2%)`
CMYK	0, 72, 57, 29
HSL	347.9°, 55.8, 45.3	`hsl(347.9,55.8%,45.3%)`
HSV (or HSB)	347.9°, 71.7, 70.6
Web Safe	cc3366	`#cc3366`

CIE-LAB	42.168, 53.2, 15.385
XYZ	21.347, 12.609, 8.331
xyY	0.505, 0.298, 12.609
CIE-LCH	42.168, 55.38, 16.129
CIE-LUV	42.168, 90.327, 7.451
Hunter-Lab	35.509, 45.165, 10.947
Binary	10110100, 00110011, 01001101

#b4334d
```
#b4334d rgb(180,51,77)
```
#33b49a
```
#33b49a rgb(51,180,154)
```

Complementary Color

#b4338e
```
#b4338e rgb(180,51,142)
```
#b4334d
```
#b4334d rgb(180,51,77)
```
#b45933
```
#b45933 rgb(180,89,51)
```

Analogous Color

#338eb4
```
#338eb4 rgb(51,142,180)
```
#b4334d
```
#b4334d rgb(180,51,77)
```
#33b459
```
#33b459 rgb(51,180,89)
```

Split Complementary Color

#334db4
```
#334db4 rgb(51,77,180)
```
#b4334d
```
#b4334d rgb(180,51,77)
```
#4db433
```
#4db433 rgb(77,180,51)
```

Triadic Color

#9a33b4
```
#9a33b4 rgb(154,51,180)
```
#b4334d
```
#b4334d rgb(180,51,77)
```
#4db433
```
#4db433 rgb(77,180,51)
```
#33b49a
```
#33b49a rgb(51,180,154)
```

Tetradic Color

#782234
```
#782234 rgb(120,34,52)
```
#8c283c
```
#8c283c rgb(140,40,60)
```
#a02d45
```
#a02d45 rgb(160,45,69)
```
#b4334d
```
#b4334d rgb(180,51,77)
```
#c73956
```
#c73956 rgb(199,57,86)
```
#cd4d67
```
#cd4d67 rgb(205,77,103)
```
#d26178
```
#d26178 rgb(210,97,120)
```

Monochromatic Color

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

#b4336d
```
#b4336d rgb(180,51,109)
```
#b43363
```
#b43363 rgb(180,51,99)
```
#b43358
```
#b43358 rgb(180,51,88)
```
#b4334d
```
#b4334d rgb(180,51,77)
```
#b43342
```
#b43342 rgb(180,51,66)
```
#b43338
```
#b43338 rgb(180,51,56)
```
#b43933
```
#b43933 rgb(180,57,51)
```

Similar Colors

Text with hexadecimal color #b4334d

This text has a font color of #b4334d.

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

#b4334d background color

This paragraph has a background color of #b4334d.

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

#b4334d border color

This element has a border color of #b4334d.

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

CSS codes

.text {color:#b4334d;}

.background {background-color:#b4334d;}

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

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

#0c0305
```
#0c0305 rgb(12,3,5)
```
#1b080c
```
#1b080c rgb(27,8,12)
```
#2a0c12
```
#2a0c12 rgb(42,12,18)
```
#3a1019
```
#3a1019 rgb(58,16,25)
```
#49151f
```
#49151f rgb(73,21,31)
```
#581926
```
#581926 rgb(88,25,38)
```
#681d2c
```
#681d2c rgb(104,29,44)
```
#772233
```
#772233 rgb(119,34,51)
```
#862639
```
#862639 rgb(134,38,57)
```
#952a40
```
#952a40 rgb(149,42,64)
```
#a52f46
```
#a52f46 rgb(165,47,70)
```
#b4334d
```
#b4334d rgb(180,51,77)
```
#c33754
```
#c33754 rgb(195,55,84)
```

Shade Color Variation

#ca445f
```
#ca445f rgb(202,68,95)
```
#ce536c
```
#ce536c rgb(206,83,108)
```
#d36379
```
#d36379 rgb(211,99,121)
```
#d77286
```
#d77286 rgb(215,114,134)
```
#db8193
```
#db8193 rgb(219,129,147)
```
#e091a1
```
#e091a1 rgb(224,145,161)
```
#e4a0ae
```
#e4a0ae rgb(228,160,174)
```
#e8afbb
```
#e8afbb rgb(232,175,187)
```
#edbec8
```
#edbec8 rgb(237,190,200)
```
#f1ced5
```
#f1ced5 rgb(241,206,213)
```
#f5dde2
```
#f5dde2 rgb(245,221,226)
```
#faecef
```
#faecef rgb(250,236,239)
```
#fefcfc
```
#fefcfc rgb(254,252,252)
```

Tint Color Variation

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

#767172
```
#767172 rgb(118,113,114)
```
#7f686d
```
#7f686d rgb(127,104,109)
```
#885f68
```
#885f68 rgb(136,95,104)
```
#905762
```
#905762 rgb(144,87,98)
```
#994e5d
```
#994e5d rgb(153,78,93)
```
#a24558
```
#a24558 rgb(162,69,88)
```
#ab3c52
```
#ab3c52 rgb(171,60,82)
```
#b4334d
```
#b4334d rgb(180,51,77)
```
#bd2a48
```
#bd2a48 rgb(189,42,72)
```
#c62142
```
#c62142 rgb(198,33,66)
```
#cf183d
```
#cf183d rgb(207,24,61)
```
#d80f38
```
#d80f38 rgb(216,15,56)
```
#e00732
```
#e00732 rgb(224,7,50)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#6e555a Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d6b69 Protanopia 1% of men
#7f674d Deuteranopia 1% of men
#b64144 Tritanopia 0.001% of the population

Trichromacy

#87565f Protanomaly 1% of men, 0.01% of women
#92544d Deuteranomaly 6% of men, 0.4% of women
#b53c47 Tritanomaly 0.01% of the population

#b4334d hex color

#b4334d Color Information

#b4334d Color Conversion

Color Schemes with #b4334d

Alternatives to #b4334d

#b4334d Preview

Shades and Tints of #b4334d

Tones of #b4334d

Color Blindness Simulator