#f02e30 Color Information
In a RGB color space, hex #f02e30 is composed of 94.1% red, 18% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80.8% magenta, 80% yellow and 5.9% black. It has a hue angle of 359.4 degrees, a saturation of 86.6% and a lightness of 56.1%. #f02e30 color hex could be obtained by blending #ff5c60 with #e10000. Closest websafe color is: #ff3333.
-
- R 94
- G 18
- B 19
-
- C 0
- M 81
- Y 80
- K 6
● #f02e30 color description : Bright red.
#f02e30 Color Conversion
The hexadecimal color #f02e30 has RGB values of R:240, G:46, B:48 and CMYK values of C:0, M:0.81, Y:0.8, K:0.06. Its decimal value is 15740464.
Hex triplet | f02e30 | #f02e30 |
---|---|---|
RGB Decimal | 240, 46, 48 | rgb(240,46,48) |
RGB Percent | 94.1, 18, 18.8 | rgb(94.1%,18%,18.8%) |
CMYK | 0, 81, 80, 6 | |
HSL | 359.4°, 86.6, 56.1 | hsl(359.4,86.6%,56.1%) |
HSV (or HSB) | 359.4°, 80.8, 94.1 | |
Web Safe | ff3333 | #ff3333 |
CIE-LAB | 52.617, 70.787, 47.558 |
---|---|
XYZ | 37.448, 20.697, 4.819 |
xyY | 0.595, 0.329, 20.697 |
CIE-LCH | 52.617, 85.279, 33.895 |
CIE-LUV | 52.617, 147.424, 31.273 |
Hunter-Lab | 45.494, 67.313, 25.565 |
Binary | 11110000, 00101110, 00110000 |
Color Schemes with #f02e30
Alternatives to #f02e30
Below, you can see some colors close to #f02e30. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f02e30 Preview
This text has a font color of #f02e30.
<span style="color:#f02e30;">Text here</span>
This paragraph has a background color of #f02e30.
<p style="background-color:#f02e30;">Content here</p>
This element has a border color of #f02e30.
<div style="border:1px solid #f02e30;">Content here</div>
.text {color:#f02e30;}
.background {background-color:#f02e30;}
.border {border:1px solid #f02e30;}
Shades and Tints of #f02e30
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, #0b0101 is the darkest color, while #fef7f7 is the lightest one.
-
#0b0101
#0b0101
rgb(11,1,1)
-
#1d0202
#1d0202
rgb(29,2,2)
-
#2f0304
#2f0304
rgb(47,3,4)
-
#420505
#420505
rgb(66,5,5)
-
#540607
#540607
rgb(84,6,7)
-
#660708
#660708
rgb(102,7,8)
-
#78090a
#78090a
rgb(120,9,10)
-
#8b0a0b
#8b0a0b
rgb(139,10,11)
-
#9d0b0d
#9d0b0d
rgb(157,11,13)
-
#af0d0e
#af0d0e
rgb(175,13,14)
-
#c20e10
#c20e10
rgb(194,14,16)
-
#d40f11
#d40f11
rgb(212,15,17)
-
#e61113
#e61113
rgb(230,17,19)
-
#ef1c1e
#ef1c1e
rgb(239,28,30)
-
#f02e30
#f02e30
rgb(240,46,48)
-
#f14042
#f14042
rgb(241,64,66)
-
#f35354
#f35354
rgb(243,83,84)
-
#f46566
#f46566
rgb(244,101,102)
-
#f57779
#f57779
rgb(245,119,121)
-
#f78a8b
#f78a8b
rgb(247,138,139)
-
#f89c9d
#f89c9d
rgb(248,156,157)
-
#f9aeaf
#f9aeaf
rgb(249,174,175)
-
#fbc0c1
#fbc0c1
rgb(251,192,193)
-
#fcd3d3
#fcd3d3
rgb(252,211,211)
-
#fde5e5
#fde5e5
rgb(253,229,229)
-
#fef7f7
#fef7f7
rgb(254,247,247)
Tones of #f02e30
A tone is produced by adding gray to any pure hue. In this case, #918d8d is the less saturated color, while #f92528 is the most saturated one.
-
#918d8d
#918d8d
rgb(145,141,141)
-
#9a8484
#9a8484
rgb(154,132,132)
-
#a27c7c
#a27c7c
rgb(162,124,124)
-
#ab7374
#ab7374
rgb(171,115,116)
-
#b46a6b
#b46a6b
rgb(180,106,107)
-
#bc6263
#bc6263
rgb(188,98,99)
-
#c5595a
#c5595a
rgb(197,89,90)
-
#ce5052
#ce5052
rgb(206,80,82)
-
#d64849
#d64849
rgb(214,72,73)
-
#df3f41
#df3f41
rgb(223,63,65)
-
#e73738
#e73738
rgb(231,55,56)
-
#f02e30
#f02e30
rgb(240,46,48)
-
#f92528
#f92528
rgb(249,37,40)
Color Blindness Simulator
Below, you can see how #f02e30 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.