colorhexa.com

#df30b5 hex color

In a RGB color space, hex #df30b5 is composed of 87.5% red, 18.8% green and 71% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 78.5% magenta, 18.8% yellow and 12.5% black. It has a hue angle of 314.4 degrees, a saturation of 73.2% and a lightness of 53.1%. #df30b5 color hex could be obtained by blending #ff60ff with #bf006b. Closest websafe color is: #cc33cc.

- R 87
- G 19
- B 71
RGB color chart
- C 0
- M 78
- Y 19
- K 13
CMYK color chart

● #df30b5 color description : Bright magenta.

The hexadecimal color #df30b5 has RGB values of R:223, G:48, B:181 and CMYK values of C:0, M:0.78, Y:0.19, K:0.13. Its decimal value is 14626997.

Hex triplet	df30b5	`#df30b5`
RGB Decimal	223, 48, 181	`rgb(223,48,181)`
RGB Percent	87.5, 18.8, 71	`rgb(87.5%,18.8%,71%)`
CMYK	0, 78, 19, 13
HSL	314.4°, 73.2, 53.1	`hsl(314.4,73.2%,53.1%)`
HSV (or HSB)	314.4°, 78.5, 87.5
Web Safe	cc33cc	`#cc33cc`

CIE-LAB	53.104, 76.298, -30.595
XYZ	39.829, 21.141, 45.697
xyY	0.373, 0.198, 21.141
CIE-LCH	53.104, 82.204, 338.149
CIE-LUV	53.104, 86.042, -57.437
Hunter-Lab	45.98, 74.157, -26.739
Binary	11011111, 00110000, 10110101

#df30b5
```
#df30b5 rgb(223,48,181)
```
#30df5a
```
#30df5a rgb(48,223,90)
```

Complementary Color

#b230df
```
#b230df rgb(178,48,223)
```
#df30b5
```
#df30b5 rgb(223,48,181)
```
#df305e
```
#df305e rgb(223,48,94)
```

Analogous Color

#30dfb2
```
#30dfb2 rgb(48,223,178)
```
#df30b5
```
#df30b5 rgb(223,48,181)
```
#5ddf30
```
#5ddf30 rgb(93,223,48)
```

Split Complementary Color

#30b5df
```
#30b5df rgb(48,181,223)
```
#df30b5
```
#df30b5 rgb(223,48,181)
```
#b5df30
```
#b5df30 rgb(181,223,48)
```

Triadic Color

#5a30df
```
#5a30df rgb(90,48,223)
```
#df30b5
```
#df30b5 rgb(223,48,181)
```
#b5df30
```
#b5df30 rgb(181,223,48)
```
#30df5a
```
#30df5a rgb(48,223,90)
```

Tetradic Color

#a81a86
```
#a81a86 rgb(168,26,134)
```
#bf1d98
```
#bf1d98 rgb(191,29,152)
```
#d521a9
```
#d521a9 rgb(213,33,169)
```
#df30b5
```
#df30b5 rgb(223,48,181)
```
#e246bd
```
#e246bd rgb(226,70,189)
```
#e65cc5
```
#e65cc5 rgb(230,92,197)
```
#e972cd
```
#e972cd rgb(233,114,205)
```

Monochromatic Color

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

#dd30df
```
#dd30df rgb(221,48,223)
```
#df30d2
```
#df30d2 rgb(223,48,210)
```
#df30c4
```
#df30c4 rgb(223,48,196)
```
#df30b5
```
#df30b5 rgb(223,48,181)
```
#df30a6
```
#df30a6 rgb(223,48,166)
```
#df3098
```
#df3098 rgb(223,48,152)
```
#df3089
```
#df3089 rgb(223,48,137)
```

Similar Colors

Text with hexadecimal color #df30b5

This text has a font color of #df30b5.

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

#df30b5 background color

This paragraph has a background color of #df30b5.

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

#df30b5 border color

This element has a border color of #df30b5.

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

CSS codes

.text {color:#df30b5;}

.background {background-color:#df30b5;}

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

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

#0e020b
```
#0e020b rgb(14,2,11)
```
#1f0519
```
#1f0519 rgb(31,5,25)
```
#300726
```
#300726 rgb(48,7,38)
```
#410a34
```
#410a34 rgb(65,10,52)
```
#520d41
```
#520d41 rgb(82,13,65)
```
#630f4f
```
#630f4f rgb(99,15,79)
```
#74125c
```
#74125c rgb(116,18,92)
```
#85156a
```
#85156a rgb(133,21,106)
```
#961777
```
#961777 rgb(150,23,119)
```
#a71a85
```
#a71a85 rgb(167,26,133)
```
#b81c92
```
#b81c92 rgb(184,28,146)
```
#c91fa0
```
#c91fa0 rgb(201,31,160)
```
#da22ae
```
#da22ae rgb(218,34,174)
```

Shade Color Variation

#df30b5
```
#df30b5 rgb(223,48,181)
```
#e241bb
```
#e241bb rgb(226,65,187)
```
#e452c1
```
#e452c1 rgb(228,82,193)
```
#e763c7
```
#e763c7 rgb(231,99,199)
```
#ea74cd
```
#ea74cd rgb(234,116,205)
```
#ec85d3
```
#ec85d3 rgb(236,133,211)
```
#ef96d9
```
#ef96d9 rgb(239,150,217)
```
#f1a7e0
```
#f1a7e0 rgb(241,167,224)
```
#f4b8e6
```
#f4b8e6 rgb(244,184,230)
```
#f7c9ec
```
#f7c9ec rgb(247,201,236)
```
#f9daf2
```
#f9daf2 rgb(249,218,242)
```
#fcebf8
```
#fcebf8 rgb(252,235,248)
```
#fffcfe
```
#fffcfe rgb(255,252,254)
```

Tint Color Variation

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

#8c838a
```
#8c838a rgb(140,131,138)
```
#957a8f
```
#957a8f rgb(149,122,143)
```
#9f7094
```
#9f7094 rgb(159,112,148)
```
#a86798
```
#a86798 rgb(168,103,152)
```
#b15e9d
```
#b15e9d rgb(177,94,157)
```
#ba55a2
```
#ba55a2 rgb(186,85,162)
```
#c34ca7
```
#c34ca7 rgb(195,76,167)
```
#cd42ab
```
#cd42ab rgb(205,66,171)
```
#d639b0
```
#d639b0 rgb(214,57,176)
```
#df30b5
```
#df30b5 rgb(223,48,181)
```
#e827ba
```
#e827ba rgb(232,39,186)
```
#f11ebf
```
#f11ebf rgb(241,30,191)
```
#fb14c3
```
#fb14c3 rgb(251,20,195)
```

Tone Color Variation

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

#737373 Achromatopsia 0.005% of the population
#896680 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4b82e8 Protanopia 1% of men
#7d83a9 Deuteranopia 1% of men
#d85b60 Tritanopia 0.001% of the population

Trichromacy

#8164d5 Protanomaly 1% of men, 0.01% of women
#a065ad Deuteranomaly 6% of men, 0.4% of women
#da4b7f Tritanomaly 0.01% of the population