colorhexa.com

#df2dd4 hex color

In a RGB color space, hex #df2dd4 is composed of 87.5% red, 17.6% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 79.8% magenta, 4.9% yellow and 12.5% black. It has a hue angle of 303.7 degrees, a saturation of 73.6% and a lightness of 52.5%. #df2dd4 color hex could be obtained by blending #ff5aff with #bf00a9. Closest websafe color is: #cc33cc.

- R 87
- G 18
- B 83
RGB color chart
- C 0
- M 80
- Y 5
- K 13
CMYK color chart

● #df2dd4 color description : Bright magenta.

The hexadecimal color #df2dd4 has RGB values of R:223, G:45, B:212 and CMYK values of C:0, M:0.8, Y:0.05, K:0.13. Its decimal value is 14626260.

Hex triplet	df2dd4	`#df2dd4`
RGB Decimal	223, 45, 212	`rgb(223,45,212)`
RGB Percent	87.5, 17.6, 83.1	`rgb(87.5%,17.6%,83.1%)`
CMYK	0, 80, 5, 13
HSL	303.7°, 73.6, 52.5	`hsl(303.7,73.6%,52.5%)`
HSV (or HSB)	303.7°, 79.8, 87.5
Web Safe	cc33cc	`#cc33cc`

CIE-LAB	54.366, 81.285, -46.487
XYZ	43.253, 22.321, 64.314
xyY	0.333, 0.172, 22.321
CIE-LCH	54.366, 93.639, 330.235
CIE-LUV	54.366, 74.316, -82.353
Hunter-Lab	47.245, 80.736, -47.638
Binary	11011111, 00101101, 11010100

#df2dd4
```
#df2dd4 rgb(223,45,212)
```
#2ddf38
```
#2ddf38 rgb(45,223,56)
```

Complementary Color

#912ddf
```
#912ddf rgb(145,45,223)
```
#df2dd4
```
#df2dd4 rgb(223,45,212)
```
#df2d7b
```
#df2d7b rgb(223,45,123)
```

Analogous Color

#2ddf91
```
#2ddf91 rgb(45,223,145)
```
#df2dd4
```
#df2dd4 rgb(223,45,212)
```
#7bdf2d
```
#7bdf2d rgb(123,223,45)
```

Split Complementary Color

#2dd4df
```
#2dd4df rgb(45,212,223)
```
#df2dd4
```
#df2dd4 rgb(223,45,212)
```
#d4df2d
```
#d4df2d rgb(212,223,45)
```

Triadic Color

#382ddf
```
#382ddf rgb(56,45,223)
```
#df2dd4
```
#df2dd4 rgb(223,45,212)
```
#d4df2d
```
#d4df2d rgb(212,223,45)
```
#2ddf38
```
#2ddf38 rgb(45,223,56)
```

Tetradic Color

#a6199d
```
#a6199d rgb(166,25,157)
```
#bc1db2
```
#bc1db2 rgb(188,29,178)
```
#d220c7
```
#d220c7 rgb(210,32,199)
```
#df2dd4
```
#df2dd4 rgb(223,45,212)
```
#e243d9
```
#e243d9 rgb(226,67,217)
```
#e659dd
```
#e659dd rgb(230,89,221)
```
#e96fe2
```
#e96fe2 rgb(233,111,226)
```

Monochromatic Color

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

#be2ddf
```
#be2ddf rgb(190,45,223)
```
#cc2ddf
```
#cc2ddf rgb(204,45,223)
```
#db2ddf
```
#db2ddf rgb(219,45,223)
```
#df2dd4
```
#df2dd4 rgb(223,45,212)
```
#df2dc5
```
#df2dc5 rgb(223,45,197)
```
#df2db6
```
#df2db6 rgb(223,45,182)
```
#df2da8
```
#df2da8 rgb(223,45,168)
```

Similar Colors

Text with hexadecimal color #df2dd4

This text has a font color of #df2dd4.

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

#df2dd4 background color

This paragraph has a background color of #df2dd4.

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

#df2dd4 border color

This element has a border color of #df2dd4.

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

CSS codes

.text {color:#df2dd4;}

.background {background-color:#df2dd4;}

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

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

#0b020b
```
#0b020b rgb(11,2,11)
```
#1c041b
```
#1c041b rgb(28,4,27)
```
#2d072b
```
#2d072b rgb(45,7,43)
```
#3e0a3b
```
#3e0a3b rgb(62,10,59)
```
#4f0c4b
```
#4f0c4b rgb(79,12,75)
```
#600f5b
```
#600f5b rgb(96,15,91)
```
#71116b
```
#71116b rgb(113,17,107)
```
#82147c
```
#82147c rgb(130,20,124)
```
#93168c
```
#93168c rgb(147,22,140)
```
#a4199c
```
#a4199c rgb(164,25,156)
```
#b51cac
```
#b51cac rgb(181,28,172)
```
#c71ebc
```
#c71ebc rgb(199,30,188)
```
#d821cc
```
#d821cc rgb(216,33,204)
```

Shade Color Variation

#df2dd4
```
#df2dd4 rgb(223,45,212)
```
#e23ed7
```
#e23ed7 rgb(226,62,215)
```
#e44fdb
```
#e44fdb rgb(228,79,219)
```
#e760de
```
#e760de rgb(231,96,222)
```
#e971e2
```
#e971e2 rgb(233,113,226)
```
#ec82e5
```
#ec82e5 rgb(236,130,229)
```
#ef93e9
```
#ef93e9 rgb(239,147,233)
```
#f1a4ec
```
#f1a4ec rgb(241,164,236)
```
#f4b5f0
```
#f4b5f0 rgb(244,181,240)
```
#f6c6f3
```
#f6c6f3 rgb(246,198,243)
```
#f9d7f7
```
#f9d7f7 rgb(249,215,247)
```
#fce8fa
```
#fce8fa rgb(252,232,250)
```
#fef9fe
```
#fef9fe rgb(254,249,254)
```

Tint Color Variation

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

#8b818b
```
#8b818b rgb(139,129,139)
```
#957793
```
#957793 rgb(149,119,147)
```
#9e6e9b
```
#9e6e9b rgb(158,110,155)
```
#a765a3
```
#a765a3 rgb(167,101,163)
```
#b05cab
```
#b05cab rgb(176,92,171)
```
#ba52b3
```
#ba52b3 rgb(186,82,179)
```
#c349bc
```
#c349bc rgb(195,73,188)
```
#cc40c4
```
#cc40c4 rgb(204,64,196)
```
#d636cc
```
#d636cc rgb(214,54,204)
```
#df2dd4
```
#df2dd4 rgb(223,45,212)
```
#e824dc
```
#e824dc rgb(232,36,220)
```
#f21ae4
```
#f21ae4 rgb(242,26,228)
```
#fb11ec
```
#fb11ec rgb(251,17,236)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#8a6788 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2784ff Protanopia 1% of men
#6b87c4 Deuteranopia 1% of men
#d4646b Tritanopia 0.001% of the population

Trichromacy

#6a64ef Protanomaly 1% of men, 0.01% of women
#9566c9 Deuteranomaly 6% of men, 0.4% of women
#d85091 Tritanomaly 0.01% of the population