#d31baf hex color

In a RGB color space, hex #d31baf is composed of 82.7% red, 10.6% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 87.2% magenta, 17.1% yellow and 17.3% black. It has a hue angle of 311.7 degrees, a saturation of 77.3% and a lightness of 46.7%. #d31baf color hex could be obtained by blending #ff36ff with #a7005f. Closest websafe color is: #cc3399.

♥
- f
- t
- g
- R 83
- G 11
- B 69
RGB color chart
- C 0
- M 87
- Y 17
- K 17
CMYK color chart

● #d31baf color description : Strong magenta.

The hexadecimal color #d31baf has RGB values of R:211, G:27, B:175 and CMYK values of C:0, M:0.87, Y:0.17, K:0.17. Its decimal value is 13835183.

Hex triplet	d31baf	`#d31baf`
RGB Decimal	211, 27, 175	`rgb(211,27,175)`
RGB Percent	82.7, 10.6, 68.6	`rgb(82.7%,10.6%,68.6%)`
CMYK	0, 87, 17, 17
HSL	311.7°, 77.3, 46.7	`hsl(311.7,77.3%,46.7%)`
HSV (or HSB)	311.7°, 87.2, 82.7
Web Safe	cc3399	`#cc3399`

CIE-LAB	49.168, 77.464, -33.385
XYZ	34.994, 17.731, 42.135
xyY	0.369, 0.187, 17.731
CIE-LCH	49.168, 84.352, 336.685
CIE-LUV	49.168, 82.898, -60.68
Hunter-Lab	42.108, 74.653, -29.852
Binary	11010011, 00011011, 10101111

#d31baf
```
#d31baf rgb(211,27,175)
```
#1bd33f
```
#1bd33f rgb(27,211,63)
```

Complementary Color

#9b1bd3
```
#9b1bd3 rgb(155,27,211)
```
#d31baf
```
#d31baf rgb(211,27,175)
```
#d31b53
```
#d31b53 rgb(211,27,83)
```

Analogous Color

#1bd39b
```
#1bd39b rgb(27,211,155)
```
#d31baf
```
#d31baf rgb(211,27,175)
```
#53d31b
```
#53d31b rgb(83,211,27)
```

Split Complementary Color

#1bafd3
```
#1bafd3 rgb(27,175,211)
```
#d31baf
```
#d31baf rgb(211,27,175)
```
#afd31b
```
#afd31b rgb(175,211,27)
```

Triadic Color

#3f1bd3
```
#3f1bd3 rgb(63,27,211)
```
#d31baf
```
#d31baf rgb(211,27,175)
```
#afd31b
```
#afd31b rgb(175,211,27)
```
#1bd33f
```
#1bd33f rgb(27,211,63)
```

Tetradic Color

#8f1277
```
#8f1277 rgb(143,18,119)
```
#a6158a
```
#a6158a rgb(166,21,138)
```
#bc189c
```
#bc189c rgb(188,24,156)
```
#d31baf
```
#d31baf rgb(211,27,175)
```
#e324be
```
#e324be rgb(227,36,190)
```
#e63bc5
```
#e63bc5 rgb(230,59,197)
```
#e952cb
```
#e952cb rgb(233,82,203)
```

Monochromatic Color

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

#c91bd3
```
#c91bd3 rgb(201,27,211)
```
#d31bce
```
#d31bce rgb(211,27,206)
```
#d31bbe
```
#d31bbe rgb(211,27,190)
```
#d31baf
```
#d31baf rgb(211,27,175)
```
#d31ba0
```
#d31ba0 rgb(211,27,160)
```
#d31b90
```
#d31b90 rgb(211,27,144)
```
#d31b81
```
#d31b81 rgb(211,27,129)
```

Similar Colors

Text with hexadecimal color #d31baf

This text has a font color of #d31baf.

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

#d31baf background color

This paragraph has a background color of #d31baf.

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

#d31baf border color

This element has a border color of #d31baf.

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

CSS codes

.text {color:#d31baf;}

.background {background-color:#d31baf;}

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

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

#020002
```
#020002 rgb(2,0,2)
```
#140310
```
#140310 rgb(20,3,16)
```
#25051f
```
#25051f rgb(37,5,31)
```
#36072d
```
#36072d rgb(54,7,45)
```
#48093c
```
#48093c rgb(72,9,60)
```
#590b4a
```
#590b4a rgb(89,11,74)
```
#6b0e58
```
#6b0e58 rgb(107,14,88)
```
#7c1067
```
#7c1067 rgb(124,16,103)
```
#8d1275
```
#8d1275 rgb(141,18,117)
```
#9f1484
```
#9f1484 rgb(159,20,132)
```
#b01792
```
#b01792 rgb(176,23,146)
```
#c219a1
```
#c219a1 rgb(194,25,161)
```
#d31baf
```
#d31baf rgb(211,27,175)
```

Shade Color Variation

#e21fbc
```
#e21fbc rgb(226,31,188)
```
#e531c1
```
#e531c1 rgb(229,49,193)
```
#e742c7
```
#e742c7 rgb(231,66,199)
```
#e953cc
```
#e953cc rgb(233,83,204)
```
#eb65d1
```
#eb65d1 rgb(235,101,209)
```
#ed76d6
```
#ed76d6 rgb(237,118,214)
```
#f088db
```
#f088db rgb(240,136,219)
```
#f299e1
```
#f299e1 rgb(242,153,225)
```
#f4aae6
```
#f4aae6 rgb(244,170,230)
```
#f6bceb
```
#f6bceb rgb(246,188,235)
```
#f9cdf0
```
#f9cdf0 rgb(249,205,240)
```
#fbdff5
```
#fbdff5 rgb(251,223,245)
```
#fdf0fb
```
#fdf0fb rgb(253,240,251)
```

Tint Color Variation

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

#777777
```
#777777 rgb(119,119,119)
```
#816d7d
```
#816d7d rgb(129,109,125)
```
#8a6482
```
#8a6482 rgb(138,100,130)
```
#935b88
```
#935b88 rgb(147,91,136)
```
#9c528e
```
#9c528e rgb(156,82,142)
```
#a54993
```
#a54993 rgb(165,73,147)
```
#ae4099
```
#ae4099 rgb(174,64,153)
```
#b8369e
```
#b8369e rgb(184,54,158)
```
#c12da4
```
#c12da4 rgb(193,45,164)
```
#ca24a9
```
#ca24a9 rgb(202,36,169)
```
#d31baf
```
#d31baf rgb(211,27,175)
```
#dc12b5
```
#dc12b5 rgb(220,18,181)
```
#e509ba
```
#e509ba rgb(229,9,186)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#795572 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2678e7 Protanopia 1% of men
#707aa2 Deuteranopia 1% of men
#cc5156 Tritanopia 0.001% of the population

Trichromacy

#6556d2 Protanomaly 1% of men, 0.01% of women
#9457a7 Deuteranomaly 6% of men, 0.4% of women
#ce3d76 Tritanomaly 0.01% of the population

#d31baf hex color

#d31baf Color Information

#d31baf Color Conversion

Color Schemes with #d31baf

Alternatives to #d31baf

#d31baf Preview

Shades and Tints of #d31baf

Tones of #d31baf

Color Blindness Simulator