#d30557 hex color

In a RGB color space, hex #d30557 is composed of 82.7% red, 2% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 97.6% magenta, 58.8% yellow and 17.3% black. It has a hue angle of 336.1 degrees, a saturation of 95.4% and a lightness of 42.4%. #d30557 color hex could be obtained by blending #ff0aae with #a70000. Closest websafe color is: #cc0066.

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

● #d30557 color description : Strong pink.

The hexadecimal color #d30557 has RGB values of R:211, G:5, B:87 and CMYK values of C:0, M:0.98, Y:0.59, K:0.17. Its decimal value is 13829463.

Hex triplet	d30557	`#d30557`
RGB Decimal	211, 5, 87	`rgb(211,5,87)`
RGB Percent	82.7, 2, 34.1	`rgb(82.7%,2%,34.1%)`
CMYK	0, 98, 59, 17
HSL	336.1°, 95.4, 42.4	`hsl(336.1,95.4%,42.4%)`
HSV (or HSB)	336.1°, 97.6, 82.7
Web Safe	cc0066	`#cc0066`

CIE-LAB	45.15, 71.631, 14.196
XYZ	28.64, 14.649, 10.336
xyY	0.534, 0.273, 14.649
CIE-LCH	45.15, 73.024, 11.21
CIE-LUV	45.15, 124.552, 2.093
Hunter-Lab	38.274, 66.588, 10.781
Binary	11010011, 00000101, 01010111

#d30557
```
#d30557 rgb(211,5,87)
```
#05d381
```
#05d381 rgb(5,211,129)
```

Complementary Color

#d305be
```
#d305be rgb(211,5,190)
```
#d30557
```
#d30557 rgb(211,5,87)
```
#d31a05
```
#d31a05 rgb(211,26,5)
```

Analogous Color

#05bed3
```
#05bed3 rgb(5,190,211)
```
#d30557
```
#d30557 rgb(211,5,87)
```
#05d31a
```
#05d31a rgb(5,211,26)
```

Split Complementary Color

#0557d3
```
#0557d3 rgb(5,87,211)
```
#d30557
```
#d30557 rgb(211,5,87)
```
#57d305
```
#57d305 rgb(87,211,5)
```

Triadic Color

#8105d3
```
#8105d3 rgb(129,5,211)
```
#d30557
```
#d30557 rgb(211,5,87)
```
#57d305
```
#57d305 rgb(87,211,5)
```
#05d381
```
#05d381 rgb(5,211,129)
```

Tetradic Color

#880338
```
#880338 rgb(136,3,56)
```
#a10442
```
#a10442 rgb(161,4,66)
```
#ba044d
```
#ba044d rgb(186,4,77)
```
#d30557
```
#d30557 rgb(211,5,87)
```
#ec0661
```
#ec0661 rgb(236,6,97)
```
#f9126e
```
#f9126e rgb(249,18,110)
```
#fa2b7d
```
#fa2b7d rgb(250,43,125)
```

Monochromatic Color

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

#d3058b
```
#d3058b rgb(211,5,139)
```
#d30579
```
#d30579 rgb(211,5,121)
```
#d30568
```
#d30568 rgb(211,5,104)
```
#d30557
```
#d30557 rgb(211,5,87)
```
#d30546
```
#d30546 rgb(211,5,70)
```
#d30535
```
#d30535 rgb(211,5,53)
```
#d30523
```
#d30523 rgb(211,5,35)
```

Similar Colors

Text with hexadecimal color #d30557

This text has a font color of #d30557.

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

#d30557 background color

This paragraph has a background color of #d30557.

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

#d30557 border color

This element has a border color of #d30557.

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

CSS codes

.text {color:#d30557;}

.background {background-color:#d30557;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#130008
```
#130008 rgb(19,0,8)
```
#270110
```
#270110 rgb(39,1,16)
```
#3a0118
```
#3a0118 rgb(58,1,24)
```
#4d0220
```
#4d0220 rgb(77,2,32)
```
#600228
```
#600228 rgb(96,2,40)
```
#73032f
```
#73032f rgb(115,3,47)
```
#860337
```
#860337 rgb(134,3,55)
```
#9a043f
```
#9a043f rgb(154,4,63)
```
#ad0447
```
#ad0447 rgb(173,4,71)
```
#c0054f
```
#c0054f rgb(192,5,79)
```
#d30557
```
#d30557 rgb(211,5,87)
```
#e6055f
```
#e6055f rgb(230,5,95)
```

Shade Color Variation

#f90667
```
#f90667 rgb(249,6,103)
```
#fa1973
```
#fa1973 rgb(250,25,115)
```
#fa2c7e
```
#fa2c7e rgb(250,44,126)
```
#fa408a
```
#fa408a rgb(250,64,138)
```
#fb5396
```
#fb5396 rgb(251,83,150)
```
#fb66a1
```
#fb66a1 rgb(251,102,161)
```
#fc79ad
```
#fc79ad rgb(252,121,173)
```
#fc8cb9
```
#fc8cb9 rgb(252,140,185)
```
#fd9fc5
```
#fd9fc5 rgb(253,159,197)
```
#fdb3d0
```
#fdb3d0 rgb(253,179,208)
```
#fec6dc
```
#fec6dc rgb(254,198,220)
```
#fed9e8
```
#fed9e8 rgb(254,217,232)
```
#ffecf3
```
#ffecf3 rgb(255,236,243)
```

Tint Color Variation

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

#6f696b
```
#6f696b rgb(111,105,107)
```
#78606a
```
#78606a rgb(120,96,106)
```
#805868
```
#805868 rgb(128,88,104)
```
#885066
```
#885066 rgb(136,80,102)
```
#914765
```
#914765 rgb(145,71,101)
```
#993f63
```
#993f63 rgb(153,63,99)
```
#a13761
```
#a13761 rgb(161,55,97)
```
#a92f5f
```
#a92f5f rgb(169,47,95)
```
#b2265e
```
#b2265e rgb(178,38,94)
```
#ba1e5c
```
#ba1e5c rgb(186,30,92)
```
#c2165a
```
#c2165a rgb(194,22,90)
```
#cb0d59
```
#cb0d59 rgb(203,13,89)
```
#d30557
```
#d30557 rgb(211,5,87)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#673e4e Atypical Achromatopsia 0.001% of the population

Dichromacy

#6f7180 Protanopia 1% of men
#876e53 Deuteranopia 1% of men
#d32b2a Tritanopia 0.001% of the population

Trichromacy

#934a71 Protanomaly 1% of men, 0.01% of women
#a24754 Deuteranomaly 6% of men, 0.4% of women
#d31d3a Tritanomaly 0.01% of the population

#d30557 hex color

#d30557 Color Information

#d30557 Color Conversion

Color Schemes with #d30557

Alternatives to #d30557

#d30557 Preview

Shades and Tints of #d30557

Tones of #d30557

Color Blindness Simulator