#f54585 Color Information
In a RGB color space, hex #f54585 is composed of 96.1% red, 27.1% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 71.8% magenta, 45.7% yellow and 3.9% black. It has a hue angle of 338.2 degrees, a saturation of 89.8% and a lightness of 61.6%. #f54585 color hex could be obtained by blending #ff8aff with #eb000b. Closest websafe color is: #ff3399.
-
- R 96
- G 27
- B 52
-
- C 0
- M 72
- Y 46
- K 4
● #f54585 color description : Bright pink.
#f54585 Color Conversion
The hexadecimal color #f54585 has RGB values of R:245, G:69, B:133 and CMYK values of C:0, M:0.72, Y:0.46, K:0.04. Its decimal value is 16074117.
Hex triplet | f54585 | #f54585 |
---|---|---|
RGB Decimal | 245, 69, 133 | rgb(245,69,133) |
RGB Percent | 96.1, 27.1, 52.2 | rgb(96.1%,27.1%,52.2%) |
CMYK | 0, 72, 46, 4 | |
HSL | 338.2°, 89.8, 61.6 | hsl(338.2,89.8%,61.6%) |
HSV (or HSB) | 338.2°, 71.8, 96.1 | |
Web Safe | ff3399 | #ff3399 |
CIE-LAB | 57.431, 70.333, 4.518 |
---|---|
XYZ | 44.019, 25.367, 24.767 |
xyY | 0.468, 0.269, 25.367 |
CIE-LCH | 57.431, 70.478, 3.676 |
CIE-LUV | 57.431, 115.832, -7.957 |
Hunter-Lab | 50.365, 67.869, 6.1 |
Binary | 11110101, 01000101, 10000101 |
Color Schemes with #f54585
Alternatives to #f54585
Below, you can see some colors close to #f54585. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f54585 Preview
This text has a font color of #f54585.
<span style="color:#f54585;">Text here</span>
This paragraph has a background color of #f54585.
<p style="background-color:#f54585;">Content here</p>
This element has a border color of #f54585.
<div style="border:1px solid #f54585;">Content here</div>
.text {color:#f54585;}
.background {background-color:#f54585;}
.border {border:1px solid #f54585;}
Shades and Tints of #f54585
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, #000000 is the darkest color, while #feedf3 is the lightest one.
-
#000000
#000000
rgb(0,0,0)
-
#130107
#130107
rgb(19,1,7)
-
#25020f
#25020f
rgb(37,2,15)
-
#380316
#380316
rgb(56,3,22)
-
#4b041e
#4b041e
rgb(75,4,30)
-
#5d0525
#5d0525
rgb(93,5,37)
-
#70062c
#70062c
rgb(112,6,44)
-
#820734
#820734
rgb(130,7,52)
-
#95083b
#95083b
rgb(149,8,59)
-
#a80943
#a80943
rgb(168,9,67)
-
#ba0a4a
#ba0a4a
rgb(186,10,74)
-
#cd0b52
#cd0b52
rgb(205,11,82)
-
#e00c59
#e00c59
rgb(224,12,89)
-
#f20d60
#f20d60
rgb(242,13,96)
-
#f3206d
#f3206d
rgb(243,32,109)
-
#f43279
#f43279
rgb(244,50,121)
-
#f54585
#f54585
rgb(245,69,133)
-
#f65891
#f65891
rgb(246,88,145)
-
#f76a9d
#f76a9d
rgb(247,106,157)
-
#f87daa
#f87daa
rgb(248,125,170)
-
#f98fb6
#f98fb6
rgb(249,143,182)
-
#faa2c2
#faa2c2
rgb(250,162,194)
-
#fbb5ce
#fbb5ce
rgb(251,181,206)
-
#fcc7da
#fcc7da
rgb(252,199,218)
-
#fddae7
#fddae7
rgb(253,218,231)
-
#feedf3
#feedf3
rgb(254,237,243)
Tones of #f54585
A tone is produced by adding gray to any pure hue. In this case, #a2989c is the less saturated color, while #fd3d83 is the most saturated one.
-
#a2989c
#a2989c
rgb(162,152,156)
-
#aa909a
#aa909a
rgb(170,144,154)
-
#b18998
#b18998
rgb(177,137,152)
-
#b98195
#b98195
rgb(185,129,149)
-
#c07a93
#c07a93
rgb(192,122,147)
-
#c87291
#c87291
rgb(200,114,145)
-
#cf6b8f
#cf6b8f
rgb(207,107,143)
-
#d7638d
#d7638d
rgb(215,99,141)
-
#de5c8b
#de5c8b
rgb(222,92,139)
-
#e65489
#e65489
rgb(230,84,137)
-
#ed4d87
#ed4d87
rgb(237,77,135)
-
#f54585
#f54585
rgb(245,69,133)
-
#fd3d83
#fd3d83
rgb(253,61,131)
Color Blindness Simulator
Below, you can see how #f54585 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.