#f28314 Color Information
In a RGB color space, hex #f28314 is composed of 94.9% red, 51.4% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 45.9% magenta, 91.7% yellow and 5.1% black. It has a hue angle of 30 degrees, a saturation of 89.5% and a lightness of 51.4%. #f28314 color hex could be obtained by blending #ffff28 with #e50700. Closest websafe color is: #ff9900.
-
- R 95
- G 51
- B 8
-
- C 0
- M 46
- Y 92
- K 5
● #f28314 color description : Vivid orange.
#f28314 Color Conversion
The hexadecimal color #f28314 has RGB values of R:242, G:131, B:20 and CMYK values of C:0, M:0.46, Y:0.92, K:0.05. Its decimal value is 15893268.
Hex triplet | f28314 | #f28314 |
---|---|---|
RGB Decimal | 242, 131, 20 | rgb(242,131,20) |
RGB Percent | 94.9, 51.4, 7.8 | rgb(94.9%,51.4%,7.8%) |
CMYK | 0, 46, 92, 5 | |
HSL | 30°, 89.5, 51.4 | hsl(30,89.5%,51.4%) |
HSV (or HSB) | 30°, 91.7, 94.9 | |
Web Safe | ff9900 | #ff9900 |
CIE-LAB | 65.876, 36.384, 69.135 |
---|---|
XYZ | 44.862, 35.164, 5.087 |
xyY | 0.527, 0.413, 35.164 |
CIE-LCH | 65.876, 78.124, 62.243 |
CIE-LUV | 65.876, 92.113, 60.18 |
Hunter-Lab | 59.3, 31.267, 36.424 |
Binary | 11110010, 10000011, 00010100 |
Color Schemes with #f28314
Alternatives to #f28314
Below, you can see some colors close to #f28314. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f28314 Preview
This text has a font color of #f28314.
<span style="color:#f28314;">Text here</span>
This paragraph has a background color of #f28314.
<p style="background-color:#f28314;">Content here</p>
This element has a border color of #f28314.
<div style="border:1px solid #f28314;">Content here</div>
.text {color:#f28314;}
.background {background-color:#f28314;}
.border {border:1px solid #f28314;}
Shades and Tints of #f28314
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, #070300 is the darkest color, while #fef9f3 is the lightest one.
-
#070300
#070300
rgb(7,3,0)
-
#190d01
#190d01
rgb(25,13,1)
-
#2c1702
#2c1702
rgb(44,23,2)
-
#3e2103
#3e2103
rgb(62,33,3)
-
#512b04
#512b04
rgb(81,43,4)
-
#643506
#643506
rgb(100,53,6)
-
#763e07
#763e07
rgb(118,62,7)
-
#894808
#894808
rgb(137,72,8)
-
#9b5209
#9b5209
rgb(155,82,9)
-
#ae5c0a
#ae5c0a
rgb(174,92,10)
-
#c1660b
#c1660b
rgb(193,102,11)
-
#d36f0c
#d36f0c
rgb(211,111,12)
-
#e6790d
#e6790d
rgb(230,121,13)
-
#f28314
#f28314
rgb(242,131,20)
-
#f38d27
#f38d27
rgb(243,141,39)
-
#f49739
#f49739
rgb(244,151,57)
-
#f5a04c
#f5a04c
rgb(245,160,76)
-
#f6aa5e
#f6aa5e
rgb(246,170,94)
-
#f7b471
#f7b471
rgb(247,180,113)
-
#f8be84
#f8be84
rgb(248,190,132)
-
#f9c896
#f9c896
rgb(249,200,150)
-
#fad1a9
#fad1a9
rgb(250,209,169)
-
#fbdbbb
#fbdbbb
rgb(251,219,187)
-
#fce5ce
#fce5ce
rgb(252,229,206)
-
#fdefe0
#fdefe0
rgb(253,239,224)
-
#fef9f3
#fef9f3
rgb(254,249,243)
Tones of #f28314
A tone is produced by adding gray to any pure hue. In this case, #89837d is the less saturated color, while #fc830a is the most saturated one.
-
#89837d
#89837d
rgb(137,131,125)
-
#938373
#938373
rgb(147,131,115)
-
#9c836a
#9c836a
rgb(156,131,106)
-
#a68360
#a68360
rgb(166,131,96)
-
#af8357
#af8357
rgb(175,131,87)
-
#b9834d
#b9834d
rgb(185,131,77)
-
#c28344
#c28344
rgb(194,131,68)
-
#cc833a
#cc833a
rgb(204,131,58)
-
#d58331
#d58331
rgb(213,131,49)
-
#df8327
#df8327
rgb(223,131,39)
-
#e8831e
#e8831e
rgb(232,131,30)
-
#f28314
#f28314
rgb(242,131,20)
-
#fc830a
#fc830a
rgb(252,131,10)
Color Blindness Simulator
Below, you can see how #f28314 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.