#b74057 hex color

In a RGB color space, hex #b74057 is composed of 71.8% red, 25.1% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 65% magenta, 52.5% yellow and 28.2% black. It has a hue angle of 348.4 degrees, a saturation of 48.2% and a lightness of 48.4%. #b74057 color hex could be obtained by blending #ff80ae with #6f0000. Closest websafe color is: #cc3366.

♥
- f
- t
- g
- R 72
- G 25
- B 34
RGB color chart
- C 0
- M 65
- Y 52
- K 28
CMYK color chart

● #b74057 color description : Moderate red.

The hexadecimal color #b74057 has RGB values of R:183, G:64, B:87 and CMYK values of C:0, M:0.65, Y:0.52, K:0.28. Its decimal value is 12009559.

Hex triplet	b74057	`#b74057`
RGB Decimal	183, 64, 87	`rgb(183,64,87)`
RGB Percent	71.8, 25.1, 34.1	`rgb(71.8%,25.1%,34.1%)`
CMYK	0, 65, 52, 28
HSL	348.4°, 48.2, 48.4	`hsl(348.4,48.2%,48.4%)`
HSV (or HSB)	348.4°, 65, 71.8
Web Safe	cc3366	`#cc3366`

CIE-LAB	44.836, 49.729, 12.927
XYZ	23.083, 14.424, 10.585
xyY	0.48, 0.3, 14.424
CIE-LCH	44.836, 51.382, 14.572
CIE-LUV	44.836, 83.121, 6.029
Hunter-Lab	37.98, 42.023, 10.061
Binary	10110111, 01000000, 01010111

#b74057
```
#b74057 rgb(183,64,87)
```
#40b7a0
```
#40b7a0 rgb(64,183,160)
```

Complementary Color

#b74093
```
#b74093 rgb(183,64,147)
```
#b74057
```
#b74057 rgb(183,64,87)
```
#b76540
```
#b76540 rgb(183,101,64)
```

Analogous Color

#4093b7
```
#4093b7 rgb(64,147,183)
```
#b74057
```
#b74057 rgb(183,64,87)
```
#40b765
```
#40b765 rgb(64,183,101)
```

Split Complementary Color

#4057b7
```
#4057b7 rgb(64,87,183)
```
#b74057
```
#b74057 rgb(183,64,87)
```
#57b740
```
#57b740 rgb(87,183,64)
```

Triadic Color

#a040b7
```
#a040b7 rgb(160,64,183)
```
#b74057
```
#b74057 rgb(183,64,87)
```
#57b740
```
#57b740 rgb(87,183,64)
```
#40b7a0
```
#40b7a0 rgb(64,183,160)
```

Tetradic Color

#7e2c3c
```
#7e2c3c rgb(126,44,60)
```
#913345
```
#913345 rgb(145,51,69)
```
#a4394e
```
#a4394e rgb(164,57,78)
```
#b74057
```
#b74057 rgb(183,64,87)
```
#c14f65
```
#c14f65 rgb(193,79,101)
```
#c86276
```
#c86276 rgb(200,98,118)
```
#cf7586
```
#cf7586 rgb(207,117,134)
```

Monochromatic Color

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

#b74075
```
#b74075 rgb(183,64,117)
```
#b7406b
```
#b7406b rgb(183,64,107)
```
#b74061
```
#b74061 rgb(183,64,97)
```
#b74057
```
#b74057 rgb(183,64,87)
```
#b7404d
```
#b7404d rgb(183,64,77)
```
#b74043
```
#b74043 rgb(183,64,67)
```
#b74740
```
#b74740 rgb(183,71,64)
```

Similar Colors

Text with hexadecimal color #b74057

This text has a font color of #b74057.

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

#b74057 background color

This paragraph has a background color of #b74057.

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

#b74057 border color

This element has a border color of #b74057.

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

CSS codes

.text {color:#b74057;}

.background {background-color:#b74057;}

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

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

#090304
```
#090304 rgb(9,3,4)
```
#17080b
```
#17080b rgb(23,8,11)
```
#260d12
```
#260d12 rgb(38,13,18)
```
#341219
```
#341219 rgb(52,18,25)
```
#431720
```
#431720 rgb(67,23,32)
```
#511c27
```
#511c27 rgb(81,28,39)
```
#60222e
```
#60222e rgb(96,34,46)
```
#6e2734
```
#6e2734 rgb(110,39,52)
```
#7d2c3b
```
#7d2c3b rgb(125,44,59)
```
#8b3142
```
#8b3142 rgb(139,49,66)
```
#9a3649
```
#9a3649 rgb(154,54,73)
```
#a83b50
```
#a83b50 rgb(168,59,80)
```
#b74057
```
#b74057 rgb(183,64,87)
```

Shade Color Variation

#c04b61
```
#c04b61 rgb(192,75,97)
```
#c5596e
```
#c5596e rgb(197,89,110)
```
#ca687b
```
#ca687b rgb(202,104,123)
```
#cf7687
```
#cf7687 rgb(207,118,135)
```
#d48594
```
#d48594 rgb(212,133,148)
```
#d993a1
```
#d993a1 rgb(217,147,161)
```
#dea2ae
```
#dea2ae rgb(222,162,174)
```
#e4b0ba
```
#e4b0ba rgb(228,176,186)
```
#e9bfc7
```
#e9bfc7 rgb(233,191,199)
```
#eecdd4
```
#eecdd4 rgb(238,205,212)
```
#f3dce0
```
#f3dce0 rgb(243,220,224)
```
#f8ebed
```
#f8ebed rgb(248,235,237)
```
#fdf9fa
```
#fdf9fa rgb(253,249,250)
```

Tint Color Variation

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

#7e797a
```
#7e797a rgb(126,121,122)
```
#887074
```
#887074 rgb(136,112,116)
```
#91666e
```
#91666e rgb(145,102,110)
```
#9b5d68
```
#9b5d68 rgb(155,93,104)
```
#a45363
```
#a45363 rgb(164,83,99)
```
#ae4a5d
```
#ae4a5d rgb(174,74,93)
```
#b74057
```
#b74057 rgb(183,64,87)
```
#c13751
```
#c13751 rgb(193,55,81)
```
#ca2d4b
```
#ca2d4b rgb(202,45,75)
```
#d42446
```
#d42446 rgb(212,36,70)
```
#dd1a40
```
#dd1a40 rgb(221,26,64)
```
#e7113a
```
#e7113a rgb(231,17,58)
```
#f00734
```
#f00734 rgb(240,7,52)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#765e63 Atypical Achromatopsia 0.001% of the population

Dichromacy

#737171 Protanopia 1% of men
#856d58 Deuteranopia 1% of men
#b94c51 Tritanopia 0.001% of the population

Trichromacy

#8c5f67 Protanomaly 1% of men, 0.01% of women
#975c57 Deuteranomaly 6% of men, 0.4% of women
#b84853 Tritanomaly 0.01% of the population

#b74057 hex color

#b74057 Color Information

#b74057 Color Conversion

Color Schemes with #b74057

Alternatives to #b74057

#b74057 Preview

Shades and Tints of #b74057

Tones of #b74057

Color Blindness Simulator