#df2bb4 hex color

In a RGB color space, hex #df2bb4 is composed of 87.5% red, 16.9% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80.7% magenta, 19.3% yellow and 12.5% black. It has a hue angle of 314.3 degrees, a saturation of 73.8% and a lightness of 52.2%. #df2bb4 color hex could be obtained by blending #ff56ff with #bf0069. Closest websafe color is: #cc33cc.

♥
- f
- t
- g
- R 87
- G 17
- B 71
RGB color chart
- C 0
- M 81
- Y 19
- K 13
CMYK color chart

● #df2bb4 color description : Bright magenta.

The hexadecimal color #df2bb4 has RGB values of R:223, G:43, B:180 and CMYK values of C:0, M:0.81, Y:0.19, K:0.13. Its decimal value is 14625716.

Hex triplet	df2bb4	`#df2bb4`
RGB Decimal	223, 43, 180	`rgb(223,43,180)`
RGB Percent	87.5, 16.9, 70.6	`rgb(87.5%,16.9%,70.6%)`
CMYK	0, 81, 19, 13
HSL	314.3°, 73.8, 52.2	`hsl(314.3,73.8%,52.2%)`
HSV (or HSB)	314.3°, 80.7, 87.5
Web Safe	cc33cc	`#cc33cc`

CIE-LAB	52.635, 77.39, -30.742
XYZ	39.534, 20.714, 45.094
xyY	0.375, 0.197, 20.714
CIE-LCH	52.635, 83.272, 338.335
CIE-LUV	52.635, 87.486, -57.728
Hunter-Lab	45.513, 75.401, -26.885
Binary	11011111, 00101011, 10110100

#df2bb4
```
#df2bb4 rgb(223,43,180)
```
#2bdf56
```
#2bdf56 rgb(43,223,86)
```

Complementary Color

#b02bdf
```
#b02bdf rgb(176,43,223)
```
#df2bb4
```
#df2bb4 rgb(223,43,180)
```
#df2b5a
```
#df2b5a rgb(223,43,90)
```

Analogous Color

#2bdfb0
```
#2bdfb0 rgb(43,223,176)
```
#df2bb4
```
#df2bb4 rgb(223,43,180)
```
#5adf2b
```
#5adf2b rgb(90,223,43)
```

Split Complementary Color

#2bb4df
```
#2bb4df rgb(43,180,223)
```
#df2bb4
```
#df2bb4 rgb(223,43,180)
```
#b4df2b
```
#b4df2b rgb(180,223,43)
```

Triadic Color

#562bdf
```
#562bdf rgb(86,43,223)
```
#df2bb4
```
#df2bb4 rgb(223,43,180)
```
#b4df2b
```
#b4df2b rgb(180,223,43)
```
#2bdf56
```
#2bdf56 rgb(43,223,86)
```

Tetradic Color

#a51983
```
#a51983 rgb(165,25,131)
```
#bb1c95
```
#bb1c95 rgb(187,28,149)
```
#d120a7
```
#d120a7 rgb(209,32,167)
```
#df2bb4
```
#df2bb4 rgb(223,43,180)
```
#e241bc
```
#e241bc rgb(226,65,188)
```
#e657c4
```
#e657c4 rgb(230,87,196)
```
#e96dcc
```
#e96dcc rgb(233,109,204)
```

Monochromatic Color

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

#dd2bdf
```
#dd2bdf rgb(221,43,223)
```
#df2bd2
```
#df2bd2 rgb(223,43,210)
```
#df2bc3
```
#df2bc3 rgb(223,43,195)
```
#df2bb4
```
#df2bb4 rgb(223,43,180)
```
#df2ba5
```
#df2ba5 rgb(223,43,165)
```
#df2b96
```
#df2b96 rgb(223,43,150)
```
#df2b87
```
#df2b87 rgb(223,43,135)
```

Similar Colors

Text with hexadecimal color #df2bb4

This text has a font color of #df2bb4.

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

#df2bb4 background color

This paragraph has a background color of #df2bb4.

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

#df2bb4 border color

This element has a border color of #df2bb4.

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

CSS codes

.text {color:#df2bb4;}

.background {background-color:#df2bb4;}

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

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

#0a0108
```
#0a0108 rgb(10,1,8)
```
#1b0415
```
#1b0415 rgb(27,4,21)
```
#2c0723
```
#2c0723 rgb(44,7,35)
```
#3d0930
```
#3d0930 rgb(61,9,48)
```
#4e0c3e
```
#4e0c3e rgb(78,12,62)
```
#5f0e4c
```
#5f0e4c rgb(95,14,76)
```
#701159
```
#701159 rgb(112,17,89)
```
#811367
```
#811367 rgb(129,19,103)
```
#921674
```
#921674 rgb(146,22,116)
```
#a31982
```
#a31982 rgb(163,25,130)
```
#b41b8f
```
#b41b8f rgb(180,27,143)
```
#c51e9d
```
#c51e9d rgb(197,30,157)
```
#d620ab
```
#d620ab rgb(214,32,171)
```

Shade Color Variation

#df2bb4
```
#df2bb4 rgb(223,43,180)
```
#e23cba
```
#e23cba rgb(226,60,186)
```
#e44dc0
```
#e44dc0 rgb(228,77,192)
```
#e75ec6
```
#e75ec6 rgb(231,94,198)
```
#e96fcc
```
#e96fcc rgb(233,111,204)
```
#ec80d2
```
#ec80d2 rgb(236,128,210)
```
#ee91d8
```
#ee91d8 rgb(238,145,216)
```
#f1a2de
```
#f1a2de rgb(241,162,222)
```
#f4b3e4
```
#f4b3e4 rgb(244,179,228)
```
#f6c4ea
```
#f6c4ea rgb(246,196,234)
```
#f9d5f0
```
#f9d5f0 rgb(249,213,240)
```
#fbe6f6
```
#fbe6f6 rgb(251,230,246)
```
#fef8fc
```
#fef8fc rgb(254,248,252)
```

Tint Color Variation

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

#8b7f88
```
#8b7f88 rgb(139,127,136)
```
#94768d
```
#94768d rgb(148,118,141)
```
#9d6d92
```
#9d6d92 rgb(157,109,146)
```
#a76397
```
#a76397 rgb(167,99,151)
```
#b05a9b
```
#b05a9b rgb(176,90,155)
```
#b951a0
```
#b951a0 rgb(185,81,160)
```
#c347a5
```
#c347a5 rgb(195,71,165)
```
#cc3eaa
```
#cc3eaa rgb(204,62,170)
```
#d634af
```
#d634af rgb(214,52,175)
```
#df2bb4
```
#df2bb4 rgb(223,43,180)
```
#e822b9
```
#e822b9 rgb(232,34,185)
```
#f218be
```
#f218be rgb(242,24,190)
```
#fb0fc3
```
#fb0fc3 rgb(251,15,195)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#86627e Atypical Achromatopsia 0.001% of the population

Dichromacy

#4680e9 Protanopia 1% of men
#7c82a8 Deuteranopia 1% of men
#d8595e Tritanopia 0.001% of the population

Trichromacy

#7e61d5 Protanomaly 1% of men, 0.01% of women
#a062ac Deuteranomaly 6% of men, 0.4% of women
#da487d Tritanomaly 0.01% of the population

#df2bb4 hex color

#df2bb4 Color Information

#df2bb4 Color Conversion

Color Schemes with #df2bb4

Alternatives to #df2bb4

#df2bb4 Preview

Shades and Tints of #df2bb4

Tones of #df2bb4

Color Blindness Simulator