#d31477 hex color

In a RGB color space, hex #d31477 is composed of 82.7% red, 7.8% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 90.5% magenta, 43.6% yellow and 17.3% black. It has a hue angle of 328.9 degrees, a saturation of 82.7% and a lightness of 45.3%. #d31477 color hex could be obtained by blending #ff28ee with #a70000. Closest websafe color is: #cc0066.

♥
- f
- t
- g
- R 83
- G 8
- B 47
RGB color chart
- C 0
- M 91
- Y 44
- K 17
CMYK color chart

● #d31477 color description : Strong pink.

The hexadecimal color #d31477 has RGB values of R:211, G:20, B:119 and CMYK values of C:0, M:0.91, Y:0.44, K:0.17. Its decimal value is 13833335.

Hex triplet	d31477	`#d31477`
RGB Decimal	211, 20, 119	`rgb(211,20,119)`
RGB Percent	82.7, 7.8, 46.7	`rgb(82.7%,7.8%,46.7%)`
CMYK	0, 91, 44, 17
HSL	328.9°, 82.7, 45.3	`hsl(328.9,82.7%,45.3%)`
HSV (or HSB)	328.9°, 90.5, 82.7
Web Safe	cc0066	`#cc0066`

CIE-LAB	46.558, 72.461, -3.66
XYZ	30.445, 15.684, 18.876
xyY	0.468, 0.241, 15.684
CIE-LCH	46.558, 72.554, 357.108
CIE-LUV	46.558, 108.92, -18.407
Hunter-Lab	39.604, 67.913, -0.536
Binary	11010011, 00010100, 01110111

#d31477
```
#d31477 rgb(211,20,119)
```
#14d370
```
#14d370 rgb(20,211,112)
```

Complementary Color

#d014d3
```
#d014d3 rgb(208,20,211)
```
#d31477
```
#d31477 rgb(211,20,119)
```
#d31418
```
#d31418 rgb(211,20,24)
```

Analogous Color

#14d3d0
```
#14d3d0 rgb(20,211,208)
```
#d31477
```
#d31477 rgb(211,20,119)
```
#18d314
```
#18d314 rgb(24,211,20)
```

Split Complementary Color

#1477d3
```
#1477d3 rgb(20,119,211)
```
#d31477
```
#d31477 rgb(211,20,119)
```
#77d314
```
#77d314 rgb(119,211,20)
```

Triadic Color

#7014d3
```
#7014d3 rgb(112,20,211)
```
#d31477
```
#d31477 rgb(211,20,119)
```
#77d314
```
#77d314 rgb(119,211,20)
```
#14d370
```
#14d370 rgb(20,211,112)
```

Tetradic Color

#8d0d50
```
#8d0d50 rgb(141,13,80)
```
#a4105d
```
#a4105d rgb(164,16,93)
```
#bc126a
```
#bc126a rgb(188,18,106)
```
#d31477
```
#d31477 rgb(211,20,119)
```
#e91784
```
#e91784 rgb(233,23,132)
```
#eb2f90
```
#eb2f90 rgb(235,47,144)
```
#ed469d
```
#ed469d rgb(237,70,157)
```

Monochromatic Color

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

#d314a7
```
#d314a7 rgb(211,20,167)
```
#d31497
```
#d31497 rgb(211,20,151)
```
#d31487
```
#d31487 rgb(211,20,135)
```
#d31477
```
#d31477 rgb(211,20,119)
```
#d31467
```
#d31467 rgb(211,20,103)
```
#d31457
```
#d31457 rgb(211,20,87)
```
#d31447
```
#d31447 rgb(211,20,71)
```

Similar Colors

Text with hexadecimal color #d31477

This text has a font color of #d31477.

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

#d31477 background color

This paragraph has a background color of #d31477.

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

#d31477 border color

This element has a border color of #d31477.

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

CSS codes

.text {color:#d31477;}

.background {background-color:#d31477;}

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

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

#0e0108
```
#0e0108 rgb(14,1,8)
```
#200312
```
#200312 rgb(32,3,18)
```
#32051c
```
#32051c rgb(50,5,28)
```
#440626
```
#440626 rgb(68,6,38)
```
#560830
```
#560830 rgb(86,8,48)
```
#670a3a
```
#670a3a rgb(103,10,58)
```
#790c44
```
#790c44 rgb(121,12,68)
```
#8b0d4f
```
#8b0d4f rgb(139,13,79)
```
#9d0f59
```
#9d0f59 rgb(157,15,89)
```
#af1163
```
#af1163 rgb(175,17,99)
```
#c1126d
```
#c1126d rgb(193,18,109)
```
#d31477
```
#d31477 rgb(211,20,119)
```
#e51681
```
#e51681 rgb(229,22,129)
```

Shade Color Variation

#ea248b
```
#ea248b rgb(234,36,139)
```
#ec3694
```
#ec3694 rgb(236,54,148)
```
#ee489e
```
#ee489e rgb(238,72,158)
```
#ef5aa7
```
#ef5aa7 rgb(239,90,167)
```
#f16cb1
```
#f16cb1 rgb(241,108,177)
```
#f37eba
```
#f37eba rgb(243,126,186)
```
#f48fc4
```
#f48fc4 rgb(244,143,196)
```
#f6a1cd
```
#f6a1cd rgb(246,161,205)
```
#f8b3d7
```
#f8b3d7 rgb(248,179,215)
```
#fac5e0
```
#fac5e0 rgb(250,197,224)
```
#fbd7ea
```
#fbd7ea rgb(251,215,234)
```
#fde9f3
```
#fde9f3 rgb(253,233,243)
```
#fffbfd
```
#fffbfd rgb(255,251,253)
```

Tint Color Variation

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

#7a6d74
```
#7a6d74 rgb(122,109,116)
```
#836474
```
#836474 rgb(131,100,116)
```
#8c5b74
```
#8c5b74 rgb(140,91,116)
```
#955275
```
#955275 rgb(149,82,117)
```
#9e4975
```
#9e4975 rgb(158,73,117)
```
#a74075
```
#a74075 rgb(167,64,117)
```
#af3876
```
#af3876 rgb(175,56,118)
```
#b82f76
```
#b82f76 rgb(184,47,118)
```
#c12676
```
#c12676 rgb(193,38,118)
```
#ca1d77
```
#ca1d77 rgb(202,29,119)
```
#d31477
```
#d31477 rgb(211,20,119)
```
#dc0b77
```
#dc0b77 rgb(220,11,119)
```
#e50278
```
#e50278 rgb(229,2,120)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#714a5e Atypical Achromatopsia 0.001% of the population

Dichromacy

#6474a5 Protanopia 1% of men
#827271 Deuteranopia 1% of men
#d13b3d Tritanopia 0.001% of the population

Trichromacy

#8c5194 Protanomaly 1% of men, 0.01% of women
#9f4f73 Deuteranomaly 6% of men, 0.4% of women
#d22d52 Tritanomaly 0.01% of the population

#d31477 hex color

#d31477 Color Information

#d31477 Color Conversion

Color Schemes with #d31477

Alternatives to #d31477

#d31477 Preview

Shades and Tints of #d31477

Tones of #d31477

Color Blindness Simulator