#f03306 Color Information
In a RGB color space, hex #f03306 is composed of 94.1% red, 20% green and 2.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 78.8% magenta, 97.5% yellow and 5.9% black. It has a hue angle of 11.5 degrees, a saturation of 95.1% and a lightness of 48.2%. #f03306 color hex could be obtained by blending #ff660c with #e10000. Closest websafe color is: #ff3300.
-
- R 94
- G 20
- B 2
-
- C 0
- M 79
- Y 98
- K 6
● #f03306 color description : Vivid red.
#f03306 Color Conversion
The hexadecimal color #f03306 has RGB values of R:240, G:51, B:6 and CMYK values of C:0, M:0.79, Y:0.98, K:0.06. Its decimal value is 15741702.
Hex triplet | f03306 | #f03306 |
---|---|---|
RGB Decimal | 240, 51, 6 | rgb(240,51,6) |
RGB Percent | 94.1, 20, 2.4 | rgb(94.1%,20%,2.4%) |
CMYK | 0, 79, 98, 6 | |
HSL | 11.5°, 95.1, 48.2 | hsl(11.5,95.1%,48.2%) |
HSV (or HSB) | 11.5°, 97.5, 94.1 | |
Web Safe | ff3300 | #ff3300 |
CIE-LAB | 52.852, 68.813, 63.809 |
---|---|
XYZ | 37.154, 20.911, 2.252 |
xyY | 0.616, 0.347, 20.911 |
CIE-LCH | 52.852, 93.845, 42.839 |
CIE-LUV | 52.852, 149.633, 39.838 |
Hunter-Lab | 45.728, 65.005, 29.09 |
Binary | 11110000, 00110011, 00000110 |
Color Schemes with #f03306
Alternatives to #f03306
Below, you can see some colors close to #f03306. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f03306 Preview
This text has a font color of #f03306.
<span style="color:#f03306;">Text here</span>
This paragraph has a background color of #f03306.
<p style="background-color:#f03306;">Content here</p>
This element has a border color of #f03306.
<div style="border:1px solid #f03306;">Content here</div>
.text {color:#f03306;}
.background {background-color:#f03306;}
.border {border:1px solid #f03306;}
Shades and Tints of #f03306
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, #0a0200 is the darkest color, while #fff8f6 is the lightest one.
-
#0a0200
#0a0200
rgb(10,2,0)
-
#1d0601
#1d0601
rgb(29,6,1)
-
#310a01
#310a01
rgb(49,10,1)
-
#440e02
#440e02
rgb(68,14,2)
-
#571202
#571202
rgb(87,18,2)
-
#6a1703
#6a1703
rgb(106,23,3)
-
#7d1b03
#7d1b03
rgb(125,27,3)
-
#901f04
#901f04
rgb(144,31,4)
-
#a32304
#a32304
rgb(163,35,4)
-
#b72705
#b72705
rgb(183,39,5)
-
#ca2b05
#ca2b05
rgb(202,43,5)
-
#dd2f06
#dd2f06
rgb(221,47,6)
-
#f03306
#f03306
rgb(240,51,6)
-
#f93d11
#f93d11
rgb(249,61,17)
-
#fa4d24
#fa4d24
rgb(250,77,36)
-
#fa5c37
#fa5c37
rgb(250,92,55)
-
#fa6c4a
#fa6c4a
rgb(250,108,74)
-
#fb7b5d
#fb7b5d
rgb(251,123,93)
-
#fb8b70
#fb8b70
rgb(251,139,112)
-
#fc9b83
#fc9b83
rgb(252,155,131)
-
#fcaa97
#fcaa97
rgb(252,170,151)
-
#fdbaaa
#fdbaaa
rgb(253,186,170)
-
#fdc9bd
#fdc9bd
rgb(253,201,189)
-
#fed9d0
#fed9d0
rgb(254,217,208)
-
#fee8e3
#fee8e3
rgb(254,232,227)
-
#fff8f6
#fff8f6
rgb(255,248,246)
Tones of #f03306
A tone is produced by adding gray to any pure hue. In this case, #7e7978 is the less saturated color, while #f03306 is the most saturated one.
-
#7e7978
#7e7978
rgb(126,121,120)
-
#88736e
#88736e
rgb(136,115,110)
-
#916d65
#916d65
rgb(145,109,101)
-
#9b675b
#9b675b
rgb(155,103,91)
-
#a46252
#a46252
rgb(164,98,82)
-
#ae5c48
#ae5c48
rgb(174,92,72)
-
#b7563f
#b7563f
rgb(183,86,63)
-
#c15035
#c15035
rgb(193,80,53)
-
#ca4a2c
#ca4a2c
rgb(202,74,44)
-
#d44422
#d44422
rgb(212,68,34)
-
#dd3f19
#dd3f19
rgb(221,63,25)
-
#e7390f
#e7390f
rgb(231,57,15)
-
#f03306
#f03306
rgb(240,51,6)
Color Blindness Simulator
Below, you can see how #f03306 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.