#f28304 Color Information
In a RGB color space, hex #f28304 is composed of 94.9% red, 51.4% green and 1.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 45.9% magenta, 98.3% yellow and 5.1% black. It has a hue angle of 32 degrees, a saturation of 96.7% and a lightness of 48.2%. #f28304 color hex could be obtained by blending #ffff08 with #e50700. Closest websafe color is: #ff9900.
-
- R 95
- G 51
- B 2
-
- C 0
- M 46
- Y 98
- K 5
● #f28304 color description : Vivid orange.
#f28304 Color Conversion
The hexadecimal color #f28304 has RGB values of R:242, G:131, B:4 and CMYK values of C:0, M:0.46, Y:0.98, K:0.05. Its decimal value is 15893252.
Hex triplet | f28304 | #f28304 |
---|---|---|
RGB Decimal | 242, 131, 4 | rgb(242,131,4) |
RGB Percent | 94.9, 51.4, 1.6 | rgb(94.9%,51.4%,1.6%) |
CMYK | 0, 46, 98, 5 | |
HSL | 32°, 96.7, 48.2 | hsl(32,96.7%,48.2%) |
HSV (or HSB) | 32°, 98.3, 94.9 | |
Web Safe | ff9900 | #ff9900 |
CIE-LAB | 65.844, 36.222, 71.772 |
---|---|
XYZ | 44.758, 35.123, 4.537 |
xyY | 0.53, 0.416, 35.123 |
CIE-LCH | 65.844, 80.394, 63.221 |
CIE-LUV | 65.844, 92.52, 61.475 |
Hunter-Lab | 59.264, 31.095, 36.946 |
Binary | 11110010, 10000011, 00000100 |
Color Schemes with #f28304
Alternatives to #f28304
Below, you can see some colors close to #f28304. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f28304 Preview
This text has a font color of #f28304.
<span style="color:#f28304;">Text here</span>
This paragraph has a background color of #f28304.
<p style="background-color:#f28304;">Content here</p>
This element has a border color of #f28304.
<div style="border:1px solid #f28304;">Content here</div>
.text {color:#f28304;}
.background {background-color:#f28304;}
.border {border:1px solid #f28304;}
Shades and Tints of #f28304
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, #0a0600 is the darkest color, while #fffbf6 is the lightest one.
-
#0a0600
#0a0600
rgb(10,6,0)
-
#1e1000
#1e1000
rgb(30,16,0)
-
#311b01
#311b01
rgb(49,27,1)
-
#442501
#442501
rgb(68,37,1)
-
#582f01
#582f01
rgb(88,47,1)
-
#6b3a02
#6b3a02
rgb(107,58,2)
-
#7e4402
#7e4402
rgb(126,68,2)
-
#924f02
#924f02
rgb(146,79,2)
-
#a55903
#a55903
rgb(165,89,3)
-
#b86403
#b86403
rgb(184,100,3)
-
#cb6e03
#cb6e03
rgb(203,110,3)
-
#df7904
#df7904
rgb(223,121,4)
-
#f28304
#f28304
rgb(242,131,4)
-
#fb8d0f
#fb8d0f
rgb(251,141,15)
-
#fb9622
#fb9622
rgb(251,150,34)
-
#fc9f35
#fc9f35
rgb(252,159,53)
-
#fca848
#fca848
rgb(252,168,72)
-
#fcb15c
#fcb15c
rgb(252,177,92)
-
#fdbb6f
#fdbb6f
rgb(253,187,111)
-
#fdc482
#fdc482
rgb(253,196,130)
-
#fdcd96
#fdcd96
rgb(253,205,150)
-
#fed6a9
#fed6a9
rgb(254,214,169)
-
#fedfbc
#fedfbc
rgb(254,223,188)
-
#fee8d0
#fee8d0
rgb(254,232,208)
-
#fff2e3
#fff2e3
rgb(255,242,227)
-
#fffbf6
#fffbf6
rgb(255,251,246)
Tones of #f28304
A tone is produced by adding gray to any pure hue. In this case, #807b76 is the less saturated color, while #f28304 is the most saturated one.
-
#807b76
#807b76
rgb(128,123,118)
-
#8a7c6c
#8a7c6c
rgb(138,124,108)
-
#937d63
#937d63
rgb(147,125,99)
-
#9d7d59
#9d7d59
rgb(157,125,89)
-
#a67e50
#a67e50
rgb(166,126,80)
-
#b07f46
#b07f46
rgb(176,127,70)
-
#b97f3d
#b97f3d
rgb(185,127,61)
-
#c38033
#c38033
rgb(195,128,51)
-
#cc802a
#cc802a
rgb(204,128,42)
-
#d68120
#d68120
rgb(214,129,32)
-
#df8217
#df8217
rgb(223,130,23)
-
#e9820d
#e9820d
rgb(233,130,13)
-
#f28304
#f28304
rgb(242,131,4)
Color Blindness Simulator
Below, you can see how #f28304 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.