#f54682 Color Information
In a RGB color space, hex #f54682 is composed of 96.1% red, 27.5% green and 51% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 71.4% magenta, 46.9% yellow and 3.9% black. It has a hue angle of 339.4 degrees, a saturation of 89.7% and a lightness of 61.8%. #f54682 color hex could be obtained by blending #ff8cff with #eb0005. Closest websafe color is: #ff3399.
-
- R 96
- G 27
- B 51
-
- C 0
- M 71
- Y 47
- K 4
● #f54682 color description : Bright pink.
#f54682 Color Conversion
The hexadecimal color #f54682 has RGB values of R:245, G:70, B:130 and CMYK values of C:0, M:0.71, Y:0.47, K:0.04. Its decimal value is 16074370.
Hex triplet | f54682 | #f54682 |
---|---|---|
RGB Decimal | 245, 70, 130 | rgb(245,70,130) |
RGB Percent | 96.1, 27.5, 51 | rgb(96.1%,27.5%,51%) |
CMYK | 0, 71, 47, 4 | |
HSL | 339.4°, 89.7, 61.8 | hsl(339.4,89.7%,61.8%) |
HSV (or HSB) | 339.4°, 71.4, 96.1 | |
Web Safe | ff3399 | #ff3399 |
CIE-LAB | 57.472, 69.74, 6.348 |
---|---|
XYZ | 43.877, 25.409, 23.712 |
xyY | 0.472, 0.273, 25.409 |
CIE-LCH | 57.472, 70.028, 5.201 |
CIE-LUV | 57.472, 116.478, -5.546 |
Hunter-Lab | 50.407, 67.162, 7.395 |
Binary | 11110101, 01000110, 10000010 |
Color Schemes with #f54682
Alternatives to #f54682
Below, you can see some colors close to #f54682. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f54682 Preview
This text has a font color of #f54682.
<span style="color:#f54682;">Text here</span>
This paragraph has a background color of #f54682.
<p style="background-color:#f54682;">Content here</p>
This element has a border color of #f54682.
<div style="border:1px solid #f54682;">Content here</div>
.text {color:#f54682;}
.background {background-color:#f54682;}
.border {border:1px solid #f54682;}
Shades and Tints of #f54682
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, #010000 is the darkest color, while #feedf3 is the lightest one.
-
#010000
#010000
rgb(1,0,0)
-
#140107
#140107
rgb(20,1,7)
-
#26020e
#26020e
rgb(38,2,14)
-
#390316
#390316
rgb(57,3,22)
-
#4c041d
#4c041d
rgb(76,4,29)
-
#5e0524
#5e0524
rgb(94,5,36)
-
#71062b
#71062b
rgb(113,6,43)
-
#830732
#830732
rgb(131,7,50)
-
#960839
#960839
rgb(150,8,57)
-
#a90940
#a90940
rgb(169,9,64)
-
#bb0a47
#bb0a47
rgb(187,10,71)
-
#ce0b4e
#ce0b4e
rgb(206,11,78)
-
#e00c55
#e00c55
rgb(224,12,85)
-
#f20e5c
#f20e5c
rgb(242,14,92)
-
#f32169
#f32169
rgb(243,33,105)
-
#f43375
#f43375
rgb(244,51,117)
-
#f54682
#f54682
rgb(245,70,130)
-
#f6598f
#f6598f
rgb(246,89,143)
-
#f76b9b
#f76b9b
rgb(247,107,155)
-
#f87ea8
#f87ea8
rgb(248,126,168)
-
#f990b4
#f990b4
rgb(249,144,180)
-
#faa3c1
#faa3c1
rgb(250,163,193)
-
#fbb6cd
#fbb6cd
rgb(251,182,205)
-
#fcc8da
#fcc8da
rgb(252,200,218)
-
#fddbe7
#fddbe7
rgb(253,219,231)
-
#feedf3
#feedf3
rgb(254,237,243)
Tones of #f54682
A tone is produced by adding gray to any pure hue. In this case, #a3999c is the less saturated color, while #fd3f80 is the most saturated one.
-
#a3999c
#a3999c
rgb(163,153,156)
-
#aa919a
#aa919a
rgb(170,145,154)
-
#b28a97
#b28a97
rgb(178,138,151)
-
#b98295
#b98295
rgb(185,130,149)
-
#c17b93
#c17b93
rgb(193,123,147)
-
#c87390
#c87390
rgb(200,115,144)
-
#d06c8e
#d06c8e
rgb(208,108,142)
-
#d7648b
#d7648b
rgb(215,100,139)
-
#df5d89
#df5d89
rgb(223,93,137)
-
#e65587
#e65587
rgb(230,85,135)
-
#ee4e84
#ee4e84
rgb(238,78,132)
-
#f54682
#f54682
rgb(245,70,130)
-
#fd3f80
#fd3f80
rgb(253,63,128)
Color Blindness Simulator
Below, you can see how #f54682 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.