#df145f hex color

In a RGB color space, hex #df145f is composed of 87.5% red, 7.8% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 91% magenta, 57.4% yellow and 12.5% black. It has a hue angle of 337.8 degrees, a saturation of 83.5% and a lightness of 47.6%. #df145f color hex could be obtained by blending #ff28be with #bf0000. Closest websafe color is: #cc0066.

♥
- f
- t
- g
- R 87
- G 8
- B 37
RGB color chart
- C 0
- M 91
- Y 57
- K 13
CMYK color chart

● #df145f color description : Vivid pink.

The hexadecimal color #df145f has RGB values of R:223, G:20, B:95 and CMYK values of C:0, M:0.91, Y:0.57, K:0.13. Its decimal value is 14619743.

Hex triplet	df145f	`#df145f`
RGB Decimal	223, 20, 95	`rgb(223,20,95)`
RGB Percent	87.5, 7.8, 37.3	`rgb(87.5%,7.8%,37.3%)`
CMYK	0, 91, 57, 13
HSL	337.8°, 83.5, 47.6	`hsl(337.8,83.5%,47.6%)`
HSV (or HSB)	337.8°, 91, 87.5
Web Safe	cc0066	`#cc0066`

CIE-LAB	48.283, 73.443, 13.926
XYZ	32.748, 17.018, 12.386
xyY	0.527, 0.274, 17.018
CIE-LCH	48.283, 74.752, 10.736
CIE-LUV	48.283, 128.669, 1.68
Hunter-Lab	41.253, 69.506, 11.076
Binary	11011111, 00010100, 01011111

#df145f
```
#df145f rgb(223,20,95)
```
#14df94
```
#14df94 rgb(20,223,148)
```

Complementary Color

#df14c5
```
#df14c5 rgb(223,20,197)
```
#df145f
```
#df145f rgb(223,20,95)
```
#df2f14
```
#df2f14 rgb(223,47,20)
```

Analogous Color

#14c5df
```
#14c5df rgb(20,197,223)
```
#df145f
```
#df145f rgb(223,20,95)
```
#14df2f
```
#14df2f rgb(20,223,47)
```

Split Complementary Color

#145fdf
```
#145fdf rgb(20,95,223)
```
#df145f
```
#df145f rgb(223,20,95)
```
#5fdf14
```
#5fdf14 rgb(95,223,20)
```

Triadic Color

#9414df
```
#9414df rgb(148,20,223)
```
#df145f
```
#df145f rgb(223,20,95)
```
#5fdf14
```
#5fdf14 rgb(95,223,20)
```
#14df94
```
#14df94 rgb(20,223,148)
```

Tetradic Color

#990e41
```
#990e41 rgb(153,14,65)
```
#b0104b
```
#b0104b rgb(176,16,75)
```
#c81255
```
#c81255 rgb(200,18,85)
```
#df145f
```
#df145f rgb(223,20,95)
```
#eb216c
```
#eb216c rgb(235,33,108)
```
#ed397b
```
#ed397b rgb(237,57,123)
```
#ef508b
```
#ef508b rgb(239,80,139)
```

Monochromatic Color

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

#df1492
```
#df1492 rgb(223,20,146)
```
#df1481
```
#df1481 rgb(223,20,129)
```
#df1470
```
#df1470 rgb(223,20,112)
```
#df145f
```
#df145f rgb(223,20,95)
```
#df144e
```
#df144e rgb(223,20,78)
```
#df143d
```
#df143d rgb(223,20,61)
```
#df142c
```
#df142c rgb(223,20,44)
```

Similar Colors

Text with hexadecimal color #df145f

This text has a font color of #df145f.

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

#df145f background color

This paragraph has a background color of #df145f.

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

#df145f border color

This element has a border color of #df145f.

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

CSS codes

.text {color:#df145f;}

.background {background-color:#df145f;}

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

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

#070103
```
#070103 rgb(7,1,3)
```
#19020b
```
#19020b rgb(25,2,11)
```
#2b0412
```
#2b0412 rgb(43,4,18)
```
#3d051a
```
#3d051a rgb(61,5,26)
```
#4f0722
```
#4f0722 rgb(79,7,34)
```
#610929
```
#610929 rgb(97,9,41)
```
#730a31
```
#730a31 rgb(115,10,49)
```
#850c39
```
#850c39 rgb(133,12,57)
```
#970e40
```
#970e40 rgb(151,14,64)
```
#a90f48
```
#a90f48 rgb(169,15,72)
```
#bb1150
```
#bb1150 rgb(187,17,80)
```
#cd1257
```
#cd1257 rgb(205,18,87)
```
#df145f
```
#df145f rgb(223,20,95)
```

Shade Color Variation

#eb1c68
```
#eb1c68 rgb(235,28,104)
```
#ec2e74
```
#ec2e74 rgb(236,46,116)
```
#ee4080
```
#ee4080 rgb(238,64,128)
```
#ef528c
```
#ef528c rgb(239,82,140)
```
#f16498
```
#f16498 rgb(241,100,152)
```
#f376a4
```
#f376a4 rgb(243,118,164)
```
#f488b0
```
#f488b0 rgb(244,136,176)
```
#f69abc
```
#f69abc rgb(246,154,188)
```
#f8acc8
```
#f8acc8 rgb(248,172,200)
```
#f9bed4
```
#f9bed4 rgb(249,190,212)
```
#fbd0e0
```
#fbd0e0 rgb(251,208,224)
```
#fce2ec
```
#fce2ec rgb(252,226,236)
```
#fef4f8
```
#fef4f8 rgb(254,244,248)
```

Tint Color Variation

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

#827177
```
#827177 rgb(130,113,119)
```
#8b6875
```
#8b6875 rgb(139,104,117)
```
#945f73
```
#945f73 rgb(148,95,115)
```
#9e5570
```
#9e5570 rgb(158,85,112)
```
#a74c6e
```
#a74c6e rgb(167,76,110)
```
#b0436b
```
#b0436b rgb(176,67,107)
```
#ba3969
```
#ba3969 rgb(186,57,105)
```
#c33066
```
#c33066 rgb(195,48,102)
```
#cc2764
```
#cc2764 rgb(204,39,100)
```
#d61d61
```
#d61d61 rgb(214,29,97)
```
#df145f
```
#df145f rgb(223,20,95)
```
#e80b5d
```
#e80b5d rgb(232,11,93)
```
#f2015a
```
#f2015a rgb(242,1,90)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#744b5a Atypical Achromatopsia 0.001% of the population

Dichromacy

#777989 Protanopia 1% of men
#8f755a Deuteranopia 1% of men
#de3333 Tritanopia 0.001% of the population

Trichromacy

#9c5479 Protanomaly 1% of men, 0.01% of women
#ac515c Deuteranomaly 6% of men, 0.4% of women
#de2743 Tritanomaly 0.01% of the population

#df145f hex color

#df145f Color Information

#df145f Color Conversion

Color Schemes with #df145f

Alternatives to #df145f

#df145f Preview

Shades and Tints of #df145f

Tones of #df145f

Color Blindness Simulator