#fd54af hex color

In a RGB color space, hex #fd54af is composed of 99.2% red, 32.9% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 66.8% magenta, 30.8% yellow and 0.8% black. It has a hue angle of 327.7 degrees, a saturation of 97.7% and a lightness of 66.1%. #fd54af color hex could be obtained by blending #ffa8ff with #fb005f. Closest websafe color is: #ff6699.

♥
- f
- t
- g
- R 99
- G 33
- B 69
RGB color chart
- C 0
- M 67
- Y 31
- K 1
CMYK color chart

● #fd54af color description : Soft pink.

The hexadecimal color #fd54af has RGB values of R:253, G:84, B:175 and CMYK values of C:0, M:0.67, Y:0.31, K:0.01. Its decimal value is 16602287.

Hex triplet	fd54af	`#fd54af`
RGB Decimal	253, 84, 175	`rgb(253,84,175)`
RGB Percent	99.2, 32.9, 68.6	`rgb(99.2%,32.9%,68.6%)`
CMYK	0, 67, 31, 1
HSL	327.7°, 97.7, 66.1	`hsl(327.7,97.7%,66.1%)`
HSV (or HSB)	327.7°, 66.8, 99.2
Web Safe	ff6699	`#ff6699`

CIE-LAB	61.932, 71.491, -13.162
XYZ	51.417, 30.323, 43.7
xyY	0.41, 0.242, 30.323
CIE-LCH	61.932, 72.692, 349.569
CIE-LUV	61.932, 100.515, -32.329
Hunter-Lab	55.066, 70.304, -8.506
Binary	11111101, 01010100, 10101111

#fd54af
```
#fd54af rgb(253,84,175)
```
#54fda2
```
#54fda2 rgb(84,253,162)
```

Complementary Color

#f754fd
```
#f754fd rgb(247,84,253)
```
#fd54af
```
#fd54af rgb(253,84,175)
```
#fd545b
```
#fd545b rgb(253,84,91)
```

Analogous Color

#54fdf7
```
#54fdf7 rgb(84,253,247)
```
#fd54af
```
#fd54af rgb(253,84,175)
```
#5bfd54
```
#5bfd54 rgb(91,253,84)
```

Split Complementary Color

#54affd
```
#54affd rgb(84,175,253)
```
#fd54af
```
#fd54af rgb(253,84,175)
```
#affd54
```
#affd54 rgb(175,253,84)
```

Triadic Color

#a254fd
```
#a254fd rgb(162,84,253)
```
#fd54af
```
#fd54af rgb(253,84,175)
```
#affd54
```
#affd54 rgb(175,253,84)
```
#54fda2
```
#54fda2 rgb(84,253,162)
```

Tetradic Color

#fc088c
```
#fc088c rgb(252,8,140)
```
#fc2297
```
#fc2297 rgb(252,34,151)
```
#fd3ba3
```
#fd3ba3 rgb(253,59,163)
```
#fd54af
```
#fd54af rgb(253,84,175)
```
#fd6dbb
```
#fd6dbb rgb(253,109,187)
```
#fe86c7
```
#fe86c7 rgb(254,134,199)
```
#fea0d2
```
#fea0d2 rgb(254,160,210)
```

Monochromatic Color

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

#fd54d9
```
#fd54d9 rgb(253,84,217)
```
#fd54cb
```
#fd54cb rgb(253,84,203)
```
#fd54bd
```
#fd54bd rgb(253,84,189)
```
#fd54af
```
#fd54af rgb(253,84,175)
```
#fd54a1
```
#fd54a1 rgb(253,84,161)
```
#fd5493
```
#fd5493 rgb(253,84,147)
```
#fd5485
```
#fd5485 rgb(253,84,133)
```

Similar Colors

Text with hexadecimal color #fd54af

This text has a font color of #fd54af.

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

#fd54af background color

This paragraph has a background color of #fd54af.

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

#fd54af border color

This element has a border color of #fd54af.

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

CSS codes

.text {color:#fd54af;}

.background {background-color:#fd54af;}

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

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

#030002
```
#030002 rgb(3,0,2)
```
#17000c
```
#17000c rgb(23,0,12)
```
#2a0017
```
#2a0017 rgb(42,0,23)
```
#3e0122
```
#3e0122 rgb(62,1,34)
```
#51012c
```
#51012c rgb(81,1,44)
```
#640137
```
#640137 rgb(100,1,55)
```
#780141
```
#780141 rgb(120,1,65)
```
#8b024c
```
#8b024c rgb(139,2,76)
```
#9f0256
```
#9f0256 rgb(159,2,86)
```
#b20261
```
#b20261 rgb(178,2,97)
```
#c5026b
```
#c5026b rgb(197,2,107)
```
#d90376
```
#d90376 rgb(217,3,118)
```
#ec0380
```
#ec0380 rgb(236,3,128)
```

Shade Color Variation

#fc068b
```
#fc068b rgb(252,6,139)
```
#fc1a94
```
#fc1a94 rgb(252,26,148)
```
#fd2d9d
```
#fd2d9d rgb(253,45,157)
```
#fd41a6
```
#fd41a6 rgb(253,65,166)
```
#fd54af
```
#fd54af rgb(253,84,175)
```
#fd67b8
```
#fd67b8 rgb(253,103,184)
```
#fd7bc1
```
#fd7bc1 rgb(253,123,193)
```
#fe8eca
```
#fe8eca rgb(254,142,202)
```
#fea2d3
```
#fea2d3 rgb(254,162,211)
```
#feb5dc
```
#feb5dc rgb(254,181,220)
```
#fec8e5
```
#fec8e5 rgb(254,200,229)
```
#ffdcee
```
#ffdcee rgb(255,220,238)
```
#ffeff8
```
#ffeff8 rgb(255,239,248)
```

Tint Color Variation

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

#ada4a9
```
#ada4a9 rgb(173,164,169)
```
#b49da9
```
#b49da9 rgb(180,157,169)
```
#ba97aa
```
#ba97aa rgb(186,151,170)
```
#c190aa
```
#c190aa rgb(193,144,170)
```
#c889ab
```
#c889ab rgb(200,137,171)
```
#ce83ab
```
#ce83ab rgb(206,131,171)
```
#d57cac
```
#d57cac rgb(213,124,172)
```
#dc75ac
```
#dc75ac rgb(220,117,172)
```
#e26fad
```
#e26fad rgb(226,111,173)
```
#e968ad
```
#e968ad rgb(233,104,173)
```
#f061ae
```
#f061ae rgb(240,97,174)
```
#f65bae
```
#f65bae rgb(246,91,174)
```
#fd54af
```
#fd54af rgb(253,84,175)
```

Tone Color Variation

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

#919191 Achromatopsia 0.005% of the population
#a78597 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8599d6 Protanopia 1% of men
#a497a6 Deuteranopia 1% of men
#f76d73 Tritanopia 0.001% of the population

Trichromacy

#b17fc8 Protanomaly 1% of men, 0.01% of women
#c47ea9 Deuteranomaly 6% of men, 0.4% of women
#f96489 Tritanomaly 0.01% of the population

#fd54af hex color

#fd54af Color Information

#fd54af Color Conversion

Color Schemes with #fd54af

Alternatives to #fd54af

#fd54af Preview

Shades and Tints of #fd54af

Tones of #fd54af

Color Blindness Simulator