#f4a222 Color Information
In a RGB color space, hex #f4a222 is composed of 95.7% red, 63.5% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 33.6% magenta, 86.1% yellow and 4.3% black. It has a hue angle of 36.6 degrees, a saturation of 90.5% and a lightness of 54.5%. #f4a222 color hex could be obtained by blending #ffff44 with #e94500. Closest websafe color is: #ff9933.
-
- R 96
- G 64
- B 13
-
- C 0
- M 34
- Y 86
- K 4
● #f4a222 color description : Vivid orange.
#f4a222 Color Conversion
The hexadecimal color #f4a222 has RGB values of R:244, G:162, B:34 and CMYK values of C:0, M:0.34, Y:0.86, K:0.04. Its decimal value is 16032290.
Hex triplet | f4a222 | #f4a222 |
---|---|---|
RGB Decimal | 244, 162, 34 | rgb(244,162,34) |
RGB Percent | 95.7, 63.5, 13.3 | rgb(95.7%,63.5%,13.3%) |
CMYK | 0, 34, 86, 4 | |
HSL | 36.6°, 90.5, 54.5 | hsl(36.6,90.5%,54.5%) |
HSV (or HSB) | 36.6°, 86.1, 95.7 | |
Web Safe | ff9933 | #ff9933 |
CIE-LAB | 73.019, 21.317, 71.221 |
---|---|
XYZ | 50.519, 45.193, 7.576 |
xyY | 0.489, 0.438, 45.193 |
CIE-LCH | 73.019, 74.343, 73.337 |
CIE-LUV | 73.019, 67.572, 69.442 |
Hunter-Lab | 67.226, 16.494, 40.376 |
Binary | 11110100, 10100010, 00100010 |
Color Schemes with #f4a222
Alternatives to #f4a222
Below, you can see some colors close to #f4a222. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f4a222 Preview
This text has a font color of #f4a222.
<span style="color:#f4a222;">Text here</span>
This paragraph has a background color of #f4a222.
<p style="background-color:#f4a222;">Content here</p>
This element has a border color of #f4a222.
<div style="border:1px solid #f4a222;">Content here</div>
.text {color:#f4a222;}
.background {background-color:#f4a222;}
.border {border:1px solid #f4a222;}
Shades and Tints of #f4a222
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, #030200 is the darkest color, while #fef8f0 is the lightest one.
-
#030200
#030200
rgb(3,2,0)
-
#160e01
#160e01
rgb(22,14,1)
-
#291a02
#291a02
rgb(41,26,2)
-
#3b2503
#3b2503
rgb(59,37,3)
-
#4e3104
#4e3104
rgb(78,49,4)
-
#613d05
#613d05
rgb(97,61,5)
-
#734906
#734906
rgb(115,73,6)
-
#865407
#865407
rgb(134,84,7)
-
#996008
#996008
rgb(153,96,8)
-
#ab6c09
#ab6c09
rgb(171,108,9)
-
#be7809
#be7809
rgb(190,120,9)
-
#d1830a
#d1830a
rgb(209,131,10)
-
#e38f0b
#e38f0b
rgb(227,143,11)
-
#f39a0f
#f39a0f
rgb(243,154,15)
-
#f4a222
#f4a222
rgb(244,162,34)
-
#f5aa35
#f5aa35
rgb(245,170,53)
-
#f6b247
#f6b247
rgb(246,178,71)
-
#f7ba5a
#f7ba5a
rgb(247,186,90)
-
#f8c16d
#f8c16d
rgb(248,193,109)
-
#f9c97f
#f9c97f
rgb(249,201,127)
-
#fad192
#fad192
rgb(250,209,146)
-
#fbd9a5
#fbd9a5
rgb(251,217,165)
-
#fbe1b7
#fbe1b7
rgb(251,225,183)
-
#fce9ca
#fce9ca
rgb(252,233,202)
-
#fdf1dd
#fdf1dd
rgb(253,241,221)
-
#fef8f0
#fef8f0
rgb(254,248,240)
Tones of #f4a222
A tone is produced by adding gray to any pure hue. In this case, #928c84 is the less saturated color, while #fda419 is the most saturated one.
-
#928c84
#928c84
rgb(146,140,132)
-
#9b8e7b
#9b8e7b
rgb(155,142,123)
-
#a49072
#a49072
rgb(164,144,114)
-
#ad9269
#ad9269
rgb(173,146,105)
-
#b69460
#b69460
rgb(182,148,96)
-
#be9658
#be9658
rgb(190,150,88)
-
#c7984f
#c7984f
rgb(199,152,79)
-
#d09a46
#d09a46
rgb(208,154,70)
-
#d99c3d
#d99c3d
rgb(217,156,61)
-
#e29e34
#e29e34
rgb(226,158,52)
-
#eba02b
#eba02b
rgb(235,160,43)
-
#f4a222
#f4a222
rgb(244,162,34)
-
#fda419
#fda419
rgb(253,164,25)
Color Blindness Simulator
Below, you can see how #f4a222 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.