#f54bcc hex color

In a RGB color space, hex #f54bcc is composed of 96.1% red, 29.4% green and 80% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 69.4% magenta, 16.7% yellow and 3.9% black. It has a hue angle of 314.5 degrees, a saturation of 89.5% and a lightness of 62.7%. #f54bcc color hex could be obtained by blending #ff96ff with #eb0099. Closest websafe color is: #ff33cc.

♥
- f
- t
- g
- R 96
- G 29
- B 80
RGB color chart
- C 0
- M 69
- Y 17
- K 4
CMYK color chart

● #f54bcc color description : Soft magenta.

The hexadecimal color #f54bcc has RGB values of R:245, G:75, B:204 and CMYK values of C:0, M:0.69, Y:0.17, K:0.04. Its decimal value is 16075724.

Hex triplet	f54bcc	`#f54bcc`
RGB Decimal	245, 75, 204	`rgb(245,75,204)`
RGB Percent	96.1, 29.4, 80	`rgb(96.1%,29.4%,80%)`
CMYK	0, 69, 17, 4
HSL	314.5°, 89.5, 62.7	`hsl(314.5,89.5%,62.7%)`
HSV (or HSB)	314.5°, 69.4, 96.1
Web Safe	ff33cc	`#ff33cc`

CIE-LAB	60.612, 76.265, -31.874
XYZ	51.071, 28.808, 59.994
xyY	0.365, 0.206, 28.808
CIE-LCH	60.612, 82.658, 337.318
CIE-LUV	60.612, 86.833, -60.971
Hunter-Lab	53.673, 75.918, -28.701
Binary	11110101, 01001011, 11001100

#f54bcc
```
#f54bcc rgb(245,75,204)
```
#4bf574
```
#4bf574 rgb(75,245,116)
```

Complementary Color

#c94bf5
```
#c94bf5 rgb(201,75,245)
```
#f54bcc
```
#f54bcc rgb(245,75,204)
```
#f54b77
```
#f54b77 rgb(245,75,119)
```

Analogous Color

#4bf5c9
```
#4bf5c9 rgb(75,245,201)
```
#f54bcc
```
#f54bcc rgb(245,75,204)
```
#77f54b
```
#77f54b rgb(119,245,75)
```

Split Complementary Color

#4bccf5
```
#4bccf5 rgb(75,204,245)
```
#f54bcc
```
#f54bcc rgb(245,75,204)
```
#ccf54b
```
#ccf54b rgb(204,245,75)
```

Triadic Color

#744bf5
```
#744bf5 rgb(116,75,245)
```
#f54bcc
```
#f54bcc rgb(245,75,204)
```
#ccf54b
```
#ccf54b rgb(204,245,75)
```
#4bf574
```
#4bf574 rgb(75,245,116)
```

Tetradic Color

#e70db2
```
#e70db2 rgb(231,13,178)
```
#f21bbe
```
#f21bbe rgb(242,27,190)
```
#f433c5
```
#f433c5 rgb(244,51,197)
```
#f54bcc
```
#f54bcc rgb(245,75,204)
```
#f663d3
```
#f663d3 rgb(246,99,211)
```
#f87bda
```
#f87bda rgb(248,123,218)
```
#f993e1
```
#f993e1 rgb(249,147,225)
```

Monochromatic Color

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

#f44bf5
```
#f44bf5 rgb(244,75,245)
```
#f54be8
```
#f54be8 rgb(245,75,232)
```
#f54bda
```
#f54bda rgb(245,75,218)
```
#f54bcc
```
#f54bcc rgb(245,75,204)
```
#f54bbe
```
#f54bbe rgb(245,75,190)
```
#f54bb0
```
#f54bb0 rgb(245,75,176)
```
#f54ba2
```
#f54ba2 rgb(245,75,162)
```

Similar Colors

Text with hexadecimal color #f54bcc

This text has a font color of #f54bcc.

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

#f54bcc background color

This paragraph has a background color of #f54bcc.

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

#f54bcc border color

This element has a border color of #f54bcc.

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

CSS codes

.text {color:#f54bcc;}

.background {background-color:#f54bcc;}

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

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

#060005
```
#060005 rgb(6,0,5)
```
#180113
```
#180113 rgb(24,1,19)
```
#2b0221
```
#2b0221 rgb(43,2,33)
```
#3e0330
```
#3e0330 rgb(62,3,48)
```
#50043e
```
#50043e rgb(80,4,62)
```
#63054c
```
#63054c rgb(99,5,76)
```
#75075b
```
#75075b rgb(117,7,91)
```
#880869
```
#880869 rgb(136,8,105)
```
#9a0977
```
#9a0977 rgb(154,9,119)
```
#ad0a86
```
#ad0a86 rgb(173,10,134)
```
#c00b94
```
#c00b94 rgb(192,11,148)
```
#d20ca2
```
#d20ca2 rgb(210,12,162)
```
#e50db1
```
#e50db1 rgb(229,13,177)
```

Shade Color Variation

#f213bc
```
#f213bc rgb(242,19,188)
```
#f326c1
```
#f326c1 rgb(243,38,193)
```
#f438c7
```
#f438c7 rgb(244,56,199)
```
#f54bcc
```
#f54bcc rgb(245,75,204)
```
#f65ed1
```
#f65ed1 rgb(246,94,209)
```
#f770d7
```
#f770d7 rgb(247,112,215)
```
#f883dc
```
#f883dc rgb(248,131,220)
```
#f995e1
```
#f995e1 rgb(249,149,225)
```
#faa8e6
```
#faa8e6 rgb(250,168,230)
```
#fbbaec
```
#fbbaec rgb(251,186,236)
```
#fccdf1
```
#fccdf1 rgb(252,205,241)
```
#fde0f6
```
#fde0f6 rgb(253,224,246)
```
#fef2fb
```
#fef2fb rgb(254,242,251)
```

Tint Color Variation

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

#a59ba2
```
#a59ba2 rgb(165,155,162)
```
#ac94a6
```
#ac94a6 rgb(172,148,166)
```
#b38daa
```
#b38daa rgb(179,141,170)
```
#bb85ae
```
#bb85ae rgb(187,133,174)
```
#c27eb2
```
#c27eb2 rgb(194,126,178)
```
#c977b5
```
#c977b5 rgb(201,119,181)
```
#d070b9
```
#d070b9 rgb(208,112,185)
```
#d868bd
```
#d868bd rgb(216,104,189)
```
#df61c1
```
#df61c1 rgb(223,97,193)
```
#e65ac4
```
#e65ac4 rgb(230,90,196)
```
#ee52c8
```
#ee52c8 rgb(238,82,200)
```
#f54bcc
```
#f54bcc rgb(245,75,204)
```
#fc44d0
```
#fc44d0 rgb(252,68,208)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#a2809a Atypical Achromatopsia 0.001% of the population

Dichromacy

#6594fa Protanopia 1% of men
#8f95bf Deuteranopia 1% of men
#ec6f76 Tritanopia 0.001% of the population

Trichromacy

#9979e9 Protanomaly 1% of men, 0.01% of women
#b47ac3 Deuteranomaly 6% of men, 0.4% of women
#ef6295 Tritanomaly 0.01% of the population

#f54bcc hex color

#f54bcc Color Information

#f54bcc Color Conversion

Color Schemes with #f54bcc

Alternatives to #f54bcc

#f54bcc Preview

Shades and Tints of #f54bcc

Tones of #f54bcc

Color Blindness Simulator