#f30877 Color Information
In a RGB color space, hex #f30877 is composed of 95.3% red, 3.1% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 96.7% magenta, 51% yellow and 4.7% black. It has a hue angle of 331.7 degrees, a saturation of 93.6% and a lightness of 49.2%. #f30877 color hex could be obtained by blending #ff10ee with #e70000. Closest websafe color is: #ff0066.
-
- R 95
- G 3
- B 47
-
- C 0
- M 97
- Y 51
- K 5
● #f30877 color description : Vivid pink.
#f30877 Color Conversion
The hexadecimal color #f30877 has RGB values of R:243, G:8, B:119 and CMYK values of C:0, M:0.97, Y:0.51, K:0.05. Its decimal value is 15927415.
Hex triplet | f30877 | #f30877 |
---|---|---|
RGB Decimal | 243, 8, 119 | rgb(243,8,119) |
RGB Percent | 95.3, 3.1, 46.7 | rgb(95.3%,3.1%,46.7%) |
CMYK | 0, 97, 51, 5 | |
HSL | 331.7°, 93.6, 49.2 | hsl(331.7,93.6%,49.2%) |
HSV (or HSB) | 331.7°, 96.7, 95.3 | |
Web Safe | ff0066 | #ff0066 |
CIE-LAB | 52.47, 80.748, 5.714 |
---|---|
XYZ | 40.38, 20.565, 19.295 |
xyY | 0.503, 0.256, 20.565 |
CIE-LCH | 52.47, 80.95, 4.048 |
CIE-LUV | 52.47, 135.925, -9.066 |
Hunter-Lab | 45.349, 79.583, 6.517 |
Binary | 11110011, 00001000, 01110111 |
Color Schemes with #f30877
Alternatives to #f30877
Below, you can see some colors close to #f30877. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f30877 Preview
This text has a font color of #f30877.
<span style="color:#f30877;">Text here</span>
This paragraph has a background color of #f30877.
<p style="background-color:#f30877;">Content here</p>
This element has a border color of #f30877.
<div style="border:1px solid #f30877;">Content here</div>
.text {color:#f30877;}
.background {background-color:#f30877;}
.border {border:1px solid #f30877;}
Shades and Tints of #f30877
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, #0f0007 is the darkest color, while #fffbfd is the lightest one.
-
#0f0007
#0f0007
rgb(15,0,7)
-
#220111
#220111
rgb(34,1,17)
-
#35021a
#35021a
rgb(53,2,26)
-
#480223
#480223
rgb(72,2,35)
-
#5b032d
#5b032d
rgb(91,3,45)
-
#6e0436
#6e0436
rgb(110,4,54)
-
#81043f
#81043f
rgb(129,4,63)
-
#940549
#940549
rgb(148,5,73)
-
#a70552
#a70552
rgb(167,5,82)
-
#ba065b
#ba065b
rgb(186,6,91)
-
#cd0764
#cd0764
rgb(205,7,100)
-
#e0076e
#e0076e
rgb(224,7,110)
-
#f30877
#f30877
rgb(243,8,119)
-
#f71781
#f71781
rgb(247,23,129)
-
#f82a8b
#f82a8b
rgb(248,42,139)
-
#f93d96
#f93d96
rgb(249,61,150)
-
#f950a0
#f950a0
rgb(249,80,160)
-
#fa63aa
#fa63aa
rgb(250,99,170)
-
#fa76b5
#fa76b5
rgb(250,118,181)
-
#fb89bf
#fb89bf
rgb(251,137,191)
-
#fc9cc9
#fc9cc9
rgb(252,156,201)
-
#fcafd4
#fcafd4
rgb(252,175,212)
-
#fdc2de
#fdc2de
rgb(253,194,222)
-
#fed5e8
#fed5e8
rgb(254,213,232)
-
#fee8f3
#fee8f3
rgb(254,232,243)
-
#fffbfd
#fffbfd
rgb(255,251,253)
Tones of #f30877
A tone is produced by adding gray to any pure hue. In this case, #7f7c7d is the less saturated color, while #f30877 is the most saturated one.
-
#7f7c7d
#7f7c7d
rgb(127,124,125)
-
#89727d
#89727d
rgb(137,114,125)
-
#92697c
#92697c
rgb(146,105,124)
-
#9c5f7c
#9c5f7c
rgb(156,95,124)
-
#a6557b
#a6557b
rgb(166,85,123)
-
#af4c7b
#af4c7b
rgb(175,76,123)
-
#b9427a
#b9427a
rgb(185,66,122)
-
#c3387a
#c3387a
rgb(195,56,122)
-
#cc2f79
#cc2f79
rgb(204,47,121)
-
#d62579
#d62579
rgb(214,37,121)
-
#e01b78
#e01b78
rgb(224,27,120)
-
#e91278
#e91278
rgb(233,18,120)
-
#f30877
#f30877
rgb(243,8,119)
Color Blindness Simulator
Below, you can see how #f30877 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.