#f4a314 Color Information
In a RGB color space, hex #f4a314 is composed of 95.7% red, 63.9% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 33.2% magenta, 91.8% yellow and 4.3% black. It has a hue angle of 38.3 degrees, a saturation of 91.1% and a lightness of 51.8%. #f4a314 color hex could be obtained by blending #ffff28 with #e94700. Closest websafe color is: #ff9900.
-
- R 96
- G 64
- B 8
-
- C 0
- M 33
- Y 92
- K 4
● #f4a314 color description : Vivid orange.
#f4a314 Color Conversion
The hexadecimal color #f4a314 has RGB values of R:244, G:163, B:20 and CMYK values of C:0, M:0.33, Y:0.92, K:0.04. Its decimal value is 16032532.
Hex triplet | f4a314 | #f4a314 |
---|---|---|
RGB Decimal | 244, 163, 20 | rgb(244,163,20) |
RGB Percent | 95.7, 63.9, 7.8 | rgb(95.7%,63.9%,7.8%) |
CMYK | 0, 33, 92, 4 | |
HSL | 38.3°, 91.1, 51.8 | hsl(38.3,91.1%,51.8%) |
HSV (or HSB) | 38.3°, 91.8, 95.7 | |
Web Safe | ff9900 | #ff9900 |
CIE-LAB | 73.208, 20.54, 74.537 |
---|---|
XYZ | 50.533, 45.482, 6.779 |
xyY | 0.492, 0.442, 45.482 |
CIE-LCH | 73.208, 77.316, 74.593 |
CIE-LUV | 73.208, 67.155, 71.568 |
Hunter-Lab | 67.44, 15.731, 41.248 |
Binary | 11110100, 10100011, 00010100 |
Color Schemes with #f4a314
Alternatives to #f4a314
Below, you can see some colors close to #f4a314. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f4a314 Preview
This text has a font color of #f4a314.
<span style="color:#f4a314;">Text here</span>
This paragraph has a background color of #f4a314.
<p style="background-color:#f4a314;">Content here</p>
This element has a border color of #f4a314.
<div style="border:1px solid #f4a314;">Content here</div>
.text {color:#f4a314;}
.background {background-color:#f4a314;}
.border {border:1px solid #f4a314;}
Shades and Tints of #f4a314
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, #090600 is the darkest color, while #fffbf5 is the lightest one.
-
#090600
#090600
rgb(9,6,0)
-
#1b1201
#1b1201
rgb(27,18,1)
-
#2e1e02
#2e1e02
rgb(46,30,2)
-
#412a03
#412a03
rgb(65,42,3)
-
#543704
#543704
rgb(84,55,4)
-
#664305
#664305
rgb(102,67,5)
-
#794f06
#794f06
rgb(121,79,6)
-
#8c5c07
#8c5c07
rgb(140,92,7)
-
#9f6807
#9f6807
rgb(159,104,7)
-
#b17408
#b17408
rgb(177,116,8)
-
#c48009
#c48009
rgb(196,128,9)
-
#d78d0a
#d78d0a
rgb(215,141,10)
-
#e9990b
#e9990b
rgb(233,153,11)
-
#f4a314
#f4a314
rgb(244,163,20)
-
#f5aa27
#f5aa27
rgb(245,170,39)
-
#f6b239
#f6b239
rgb(246,178,57)
-
#f7b94c
#f7b94c
rgb(247,185,76)
-
#f8c05f
#f8c05f
rgb(248,192,95)
-
#f8c872
#f8c872
rgb(248,200,114)
-
#f9cf84
#f9cf84
rgb(249,207,132)
-
#fad697
#fad697
rgb(250,214,151)
-
#fbdeaa
#fbdeaa
rgb(251,222,170)
-
#fce5bd
#fce5bd
rgb(252,229,189)
-
#fdeccf
#fdeccf
rgb(253,236,207)
-
#fef4e2
#fef4e2
rgb(254,244,226)
-
#fffbf5
#fffbf5
rgb(255,251,245)
Tones of #f4a314
A tone is produced by adding gray to any pure hue. In this case, #8c867c is the less saturated color, while #fda60b is the most saturated one.
-
#8c867c
#8c867c
rgb(140,134,124)
-
#958973
#958973
rgb(149,137,115)
-
#9f8b69
#9f8b69
rgb(159,139,105)
-
#a88e60
#a88e60
rgb(168,142,96)
-
#b29156
#b29156
rgb(178,145,86)
-
#bb934d
#bb934d
rgb(187,147,77)
-
#c59643
#c59643
rgb(197,150,67)
-
#ce993a
#ce993a
rgb(206,153,58)
-
#d89b30
#d89b30
rgb(216,155,48)
-
#e19e27
#e19e27
rgb(225,158,39)
-
#eba01d
#eba01d
rgb(235,160,29)
-
#f4a314
#f4a314
rgb(244,163,20)
-
#fda60b
#fda60b
rgb(253,166,11)
Color Blindness Simulator
Below, you can see how #f4a314 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.