#d33057 hex color

In a RGB color space, hex #d33057 is composed of 82.7% red, 18.8% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 77.3% magenta, 58.8% yellow and 17.3% black. It has a hue angle of 345.6 degrees, a saturation of 64.9% and a lightness of 50.8%. #d33057 color hex could be obtained by blending #ff60ae with #a70000. Closest websafe color is: #cc3366.

♥
- f
- t
- g
- R 83
- G 19
- B 34
RGB color chart
- C 0
- M 77
- Y 59
- K 17
CMYK color chart

● #d33057 color description : Strong red.

The hexadecimal color #d33057 has RGB values of R:211, G:48, B:87 and CMYK values of C:0, M:0.77, Y:0.59, K:0.17. Its decimal value is 13840471.

Hex triplet	d33057	`#d33057`
RGB Decimal	211, 48, 87	`rgb(211,48,87)`
RGB Percent	82.7, 18.8, 34.1	`rgb(82.7%,18.8%,34.1%)`
CMYK	0, 77, 59, 17
HSL	345.6°, 64.9, 50.8	`hsl(345.6,64.9%,50.8%)`
HSV (or HSB)	345.6°, 77.3, 82.7
Web Safe	cc3366	`#cc3366`

CIE-LAB	47.821, 63.982, 17.83
XYZ	29.642, 16.654, 10.67
xyY	0.52, 0.292, 16.654
CIE-LCH	47.821, 66.42, 15.571
CIE-LUV	47.821, 113.668, 8.019
Hunter-Lab	40.81, 58.238, 13.065
Binary	11010011, 00110000, 01010111

#d33057
```
#d33057 rgb(211,48,87)
```
#30d3ac
```
#30d3ac rgb(48,211,172)
```

Complementary Color

#d330a9
```
#d330a9 rgb(211,48,169)
```
#d33057
```
#d33057 rgb(211,48,87)
```
#d35a30
```
#d35a30 rgb(211,90,48)
```

Analogous Color

#30a9d3
```
#30a9d3 rgb(48,169,211)
```
#d33057
```
#d33057 rgb(211,48,87)
```
#30d35a
```
#30d35a rgb(48,211,90)
```

Split Complementary Color

#3057d3
```
#3057d3 rgb(48,87,211)
```
#d33057
```
#d33057 rgb(211,48,87)
```
#57d330
```
#57d330 rgb(87,211,48)
```

Triadic Color

#ac30d3
```
#ac30d3 rgb(172,48,211)
```
#d33057
```
#d33057 rgb(211,48,87)
```
#57d330
```
#57d330 rgb(87,211,48)
```
#30d3ac
```
#30d3ac rgb(48,211,172)
```

Tetradic Color

#97203c
```
#97203c rgb(151,32,60)
```
#ac2445
```
#ac2445 rgb(172,36,69)
```
#c1294d
```
#c1294d rgb(193,41,77)
```
#d33057
```
#d33057 rgb(211,48,87)
```
#d74568
```
#d74568 rgb(215,69,104)
```
#dc5a79
```
#dc5a79 rgb(220,90,121)
```
#e06f8a
```
#e06f8a rgb(224,111,138)
```

Monochromatic Color

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

#d33080
```
#d33080 rgb(211,48,128)
```
#d33072
```
#d33072 rgb(211,48,114)
```
#d33065
```
#d33065 rgb(211,48,101)
```
#d33057
```
#d33057 rgb(211,48,87)
```
#d33049
```
#d33049 rgb(211,48,73)
```
#d3303c
```
#d3303c rgb(211,48,60)
```
#d33230
```
#d33230 rgb(211,50,48)
```

Similar Colors

Text with hexadecimal color #d33057

This text has a font color of #d33057.

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

#d33057 background color

This paragraph has a background color of #d33057.

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

#d33057 border color

This element has a border color of #d33057.

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

CSS codes

.text {color:#d33057;}

.background {background-color:#d33057;}

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

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

#030101
```
#030101 rgb(3,1,1)
```
#130408
```
#130408 rgb(19,4,8)
```
#24080e
```
#24080e rgb(36,8,14)
```
#340b15
```
#340b15 rgb(52,11,21)
```
#440e1b
```
#440e1b rgb(68,14,27)
```
#541222
```
#541222 rgb(84,18,34)
```
#641528
```
#641528 rgb(100,21,40)
```
#75192f
```
#75192f rgb(117,25,47)
```
#851c35
```
#851c35 rgb(133,28,53)
```
#95203c
```
#95203c rgb(149,32,60)
```
#a52342
```
#a52342 rgb(165,35,66)
```
#b52749
```
#b52749 rgb(181,39,73)
```
#c52a4f
```
#c52a4f rgb(197,42,79)
```

Shade Color Variation

#d33057
```
#d33057 rgb(211,48,87)
```
#d64064
```
#d64064 rgb(214,64,100)
```
#da5071
```
#da5071 rgb(218,80,113)
```
#dd617e
```
#dd617e rgb(221,97,126)
```
#e1718c
```
#e1718c rgb(225,113,140)
```
#e48199
```
#e48199 rgb(228,129,153)
```
#e891a6
```
#e891a6 rgb(232,145,166)
```
#eba1b3
```
#eba1b3 rgb(235,161,179)
```
#efb1c0
```
#efb1c0 rgb(239,177,192)
```
#f2c2cd
```
#f2c2cd rgb(242,194,205)
```
#f5d2da
```
#f5d2da rgb(245,210,218)
```
#f9e2e7
```
#f9e2e7 rgb(249,226,231)
```
#fcf2f5
```
#fcf2f5 rgb(252,242,245)
```

Tint Color Variation

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

#867d7f
```
#867d7f rgb(134,125,127)
```
#8f747a
```
#8f747a rgb(143,116,122)
```
#996a75
```
#996a75 rgb(153,106,117)
```
#a36070
```
#a36070 rgb(163,96,112)
```
#ac576b
```
#ac576b rgb(172,87,107)
```
#b64d66
```
#b64d66 rgb(182,77,102)
```
#c04361
```
#c04361 rgb(192,67,97)
```
#c93a5c
```
#c93a5c rgb(201,58,92)
```
#d33057
```
#d33057 rgb(211,48,87)
```
#dd2652
```
#dd2652 rgb(221,38,82)
```
#e61d4d
```
#e61d4d rgb(230,29,77)
```
#f01348
```
#f01348 rgb(240,19,72)
```
#fa0943
```
#fa0943 rgb(250,9,67)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#7b5a62 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a7878 Protanopia 1% of men
#8f7355 Deuteranopia 1% of men
#d34143 Tritanopia 0.001% of the population

Trichromacy

#9a5d6c Protanomaly 1% of men, 0.01% of women
#a75b55 Deuteranomaly 6% of men, 0.4% of women
#d33a4a Tritanomaly 0.01% of the population

#d33057 hex color

#d33057 Color Information

#d33057 Color Conversion

Color Schemes with #d33057

Alternatives to #d33057

#d33057 Preview

Shades and Tints of #d33057

Tones of #d33057

Color Blindness Simulator