#fd54bc hex color

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

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

● #fd54bc color description : Soft pink.

The hexadecimal color #fd54bc has RGB values of R:253, G:84, B:188 and CMYK values of C:0, M:0.67, Y:0.26, K:0.01. Its decimal value is 16602300.

Hex triplet	fd54bc	`#fd54bc`
RGB Decimal	253, 84, 188	`rgb(253,84,188)`
RGB Percent	99.2, 32.9, 73.7	`rgb(99.2%,32.9%,73.7%)`
CMYK	0, 67, 26, 1
HSL	323.1°, 97.7, 66.1	`hsl(323.1,97.7%,66.1%)`
HSV (or HSB)	323.1°, 66.8, 99.2
Web Safe	ff66cc	`#ff66cc`

CIE-LAB	62.388, 73.031, -19.918
XYZ	52.756, 30.859, 50.752
xyY	0.393, 0.23, 30.859
CIE-LCH	62.388, 75.699, 344.744
CIE-LUV	62.388, 95.797, -42.587
Hunter-Lab	55.55, 72.307, -15.283
Binary	11111101, 01010100, 10111100

#fd54bc
```
#fd54bc rgb(253,84,188)
```
#54fd95
```
#54fd95 rgb(84,253,149)
```

Complementary Color

#ea54fd
```
#ea54fd rgb(234,84,253)
```
#fd54bc
```
#fd54bc rgb(253,84,188)
```
#fd5468
```
#fd5468 rgb(253,84,104)
```

Analogous Color

#54fdea
```
#54fdea rgb(84,253,234)
```
#fd54bc
```
#fd54bc rgb(253,84,188)
```
#68fd54
```
#68fd54 rgb(104,253,84)
```

Split Complementary Color

#54bcfd
```
#54bcfd rgb(84,188,253)
```
#fd54bc
```
#fd54bc rgb(253,84,188)
```
#bcfd54
```
#bcfd54 rgb(188,253,84)
```

Triadic Color

#9554fd
```
#9554fd rgb(149,84,253)
```
#fd54bc
```
#fd54bc rgb(253,84,188)
```
#bcfd54
```
#bcfd54 rgb(188,253,84)
```
#54fd95
```
#54fd95 rgb(84,253,149)
```

Tetradic Color

#fc089e
```
#fc089e rgb(252,8,158)
```
#fc22a8
```
#fc22a8 rgb(252,34,168)
```
#fd3bb2
```
#fd3bb2 rgb(253,59,178)
```
#fd54bc
```
#fd54bc rgb(253,84,188)
```
#fd6dc6
```
#fd6dc6 rgb(253,109,198)
```
#fe86d0
```
#fe86d0 rgb(254,134,208)
```
#fea0da
```
#fea0da rgb(254,160,218)
```

Monochromatic Color

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

#fd54e6
```
#fd54e6 rgb(253,84,230)
```
#fd54d8
```
#fd54d8 rgb(253,84,216)
```
#fd54ca
```
#fd54ca rgb(253,84,202)
```
#fd54bc
```
#fd54bc rgb(253,84,188)
```
#fd54ae
```
#fd54ae rgb(253,84,174)
```
#fd54a0
```
#fd54a0 rgb(253,84,160)
```
#fd5492
```
#fd5492 rgb(253,84,146)
```

Similar Colors

Text with hexadecimal color #fd54bc

This text has a font color of #fd54bc.

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

#fd54bc background color

This paragraph has a background color of #fd54bc.

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

#fd54bc border color

This element has a border color of #fd54bc.

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

CSS codes

.text {color:#fd54bc;}

.background {background-color:#fd54bc;}

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

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 #ffeff9 is the lightest one.

#030002
```
#030002 rgb(3,0,2)
```
#17000e
```
#17000e rgb(23,0,14)
```
#2a001a
```
#2a001a rgb(42,0,26)
```
#3e0126
```
#3e0126 rgb(62,1,38)
```
#510132
```
#510132 rgb(81,1,50)
```
#64013e
```
#64013e rgb(100,1,62)
```
#78014a
```
#78014a rgb(120,1,74)
```
#8b0256
```
#8b0256 rgb(139,2,86)
```
#9f0262
```
#9f0262 rgb(159,2,98)
```
#b2026e
```
#b2026e rgb(178,2,110)
```
#c5027a
```
#c5027a rgb(197,2,122)
```
#d90386
```
#d90386 rgb(217,3,134)
```
#ec0392
```
#ec0392 rgb(236,3,146)
```

Shade Color Variation

#fc069e
```
#fc069e rgb(252,6,158)
```
#fc1aa5
```
#fc1aa5 rgb(252,26,165)
```
#fd2dad
```
#fd2dad rgb(253,45,173)
```
#fd41b4
```
#fd41b4 rgb(253,65,180)
```
#fd54bc
```
#fd54bc rgb(253,84,188)
```
#fd67c4
```
#fd67c4 rgb(253,103,196)
```
#fd7bcb
```
#fd7bcb rgb(253,123,203)
```
#fe8ed3
```
#fe8ed3 rgb(254,142,211)
```
#fea2da
```
#fea2da rgb(254,162,218)
```
#feb5e2
```
#feb5e2 rgb(254,181,226)
```
#fec8ea
```
#fec8ea rgb(254,200,234)
```
#ffdcf1
```
#ffdcf1 rgb(255,220,241)
```
#ffeff9
```
#ffeff9 rgb(255,239,249)
```

Tint Color Variation

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

#ada4aa
```
#ada4aa rgb(173,164,170)
```
#b49dab
```
#b49dab rgb(180,157,171)
```
#ba97ad
```
#ba97ad rgb(186,151,173)
```
#c190ae
```
#c190ae rgb(193,144,174)
```
#c889b0
```
#c889b0 rgb(200,137,176)
```
#ce83b1
```
#ce83b1 rgb(206,131,177)
```
#d57cb3
```
#d57cb3 rgb(213,124,179)
```
#dc75b4
```
#dc75b4 rgb(220,117,180)
```
#e26fb6
```
#e26fb6 rgb(226,111,182)
```
#e968b7
```
#e968b7 rgb(233,104,183)
```
#f061b9
```
#f061b9 rgb(240,97,185)
```
#f65bba
```
#f65bba rgb(246,91,186)
```
#fd54bc
```
#fd54bc rgb(253,84,188)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#a7869a Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f99e5 Protanopia 1% of men
#a098b1 Deuteranopia 1% of men
#f67077 Tritanopia 0.001% of the population

Trichromacy

#ac80d6 Protanomaly 1% of men, 0.01% of women
#c17fb5 Deuteranomaly 6% of men, 0.4% of women
#f86690 Tritanomaly 0.01% of the population

#fd54bc hex color

#fd54bc Color Information

#fd54bc Color Conversion

Color Schemes with #fd54bc

Alternatives to #fd54bc

#fd54bc Preview

Shades and Tints of #fd54bc

Tones of #fd54bc

Color Blindness Simulator