#f02f45 Color Information
In a RGB color space, hex #f02f45 is composed of 94.1% red, 18.4% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80.4% magenta, 71.3% yellow and 5.9% black. It has a hue angle of 353.2 degrees, a saturation of 86.5% and a lightness of 56.3%. #f02f45 color hex could be obtained by blending #ff5e8a with #e10000. Closest websafe color is: #ff3333.
-
- R 94
- G 18
- B 27
-
- C 0
- M 80
- Y 71
- K 6
● #f02f45 color description : Bright red.
#f02f45 Color Conversion
The hexadecimal color #f02f45 has RGB values of R:240, G:47, B:69 and CMYK values of C:0, M:0.8, Y:0.71, K:0.06. Its decimal value is 15740741.
Hex triplet | f02f45 | #f02f45 |
---|---|---|
RGB Decimal | 240, 47, 69 | rgb(240,47,69) |
RGB Percent | 94.1, 18.4, 27.1 | rgb(94.1%,18.4%,27.1%) |
CMYK | 0, 80, 71, 6 | |
HSL | 353.2°, 86.5, 56.3 | hsl(353.2,86.5%,56.3%) |
HSV (or HSB) | 353.2°, 80.4, 94.1 | |
Web Safe | ff3333 | #ff3333 |
CIE-LAB | 52.941, 71.27, 36.231 |
---|---|
XYZ | 38.028, 20.993, 7.68 |
xyY | 0.57, 0.315, 20.993 |
CIE-LCH | 52.941, 79.951, 26.947 |
CIE-LUV | 52.941, 142.298, 23.542 |
Hunter-Lab | 45.818, 67.97, 22.135 |
Binary | 11110000, 00101111, 01000101 |
Color Schemes with #f02f45
Alternatives to #f02f45
Below, you can see some colors close to #f02f45. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f02f45 Preview
This text has a font color of #f02f45.
<span style="color:#f02f45;">Text here</span>
This paragraph has a background color of #f02f45.
<p style="background-color:#f02f45;">Content here</p>
This element has a border color of #f02f45.
<div style="border:1px solid #f02f45;">Content here</div>
.text {color:#f02f45;}
.background {background-color:#f02f45;}
.border {border:1px solid #f02f45;}
Shades and Tints of #f02f45
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, #0c0102 is the darkest color, while #fff8f9 is the lightest one.
-
#0c0102
#0c0102
rgb(12,1,2)
-
#1e0205
#1e0205
rgb(30,2,5)
-
#300309
#300309
rgb(48,3,9)
-
#42050c
#42050c
rgb(66,5,12)
-
#55060f
#55060f
rgb(85,6,15)
-
#670712
#670712
rgb(103,7,18)
-
#790916
#790916
rgb(121,9,22)
-
#8c0a19
#8c0a19
rgb(140,10,25)
-
#9e0b1c
#9e0b1c
rgb(158,11,28)
-
#b00d1f
#b00d1f
rgb(176,13,31)
-
#c30e23
#c30e23
rgb(195,14,35)
-
#d50f26
#d50f26
rgb(213,15,38)
-
#e71129
#e71129
rgb(231,17,41)
-
#ef1d35
#ef1d35
rgb(239,29,53)
-
#f02f45
#f02f45
rgb(240,47,69)
-
#f14155
#f14155
rgb(241,65,85)
-
#f35466
#f35466
rgb(243,84,102)
-
#f46676
#f46676
rgb(244,102,118)
-
#f57886
#f57886
rgb(245,120,134)
-
#f78a97
#f78a97
rgb(247,138,151)
-
#f89da7
#f89da7
rgb(248,157,167)
-
#f9afb8
#f9afb8
rgb(249,175,184)
-
#fbc1c8
#fbc1c8
rgb(251,193,200)
-
#fcd4d8
#fcd4d8
rgb(252,212,216)
-
#fde6e9
#fde6e9
rgb(253,230,233)
-
#fff8f9
#fff8f9
rgb(255,248,249)
Tones of #f02f45
A tone is produced by adding gray to any pure hue. In this case, #928d8e is the less saturated color, while #f9263e is the most saturated one.
-
#928d8e
#928d8e
rgb(146,141,142)
-
#9a8587
#9a8587
rgb(154,133,135)
-
#a37c81
#a37c81
rgb(163,124,129)
-
#ab747a
#ab747a
rgb(171,116,122)
-
#b46b73
#b46b73
rgb(180,107,115)
-
#bd626d
#bd626d
rgb(189,98,109)
-
#c55a66
#c55a66
rgb(197,90,102)
-
#ce515f
#ce515f
rgb(206,81,95)
-
#d64959
#d64959
rgb(214,73,89)
-
#df4052
#df4052
rgb(223,64,82)
-
#e7384c
#e7384c
rgb(231,56,76)
-
#f02f45
#f02f45
rgb(240,47,69)
-
#f9263e
#f9263e
rgb(249,38,62)
Color Blindness Simulator
Below, you can see how #f02f45 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.