#b3304d hex color

In a RGB color space, hex #b3304d is composed of 70.2% red, 18.8% green and 30.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 73.2% magenta, 57% yellow and 29.8% black. It has a hue angle of 346.7 degrees, a saturation of 57.7% and a lightness of 44.5%. #b3304d color hex could be obtained by blending #ff609a with #670000. Closest websafe color is: #cc3366.

♥
- f
- t
- g
- R 70
- G 19
- B 30
RGB color chart
- C 0
- M 73
- Y 57
- K 30
CMYK color chart

● #b3304d color description : Moderate red.

The hexadecimal color #b3304d has RGB values of R:179, G:48, B:77 and CMYK values of C:0, M:0.73, Y:0.57, K:0.3. Its decimal value is 11743309.

Hex triplet	b3304d	`#b3304d`
RGB Decimal	179, 48, 77	`rgb(179,48,77)`
RGB Percent	70.2, 18.8, 30.2	`rgb(70.2%,18.8%,30.2%)`
CMYK	0, 73, 57, 30
HSL	346.7°, 57.7, 44.5	`hsl(346.7,57.7%,44.5%)`
HSV (or HSB)	346.7°, 73.2, 70.2
Web Safe	cc3366	`#cc3366`

CIE-LAB	41.588, 53.987, 14.566
XYZ	20.988, 12.236, 8.277
xyY	0.506, 0.295, 12.236
CIE-LCH	41.588, 55.917, 15.099
CIE-LUV	41.588, 90.931, 6.379
Hunter-Lab	34.98, 45.885, 10.456
Binary	10110011, 00110000, 01001101

#b3304d
```
#b3304d rgb(179,48,77)
```
#30b396
```
#30b396 rgb(48,179,150)
```

Complementary Color

#b3308f
```
#b3308f rgb(179,48,143)
```
#b3304d
```
#b3304d rgb(179,48,77)
```
#b35530
```
#b35530 rgb(179,85,48)
```

Analogous Color

#308fb3
```
#308fb3 rgb(48,143,179)
```
#b3304d
```
#b3304d rgb(179,48,77)
```
#30b355
```
#30b355 rgb(48,179,85)
```

Split Complementary Color

#304db3
```
#304db3 rgb(48,77,179)
```
#b3304d
```
#b3304d rgb(179,48,77)
```
#4db330
```
#4db330 rgb(77,179,48)
```

Triadic Color

#9630b3
```
#9630b3 rgb(150,48,179)
```
#b3304d
```
#b3304d rgb(179,48,77)
```
#4db330
```
#4db330 rgb(77,179,48)
```
#30b396
```
#30b396 rgb(48,179,150)
```

Tetradic Color

#772033
```
#772033 rgb(119,32,51)
```
#8b253c
```
#8b253c rgb(139,37,60)
```
#9f2b44
```
#9f2b44 rgb(159,43,68)
```
#b3304d
```
#b3304d rgb(179,48,77)
```
#c73556
```
#c73556 rgb(199,53,86)
```
#ce4866
```
#ce4866 rgb(206,72,102)
```
#d35c77
```
#d35c77 rgb(211,92,119)
```

Monochromatic Color

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

#b3306e
```
#b3306e rgb(179,48,110)
```
#b33063
```
#b33063 rgb(179,48,99)
```
#b33058
```
#b33058 rgb(179,48,88)
```
#b3304d
```
#b3304d rgb(179,48,77)
```
#b33042
```
#b33042 rgb(179,48,66)
```
#b33037
```
#b33037 rgb(179,48,55)
```
#b33430
```
#b33430 rgb(179,52,48)
```

Similar Colors

Text with hexadecimal color #b3304d

This text has a font color of #b3304d.

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

#b3304d background color

This paragraph has a background color of #b3304d.

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

#b3304d border color

This element has a border color of #b3304d.

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

CSS codes

.text {color:#b3304d;}

.background {background-color:#b3304d;}

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

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, #090204 is the darkest color, while #fdf8f9 is the lightest one.

#090204
```
#090204 rgb(9,2,4)
```
#18070a
```
#18070a rgb(24,7,10)
```
#280b11
```
#280b11 rgb(40,11,17)
```
#370f18
```
#370f18 rgb(55,15,24)
```
#47131e
```
#47131e rgb(71,19,30)
```
#561725
```
#561725 rgb(86,23,37)
```
#661b2c
```
#661b2c rgb(102,27,44)
```
#751f32
```
#751f32 rgb(117,31,50)
```
#852439
```
#852439 rgb(133,36,57)
```
#942840
```
#942840 rgb(148,40,64)
```
#a42c46
```
#a42c46 rgb(164,44,70)
```
#b3304d
```
#b3304d rgb(179,48,77)
```
#c23454
```
#c23454 rgb(194,52,84)
```

Shade Color Variation

#cb3f5e
```
#cb3f5e rgb(203,63,94)
```
#d04e6b
```
#d04e6b rgb(208,78,107)
```
#d45e78
```
#d45e78 rgb(212,94,120)
```
#d86d85
```
#d86d85 rgb(216,109,133)
```
#dc7d92
```
#dc7d92 rgb(220,125,146)
```
#e08c9f
```
#e08c9f rgb(224,140,159)
```
#e49cac
```
#e49cac rgb(228,156,172)
```
#e8abb9
```
#e8abb9 rgb(232,171,185)
```
#edbbc6
```
#edbbc6 rgb(237,187,198)
```
#f1cad3
```
#f1cad3 rgb(241,202,211)
```
#f5d9e0
```
#f5d9e0 rgb(245,217,224)
```
#f9e9ec
```
#f9e9ec rgb(249,233,236)
```
#fdf8f9
```
#fdf8f9 rgb(253,248,249)
```

Tint Color Variation

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

#766d6f
```
#766d6f rgb(118,109,111)
```
#7f646a
```
#7f646a rgb(127,100,106)
```
#875c65
```
#875c65 rgb(135,92,101)
```
#905360
```
#905360 rgb(144,83,96)
```
#994a5c
```
#994a5c rgb(153,74,92)
```
#a24157
```
#a24157 rgb(162,65,87)
```
#aa3952
```
#aa3952 rgb(170,57,82)
```
#b3304d
```
#b3304d rgb(179,48,77)
```
#bc2748
```
#bc2748 rgb(188,39,72)
```
#c41f43
```
#c41f43 rgb(196,31,67)
```
#cd163e
```
#cd163e rgb(205,22,62)
```
#d60d3a
```
#d60d3a rgb(214,13,58)
```
#df0435
```
#df0435 rgb(223,4,53)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#6c5257 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6b696a Protanopia 1% of men
#7d664d Deuteranopia 1% of men
#b53f42 Tritanopia 0.001% of the population

Trichromacy

#85545f Protanomaly 1% of men, 0.01% of women
#90524d Deuteranomaly 6% of men, 0.4% of women
#b43946 Tritanomaly 0.01% of the population

#b3304d hex color

#b3304d Color Information

#b3304d Color Conversion

Color Schemes with #b3304d

Alternatives to #b3304d

#b3304d Preview

Shades and Tints of #b3304d

Tones of #b3304d

Color Blindness Simulator