#f74258 Color Information
In a RGB color space, hex #f74258 is composed of 96.9% red, 25.9% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 73.3% magenta, 64.4% yellow and 3.1% black. It has a hue angle of 352.7 degrees, a saturation of 91.9% and a lightness of 61.4%. #f74258 color hex could be obtained by blending #ff84b0 with #ef0000. Closest websafe color is: #ff3366.
-
- R 97
- G 26
- B 35
-
- C 0
- M 73
- Y 64
- K 3
● #f74258 color description : Bright red.
#f74258 Color Conversion
The hexadecimal color #f74258 has RGB values of R:247, G:66, B:88 and CMYK values of C:0, M:0.73, Y:0.64, K:0.03. Its decimal value is 16204376.
| Hex triplet | f74258 | #f74258 |
|---|---|---|
| RGB Decimal | 247, 66, 88 | rgb(247,66,88) |
| RGB Percent | 96.9, 25.9, 34.5 | rgb(96.9%,25.9%,34.5%) |
| CMYK | 0, 73, 64, 3 | |
| HSL | 352.7°, 91.9, 61.4 | hsl(352.7,91.9%,61.4%) |
| HSV (or HSB) | 352.7°, 73.3, 96.9 | |
| Web Safe | ff3366 | #ff3366 |
| CIE-LAB | 56.466, 68.692, 29.797 |
|---|---|
| XYZ | 42.069, 24.38, 11.723 |
| xyY | 0.538, 0.312, 24.38 |
| CIE-LCH | 56.466, 74.877, 23.45 |
| CIE-LUV | 56.466, 133.652, 19.848 |
| Hunter-Lab | 49.376, 65.677, 20.487 |
| Binary | 11110111, 01000010, 01011000 |
Color Schemes with #f74258
Alternatives to #f74258
Below, you can see some colors close to #f74258. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f74258 Preview
This text has a font color of #f74258.
<span style="color:#f74258;">Text here</span>
This paragraph has a background color of #f74258.
<p style="background-color:#f74258;">Content here</p>
This element has a border color of #f74258.
<div style="border:1px solid #f74258;">Content here</div>
.text {color:#f74258;}
.background {background-color:#f74258;}
.border {border:1px solid #f74258;}
Shades and Tints of #f74258
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, #120103 is the darkest color, while #fffefe is the lightest one.
-
#120103
#120103rgb(18,1,3) -
#250206
#250206rgb(37,2,6) -
#380209
#380209rgb(56,2,9) -
#4a030c
#4a030crgb(74,3,12) -
#5d040f
#5d040frgb(93,4,15) -
#700512
#700512rgb(112,5,18) -
#830615
#830615rgb(131,6,21) -
#960618
#960618rgb(150,6,24) -
#a9071b
#a9071brgb(169,7,27) -
#bb081e
#bb081ergb(187,8,30) -
#ce0921
#ce0921rgb(206,9,33) -
#e10a24
#e10a24rgb(225,10,36) -
#f40a27
#f40a27rgb(244,10,39)
-
#f51c37
#f51c37rgb(245,28,55) -
#f62f47
#f62f47rgb(246,47,71) -
#f74258
#f74258rgb(247,66,88) -
#f85569
#f85569rgb(248,85,105) -
#f96879
#f96879rgb(249,104,121) -
#f97a8a
#f97a8argb(249,122,138) -
#fa8d9b
#fa8d9brgb(250,141,155) -
#fba0ab
#fba0abrgb(251,160,171) -
#fcb3bc
#fcb3bcrgb(252,179,188) -
#fdc6cc
#fdc6ccrgb(253,198,204) -
#fdd9dd
#fdd9ddrgb(253,217,221) -
#feebee
#feebeergb(254,235,238) -
#fffefe
#fffefergb(255,254,254)
Tones of #f74258
A tone is produced by adding gray to any pure hue. In this case, #a49597 is the less saturated color, while #ff3a52 is the most saturated one.
-
#a49597
#a49597rgb(164,149,151) -
#ab8e91
#ab8e91rgb(171,142,145) -
#b3868c
#b3868crgb(179,134,140) -
#ba7f86
#ba7f86rgb(186,127,134) -
#c27780
#c27780rgb(194,119,128) -
#ca6f7a
#ca6f7argb(202,111,122) -
#d16875
#d16875rgb(209,104,117) -
#d9606f
#d9606frgb(217,96,111) -
#e05969
#e05969rgb(224,89,105) -
#e85163
#e85163rgb(232,81,99) -
#ef4a5e
#ef4a5ergb(239,74,94) -
#f74258
#f74258rgb(247,66,88) -
#ff3a52
#ff3a52rgb(255,58,82)
Color Blindness Simulator
Below, you can see how #f74258 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.
