#fca220 Color Information
In a RGB color space, hex #fca220 is composed of 98.8% red, 63.5% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 35.7% magenta, 87.3% yellow and 1.2% black. It has a hue angle of 35.5 degrees, a saturation of 97.3% and a lightness of 55.7%. #fca220 color hex could be obtained by blending #ffff40 with #f94500. Closest websafe color is: #ff9933.
-
- R 99
- G 64
- B 13
-
- C 0
- M 36
- Y 87
- K 1
● #fca220 color description : Vivid orange.
#fca220 Color Conversion
The hexadecimal color #fca220 has RGB values of R:252, G:162, B:32 and CMYK values of C:0, M:0.36, Y:0.87, K:0.01. Its decimal value is 16556576.
| Hex triplet | fca220 | #fca220 |
|---|---|---|
| RGB Decimal | 252, 162, 32 | rgb(252,162,32) |
| RGB Percent | 98.8, 63.5, 12.5 | rgb(98.8%,63.5%,12.5%) |
| CMYK | 0, 36, 87, 1 | |
| HSL | 35.5°, 97.3, 55.7 | hsl(35.5,97.3%,55.7%) |
| HSV (or HSB) | 35.5°, 87.3, 98.8 | |
| Web Safe | ff9933 | #ff9933 |
| CIE-LAB | 73.962, 24.624, 72.9 |
|---|---|
| XYZ | 53.327, 46.644, 7.561 |
| xyY | 0.496, 0.434, 46.644 |
| CIE-LCH | 73.962, 76.946, 71.336 |
| CIE-LUV | 73.962, 74.188, 70.062 |
| Hunter-Lab | 68.297, 19.857, 41.244 |
| Binary | 11111100, 10100010, 00100000 |
Color Schemes with #fca220
Alternatives to #fca220
Below, you can see some colors close to #fca220. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#fca220 Preview
This text has a font color of #fca220.
<span style="color:#fca220;">Text here</span>
This paragraph has a background color of #fca220.
<p style="background-color:#fca220;">Content here</p>
This element has a border color of #fca220.
<div style="border:1px solid #fca220;">Content here</div>
.text {color:#fca220;}
.background {background-color:#fca220;}
.border {border:1px solid #fca220;}
Shades and Tints of #fca220
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
#090600rgb(9,6,0) -
#1d1100
#1d1100rgb(29,17,0) -
#301d01
#301d01rgb(48,29,1) -
#432801
#432801rgb(67,40,1) -
#573401
#573401rgb(87,52,1) -
#6a3f01
#6a3f01rgb(106,63,1) -
#7d4b02
#7d4b02rgb(125,75,2) -
#915602
#915602rgb(145,86,2) -
#a46202
#a46202rgb(164,98,2) -
#b76d02
#b76d02rgb(183,109,2) -
#cb7903
#cb7903rgb(203,121,3) -
#de8503
#de8503rgb(222,133,3) -
#f29003
#f29003rgb(242,144,3)
-
#fc9a0d
#fc9a0drgb(252,154,13) -
#fca220
#fca220rgb(252,162,32) -
#fcaa33
#fcaa33rgb(252,170,51) -
#fdb247
#fdb247rgb(253,178,71) -
#fdba5a
#fdba5argb(253,186,90) -
#fdc26d
#fdc26drgb(253,194,109) -
#fdca81
#fdca81rgb(253,202,129) -
#fed294
#fed294rgb(254,210,148) -
#fedba7
#fedba7rgb(254,219,167) -
#fee3bb
#fee3bbrgb(254,227,187) -
#feebce
#feebcergb(254,235,206) -
#fff3e2
#fff3e2rgb(255,243,226) -
#fffbf5
#fffbf5rgb(255,251,245)
Tones of #fca220
A tone is produced by adding gray to any pure hue. In this case, #948f88 is the less saturated color, while #fca220 is the most saturated one.
-
#948f88
#948f88rgb(148,143,136) -
#9c9180
#9c9180rgb(156,145,128) -
#a59277
#a59277rgb(165,146,119) -
#ae946e
#ae946ergb(174,148,110) -
#b69566
#b69566rgb(182,149,102) -
#bf975d
#bf975drgb(191,151,93) -
#c89954
#c89954rgb(200,153,84) -
#d19a4b
#d19a4brgb(209,154,75) -
#d99c43
#d99c43rgb(217,156,67) -
#e29d3a
#e29d3argb(226,157,58) -
#eb9f31
#eb9f31rgb(235,159,49) -
#f3a029
#f3a029rgb(243,160,41) -
#fca220
#fca220rgb(252,162,32)
Color Blindness Simulator
Below, you can see how #fca220 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.
