#f57dbd hex color

In a RGB color space, hex #f57dbd is composed of 96.1% red, 49% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 49% magenta, 22.9% yellow and 3.9% black. It has a hue angle of 328 degrees, a saturation of 85.7% and a lightness of 72.5%. #f57dbd color hex could be obtained by blending #fffaff with #eb007b. Closest websafe color is: #ff66cc.

♥
- f
- t
- g
- R 96
- G 49
- B 74
RGB color chart
- C 0
- M 49
- Y 23
- K 4
CMYK color chart

● #f57dbd color description : Soft pink.

The hexadecimal color #f57dbd has RGB values of R:245, G:125, B:189 and CMYK values of C:0, M:0.49, Y:0.23, K:0.04. Its decimal value is 16088509.

Hex triplet	f57dbd	`#f57dbd`
RGB Decimal	245, 125, 189	`rgb(245,125,189)`
RGB Percent	96.1, 49, 74.1	`rgb(96.1%,49%,74.1%)`
CMYK	0, 49, 23, 4
HSL	328°, 85.7, 72.5	`hsl(328,85.7%,72.5%)`
HSV (or HSB)	328°, 49, 96.1
Web Safe	ff66cc	`#ff66cc`

CIE-LAB	67.841, 53.177, -12.352
XYZ	54.175, 37.757, 52.576
xyY	0.375, 0.261, 37.757
CIE-LCH	67.841, 54.593, 346.924
CIE-LUV	67.841, 71.085, -27.959
Hunter-Lab	61.447, 49.843, -7.717
Binary	11110101, 01111101, 10111101

#f57dbd
```
#f57dbd rgb(245,125,189)
```
#7df5b5
```
#7df5b5 rgb(125,245,181)
```

Complementary Color

#f17df5
```
#f17df5 rgb(241,125,245)
```
#f57dbd
```
#f57dbd rgb(245,125,189)
```
#f57d81
```
#f57d81 rgb(245,125,129)
```

Analogous Color

#7df5f1
```
#7df5f1 rgb(125,245,241)
```
#f57dbd
```
#f57dbd rgb(245,125,189)
```
#81f57d
```
#81f57d rgb(129,245,125)
```

Split Complementary Color

#7dbdf5
```
#7dbdf5 rgb(125,189,245)
```
#f57dbd
```
#f57dbd rgb(245,125,189)
```
#bdf57d
```
#bdf57d rgb(189,245,125)
```

Triadic Color

#b57df5
```
#b57df5 rgb(181,125,245)
```
#f57dbd
```
#f57dbd rgb(245,125,189)
```
#bdf57d
```
#bdf57d rgb(189,245,125)
```
#7df5b5
```
#7df5b5 rgb(125,245,181)
```

Tetradic Color

#f03699
```
#f03699 rgb(240,54,153)
```
#f14ea5
```
#f14ea5 rgb(241,78,165)
```
#f365b1
```
#f365b1 rgb(243,101,177)
```
#f57dbd
```
#f57dbd rgb(245,125,189)
```
#f795c9
```
#f795c9 rgb(247,149,201)
```
#f9acd5
```
#f9acd5 rgb(249,172,213)
```
#fac4e1
```
#fac4e1 rgb(250,196,225)
```

Monochromatic Color

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

#f57ddb
```
#f57ddb rgb(245,125,219)
```
#f57dd1
```
#f57dd1 rgb(245,125,209)
```
#f57dc7
```
#f57dc7 rgb(245,125,199)
```
#f57dbd
```
#f57dbd rgb(245,125,189)
```
#f57db3
```
#f57db3 rgb(245,125,179)
```
#f57da9
```
#f57da9 rgb(245,125,169)
```
#f57d9f
```
#f57d9f rgb(245,125,159)
```

Similar Colors

Text with hexadecimal color #f57dbd

This text has a font color of #f57dbd.

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

#f57dbd background color

This paragraph has a background color of #f57dbd.

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

#f57dbd border color

This element has a border color of #f57dbd.

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

CSS codes

.text {color:#f57dbd;}

.background {background-color:#f57dbd;}

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

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

#100109
```
#100109 rgb(16,1,9)
```
#220313
```
#220313 rgb(34,3,19)
```
#34041e
```
#34041e rgb(52,4,30)
```
#460528
```
#460528 rgb(70,5,40)
```
#590732
```
#590732 rgb(89,7,50)
```
#6b083d
```
#6b083d rgb(107,8,61)
```
#7d0a47
```
#7d0a47 rgb(125,10,71)
```
#8f0b52
```
#8f0b52 rgb(143,11,82)
```
#a10c5c
```
#a10c5c rgb(161,12,92)
```
#b40e66
```
#b40e66 rgb(180,14,102)
```
#c60f71
```
#c60f71 rgb(198,15,113)
```
#d8117b
```
#d8117b rgb(216,17,123)
```
#ea1285
```
#ea1285 rgb(234,18,133)
```

Shade Color Variation

#ee228f
```
#ee228f rgb(238,34,143)
```
#ef3498
```
#ef3498 rgb(239,52,152)
```
#f146a1
```
#f146a1 rgb(241,70,161)
```
#f259ab
```
#f259ab rgb(242,89,171)
```
#f46bb4
```
#f46bb4 rgb(244,107,180)
```
#f57dbd
```
#f57dbd rgb(245,125,189)
```
#f68fc6
```
#f68fc6 rgb(246,143,198)
```
#f8a1cf
```
#f8a1cf rgb(248,161,207)
```
#f9b4d9
```
#f9b4d9 rgb(249,180,217)
```
#fbc6e2
```
#fbc6e2 rgb(251,198,226)
```
#fcd8eb
```
#fcd8eb rgb(252,216,235)
```
#fdeaf4
```
#fdeaf4 rgb(253,234,244)
```
#fffdfe
```
#fffdfe rgb(255,253,254)
```

Tint Color Variation

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

#bab8b9
```
#bab8b9 rgb(186,184,185)
```
#bfb3b9
```
#bfb3b9 rgb(191,179,185)
```
#c5adba
```
#c5adba rgb(197,173,186)
```
#caa8ba
```
#caa8ba rgb(202,168,186)
```
#cfa3ba
```
#cfa3ba rgb(207,163,186)
```
#d59dbb
```
#d59dbb rgb(213,157,187)
```
#da98bb
```
#da98bb rgb(218,152,187)
```
#df93bc
```
#df93bc rgb(223,147,188)
```
#e58dbc
```
#e58dbc rgb(229,141,188)
```
#ea88bc
```
#ea88bc rgb(234,136,188)
```
#f082bd
```
#f082bd rgb(240,130,189)
```
#f57dbd
```
#f57dbd rgb(245,125,189)
```
#fa78bd
```
#fa78bd rgb(250,120,189)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#b79fac Atypical Achromatopsia 0.001% of the population

Dichromacy

#9da8d6 Protanopia 1% of men
#b3a5b7 Deuteranopia 1% of men
#f08c96 Tritanopia 0.001% of the population

Trichromacy

#bd98cd Protanomaly 1% of men, 0.01% of women
#cb96b9 Deuteranomaly 6% of men, 0.4% of women
#f287a4 Tritanomaly 0.01% of the population

#f57dbd hex color

#f57dbd Color Information

#f57dbd Color Conversion

Color Schemes with #f57dbd

Alternatives to #f57dbd

#f57dbd Preview

Shades and Tints of #f57dbd

Tones of #f57dbd

Color Blindness Simulator