#df50bb hex color

In a RGB color space, hex #df50bb is composed of 87.5% red, 31.4% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 64.1% magenta, 16.1% yellow and 12.5% black. It has a hue angle of 315.1 degrees, a saturation of 69.1% and a lightness of 59.4%. #df50bb color hex could be obtained by blending #ffa0ff with #bf0077. Closest websafe color is: #cc66cc.

♥
- f
- t
- g
- R 87
- G 31
- B 73
RGB color chart
- C 0
- M 64
- Y 16
- K 13
CMYK color chart

● #df50bb color description : Soft pink.

The hexadecimal color #df50bb has RGB values of R:223, G:80, B:187 and CMYK values of C:0, M:0.64, Y:0.16, K:0.13. Its decimal value is 14635195.

Hex triplet	df50bb	`#df50bb`
RGB Decimal	223, 80, 187	`rgb(223,80,187)`
RGB Percent	87.5, 31.4, 73.3	`rgb(87.5%,31.4%,73.3%)`
CMYK	0, 64, 16, 13
HSL	315.1°, 69.1, 59.4	`hsl(315.1,69.1%,59.4%)`
HSV (or HSB)	315.1°, 64.1, 87.5
Web Safe	cc66cc	`#cc66cc`

CIE-LAB	57.091, 66.603, -27.882
XYZ	42.27, 25.016, 49.613
xyY	0.362, 0.214, 25.016
CIE-LCH	57.091, 72.203, 337.284
CIE-LUV	57.091, 74.737, -52.547
Hunter-Lab	50.016, 63.325, -23.801
Binary	11011111, 01010000, 10111011

#df50bb
```
#df50bb rgb(223,80,187)
```
#50df74
```
#50df74 rgb(80,223,116)
```

Complementary Color

#bc50df
```
#bc50df rgb(188,80,223)
```
#df50bb
```
#df50bb rgb(223,80,187)
```
#df5074
```
#df5074 rgb(223,80,116)
```

Analogous Color

#50dfbc
```
#50dfbc rgb(80,223,188)
```
#df50bb
```
#df50bb rgb(223,80,187)
```
#74df50
```
#74df50 rgb(116,223,80)
```

Split Complementary Color

#50bbdf
```
#50bbdf rgb(80,187,223)
```
#df50bb
```
#df50bb rgb(223,80,187)
```
#bbdf50
```
#bbdf50 rgb(187,223,80)
```

Triadic Color

#7450df
```
#7450df rgb(116,80,223)
```
#df50bb
```
#df50bb rgb(223,80,187)
```
#bbdf50
```
#bbdf50 rgb(187,223,80)
```
#50df74
```
#50df74 rgb(80,223,116)
```

Tetradic Color

#bf2398
```
#bf2398 rgb(191,35,152)
```
#d527a9
```
#d527a9 rgb(213,39,169)
```
#db3ab3
```
#db3ab3 rgb(219,58,179)
```
#df50bb
```
#df50bb rgb(223,80,187)
```
#e366c3
```
#e366c3 rgb(227,102,195)
```
#e77bcc
```
#e77bcc rgb(231,123,204)
```
#eb91d4
```
#eb91d4 rgb(235,145,212)
```

Monochromatic Color

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

#df50df
```
#df50df rgb(223,80,223)
```
#df50d3
```
#df50d3 rgb(223,80,211)
```
#df50c7
```
#df50c7 rgb(223,80,199)
```
#df50bb
```
#df50bb rgb(223,80,187)
```
#df50af
```
#df50af rgb(223,80,175)
```
#df50a3
```
#df50a3 rgb(223,80,163)
```
#df5097
```
#df5097 rgb(223,80,151)
```

Similar Colors

Text with hexadecimal color #df50bb

This text has a font color of #df50bb.

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

#df50bb background color

This paragraph has a background color of #df50bb.

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

#df50bb border color

This element has a border color of #df50bb.

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

CSS codes

.text {color:#df50bb;}

.background {background-color:#df50bb;}

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

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

#070106
```
#070106 rgb(7,1,6)
```
#180413
```
#180413 rgb(24,4,19)
```
#290720
```
#290720 rgb(41,7,32)
```
#390a2d
```
#390a2d rgb(57,10,45)
```
#4a0d3b
```
#4a0d3b rgb(74,13,59)
```
#5a1148
```
#5a1148 rgb(90,17,72)
```
#6b1455
```
#6b1455 rgb(107,20,85)
```
#7b1762
```
#7b1762 rgb(123,23,98)
```
#8c1a6f
```
#8c1a6f rgb(140,26,111)
```
#9d1d7c
```
#9d1d7c rgb(157,29,124)
```
#ad208a
```
#ad208a rgb(173,32,138)
```
#be2397
```
#be2397 rgb(190,35,151)
```
#ce26a4
```
#ce26a4 rgb(206,38,164)
```

Shade Color Variation

#d92fae
```
#d92fae rgb(217,47,174)
```
#dc3fb5
```
#dc3fb5 rgb(220,63,181)
```
#df50bb
```
#df50bb rgb(223,80,187)
```
#e261c1
```
#e261c1 rgb(226,97,193)
```
#e571c8
```
#e571c8 rgb(229,113,200)
```
#e882ce
```
#e882ce rgb(232,130,206)
```
#eb92d5
```
#eb92d5 rgb(235,146,213)
```
#eea3db
```
#eea3db rgb(238,163,219)
```
#f1b3e2
```
#f1b3e2 rgb(241,179,226)
```
#f4c4e8
```
#f4c4e8 rgb(244,196,232)
```
#f7d5ef
```
#f7d5ef rgb(247,213,239)
```
#fae5f5
```
#fae5f5 rgb(250,229,245)
```
#fdf6fb
```
#fdf6fb rgb(253,246,251)
```

Tint Color Variation

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

#9f909b
```
#9f909b rgb(159,144,155)
```
#a7889f
```
#a7889f rgb(167,136,159)
```
#af80a3
```
#af80a3 rgb(175,128,163)
```
#b778a7
```
#b778a7 rgb(183,120,167)
```
#bf70ab
```
#bf70ab rgb(191,112,171)
```
#c768af
```
#c768af rgb(199,104,175)
```
#cf60b3
```
#cf60b3 rgb(207,96,179)
```
#d758b7
```
#d758b7 rgb(215,88,183)
```
#df50bb
```
#df50bb rgb(223,80,187)
```
#e748bf
```
#e748bf rgb(231,72,191)
```
#ef40c3
```
#ef40c3 rgb(239,64,195)
```
#f738c7
```
#f738c7 rgb(247,56,199)
```
#ff30cb
```
#ff30cb rgb(255,48,203)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#997c91 Atypical Achromatopsia 0.001% of the population

Dichromacy

#698ce1 Protanopia 1% of men
#898cb1 Deuteranopia 1% of men
#d86d74 Tritanopia 0.001% of the population

Trichromacy

#9476d3 Protanomaly 1% of men, 0.01% of women
#a876b5 Deuteranomaly 6% of men, 0.4% of women
#db638e Tritanomaly 0.01% of the population

#df50bb hex color

#df50bb Color Information

#df50bb Color Conversion

Color Schemes with #df50bb

Alternatives to #df50bb

#df50bb Preview

Shades and Tints of #df50bb

Tones of #df50bb

Color Blindness Simulator