colorhexa.com

#f54291 hex color

In a RGB color space, hex #f54291 is composed of 96.1% red, 25.9% green and 56.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 73.1% magenta, 40.8% yellow and 3.9% black. It has a hue angle of 333.5 degrees, a saturation of 89.9% and a lightness of 61%. #f54291 color hex could be obtained by blending #ff84ff with #eb0023. Closest websafe color is: #ff3399.

- R 96
- G 26
- B 57
RGB color chart
- C 0
- M 73
- Y 41
- K 4
CMYK color chart

● #f54291 color description : Bright pink.

The hexadecimal color #f54291 has RGB values of R:245, G:66, B:145 and CMYK values of C:0, M:0.73, Y:0.41, K:0.04. Its decimal value is 16073361.

Hex triplet	f54291	`#f54291`
RGB Decimal	245, 66, 145	`rgb(245,66,145)`
RGB Percent	96.1, 25.9, 56.9	`rgb(96.1%,25.9%,56.9%)`
CMYK	0, 73, 41, 4
HSL	333.5°, 89.9, 61	`hsl(333.5,89.9%,61%)`
HSV (or HSB)	333.5°, 73.1, 96.1
Web Safe	ff3399	`#ff3399`

CIE-LAB	57.422, 72.402, -2.57
XYZ	44.716, 25.358, 29.326
xyY	0.45, 0.255, 25.358
CIE-LCH	57.422, 72.447, 357.967
CIE-LUV	57.422, 112.559, -17.555
Hunter-Lab	50.356, 70.383, 0.721
Binary	11110101, 01000010, 10010001

#f54291
```
#f54291 rgb(245,66,145)
```
#42f5a6
```
#42f5a6 rgb(66,245,166)
```

Complementary Color

#f542eb
```
#f542eb rgb(245,66,235)
```
#f54291
```
#f54291 rgb(245,66,145)
```
#f54d42
```
#f54d42 rgb(245,77,66)
```

Analogous Color

#42ebf5
```
#42ebf5 rgb(66,235,245)
```
#f54291
```
#f54291 rgb(245,66,145)
```
#42f54d
```
#42f54d rgb(66,245,77)
```

Split Complementary Color

#4291f5
```
#4291f5 rgb(66,145,245)
```
#f54291
```
#f54291 rgb(245,66,145)
```
#91f542
```
#91f542 rgb(145,245,66)
```

Triadic Color

#a642f5
```
#a642f5 rgb(166,66,245)
```
#f54291
```
#f54291 rgb(245,66,145)
```
#91f542
```
#91f542 rgb(145,245,66)
```
#42f5a6
```
#42f5a6 rgb(66,245,166)
```

Tetradic Color

#df0c69
```
#df0c69 rgb(223,12,105)
```
#f21275
```
#f21275 rgb(242,18,117)
```
#f42a83
```
#f42a83 rgb(244,42,131)
```
#f54291
```
#f54291 rgb(245,66,145)
```
#f65a9f
```
#f65a9f rgb(246,90,159)
```
#f872ad
```
#f872ad rgb(248,114,173)
```
#f98bbb
```
#f98bbb rgb(249,139,187)
```

Monochromatic Color

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

#f542be
```
#f542be rgb(245,66,190)
```
#f542af
```
#f542af rgb(245,66,175)
```
#f542a0
```
#f542a0 rgb(245,66,160)
```
#f54291
```
#f54291 rgb(245,66,145)
```
#f54282
```
#f54282 rgb(245,66,130)
```
#f54273
```
#f54273 rgb(245,66,115)
```
#f54264
```
#f54264 rgb(245,66,100)
```

Similar Colors

Text with hexadecimal color #f54291

This text has a font color of #f54291.

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

#f54291 background color

This paragraph has a background color of #f54291.

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

#f54291 border color

This element has a border color of #f54291.

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

CSS codes

.text {color:#f54291;}

.background {background-color:#f54291;}

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

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

#100107
```
#100107 rgb(16,1,7)
```
#230210
```
#230210 rgb(35,2,16)
```
#350319
```
#350319 rgb(53,3,25)
```
#480422
```
#480422 rgb(72,4,34)
```
#5a052b
```
#5a052b rgb(90,5,43)
```
#6d0633
```
#6d0633 rgb(109,6,51)
```
#80073c
```
#80073c rgb(128,7,60)
```
#920845
```
#920845 rgb(146,8,69)
```
#a5094e
```
#a5094e rgb(165,9,78)
```
#b80a56
```
#b80a56 rgb(184,10,86)
```
#ca0b5f
```
#ca0b5f rgb(202,11,95)
```
#dd0c68
```
#dd0c68 rgb(221,12,104)
```
#ef0d71
```
#ef0d71 rgb(239,13,113)
```

Shade Color Variation

#f31d7b
```
#f31d7b rgb(243,29,123)
```
#f42f86
```
#f42f86 rgb(244,47,134)
```
#f54291
```
#f54291 rgb(245,66,145)
```
#f6559c
```
#f6559c rgb(246,85,156)
```
#f767a7
```
#f767a7 rgb(247,103,167)
```
#f87ab2
```
#f87ab2 rgb(248,122,178)
```
#f98dbc
```
#f98dbc rgb(249,141,188)
```
#fa9fc7
```
#fa9fc7 rgb(250,159,199)
```
#fbb2d2
```
#fbb2d2 rgb(251,178,210)
```
#fcc4dd
```
#fcc4dd rgb(252,196,221)
```
#fdd7e8
```
#fdd7e8 rgb(253,215,232)
```
#feeaf3
```
#feeaf3 rgb(254,234,243)
```
#fffcfd
```
#fffcfd rgb(255,252,253)
```

Tint Color Variation

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

#a1969b
```
#a1969b rgb(161,150,155)
```
#a88f9a
```
#a88f9a rgb(168,143,154)
```
#b08799
```
#b08799 rgb(176,135,153)
```
#b87f98
```
#b87f98 rgb(184,127,152)
```
#bf7897
```
#bf7897 rgb(191,120,151)
```
#c77096
```
#c77096 rgb(199,112,150)
```
#cf6895
```
#cf6895 rgb(207,104,149)
```
#d66195
```
#d66195 rgb(214,97,149)
```
#de5994
```
#de5994 rgb(222,89,148)
```
#e65193
```
#e65193 rgb(230,81,147)
```
#ed4a92
```
#ed4a92 rgb(237,74,146)
```
#f54291
```
#f54291 rgb(245,66,145)
```
#fd3a90
```
#fd3a90 rgb(253,58,144)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#987484 Atypical Achromatopsia 0.001% of the population

Dichromacy

#838eba Protanopia 1% of men
#9f8b89 Deuteranopia 1% of men
#f15a5f Tritanopia 0.001% of the population

Trichromacy

#ac72ab Protanomaly 1% of men, 0.01% of women
#be708c Deuteranomaly 6% of men, 0.4% of women
#f25171 Tritanomaly 0.01% of the population