#fca22c hex color

In a RGB color space, hex #fca22c is composed of 98.8% red, 63.5% green and 17.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 35.7% magenta, 82.5% yellow and 1.2% black. It has a hue angle of 34 degrees, a saturation of 97.2% and a lightness of 58%. #fca22c color hex could be obtained by blending #ffff58 with #f94500. Closest websafe color is: #ff9933.

♥
- f
- t
- g
- R 99
- G 64
- B 17
RGB color chart
- C 0
- M 36
- Y 83
- K 1
CMYK color chart

● #fca22c color description : Bright orange.

The hexadecimal color #fca22c has RGB values of R:252, G:162, B:44 and CMYK values of C:0, M:0.36, Y:0.83, K:0.01. Its decimal value is 16556588.

Hex triplet	fca22c	`#fca22c`
RGB Decimal	252, 162, 44	`rgb(252,162,44)`
RGB Percent	98.8, 63.5, 17.3	`rgb(98.8%,63.5%,17.3%)`
CMYK	0, 36, 83, 1
HSL	34°, 97.2, 58	`hsl(34,97.2%,58%)`
HSV (or HSB)	34°, 82.5, 98.8
Web Safe	ff9933	`#ff9933`

CIE-LAB	74.012, 24.908, 69.44
XYZ	53.521, 46.722, 8.582
xyY	0.492, 0.429, 46.722
CIE-LCH	74.012, 73.772, 70.267
CIE-LUV	74.012, 73.696, 68.02
Hunter-Lab	68.353, 20.149, 40.403
Binary	11111100, 10100010, 00101100

#fca22c
```
#fca22c rgb(252,162,44)
```
#2c86fc
```
#2c86fc rgb(44,134,252)
```

Complementary Color

#fc3a2c
```
#fc3a2c rgb(252,58,44)
```
#fca22c
```
#fca22c rgb(252,162,44)
```
#eefc2c
```
#eefc2c rgb(238,252,44)
```

Analogous Color

#3a2cfc
```
#3a2cfc rgb(58,44,252)
```
#fca22c
```
#fca22c rgb(252,162,44)
```
#2ceefc
```
#2ceefc rgb(44,238,252)
```

Split Complementary Color

#a22cfc
```
#a22cfc rgb(162,44,252)
```
#fca22c
```
#fca22c rgb(252,162,44)
```
#2cfca2
```
#2cfca2 rgb(44,252,162)
```

Triadic Color

#fc2c86
```
#fc2c86 rgb(252,44,134)
```
#fca22c
```
#fca22c rgb(252,162,44)
```
#2cfca2
```
#2cfca2 rgb(44,252,162)
```
#2c86fc
```
#2c86fc rgb(44,134,252)
```

Tetradic Color

#d87c03
```
#d87c03 rgb(216,124,3)
```
#f28b03
```
#f28b03 rgb(242,139,3)
```
#fc9713
```
#fc9713 rgb(252,151,19)
```
#fca22c
```
#fca22c rgb(252,162,44)
```
#fcad45
```
#fcad45 rgb(252,173,69)
```
#fdb85e
```
#fdb85e rgb(253,184,94)
```
#fdc377
```
#fdc377 rgb(253,195,119)
```

Monochromatic Color

Below, you can see some colors close to #fca22c. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#fc6e2c
```
#fc6e2c rgb(252,110,44)
```
#fc7f2c
```
#fc7f2c rgb(252,127,44)
```
#fc912c
```
#fc912c rgb(252,145,44)
```
#fca22c
```
#fca22c rgb(252,162,44)
```
#fcb32c
```
#fcb32c rgb(252,179,44)
```
#fcc52c
```
#fcc52c rgb(252,197,44)
```
#fcd62c
```
#fcd62c rgb(252,214,44)
```

Similar Colors

Text with hexadecimal color #fca22c

This text has a font color of #fca22c.

<span style="color:#fca22c;">Text here</span>

#fca22c background color

This paragraph has a background color of #fca22c.

<p style="background-color:#fca22c;">Content here</p>

#fca22c border color

This element has a border color of #fca22c.

<div style="border:1px solid #fca22c;">Content here</div>

CSS codes

.text {color:#fca22c;}

.background {background-color:#fca22c;}

.border {border:1px solid #fca22c;}

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, #020100 is the darkest color, while #fff7ed is the lightest one.

#020100
```
#020100 rgb(2,1,0)
```
#150c00
```
#150c00 rgb(21,12,0)
```
#281701
```
#281701 rgb(40,23,1)
```
#3c2201
```
#3c2201 rgb(60,34,1)
```
#4f2d01
```
#4f2d01 rgb(79,45,1)
```
#623801
```
#623801 rgb(98,56,1)
```
#764402
```
#764402 rgb(118,68,2)
```
#894f02
```
#894f02 rgb(137,79,2)
```
#9c5a02
```
#9c5a02 rgb(156,90,2)
```
#b06502
```
#b06502 rgb(176,101,2)
```
#c37003
```
#c37003 rgb(195,112,3)
```
#d67b03
```
#d67b03 rgb(214,123,3)
```
#ea8603
```
#ea8603 rgb(234,134,3)
```

Shade Color Variation

#fb9105
```
#fb9105 rgb(251,145,5)
```
#fc9919
```
#fc9919 rgb(252,153,25)
```
#fca22c
```
#fca22c rgb(252,162,44)
```
#fcab3f
```
#fcab3f rgb(252,171,63)
```
#fdb353
```
#fdb353 rgb(253,179,83)
```
#fdbc66
```
#fdbc66 rgb(253,188,102)
```
#fdc479
```
#fdc479 rgb(253,196,121)
```
#fdcd8d
```
#fdcd8d rgb(253,205,141)
```
#fed5a0
```
#fed5a0 rgb(254,213,160)
```
#fedeb3
```
#fedeb3 rgb(254,222,179)
```
#fee6c7
```
#fee6c7 rgb(254,230,199)
```
#feefda
```
#feefda rgb(254,239,218)
```
#fff7ed
```
#fff7ed rgb(255,247,237)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #99958f is the less saturated color, while #fca22c is the most saturated one.

#99958f
```
#99958f rgb(153,149,143)
```
#a19687
```
#a19687 rgb(161,150,135)
```
#aa977e
```
#aa977e rgb(170,151,126)
```
#b29876
```
#b29876 rgb(178,152,118)
```
#ba996e
```
#ba996e rgb(186,153,110)
```
#c29a66
```
#c29a66 rgb(194,154,102)
```
#cb9b5d
```
#cb9b5d rgb(203,155,93)
```
#d39c55
```
#d39c55 rgb(211,156,85)
```
#db9e4d
```
#db9e4d rgb(219,158,77)
```
#e39f45
```
#e39f45 rgb(227,159,69)
```
#eca03c
```
#eca03c rgb(236,160,60)
```
#f4a134
```
#f4a134 rgb(244,161,52)
```
#fca22c
```
#fca22c rgb(252,162,44)
```

Tone Color Variation

Below, you can see how #fca22c 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.

Monochromacy

#afafaf Achromatopsia 0.005% of the population
#beac95 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cfba3b Protanopia 1% of men
#e7b031 Deuteranopia 1% of men
#ff9ea8 Tritanopia 0.001% of the population

Trichromacy

#dfb136 Protanomaly 1% of men, 0.01% of women
#eeab2f Deuteranomaly 6% of men, 0.4% of women
#fd9f7a Tritanomaly 0.01% of the population

#fca22c hex color

#fca22c Color Information

#fca22c Color Conversion

Color Schemes with #fca22c

Alternatives to #fca22c

#fca22c Preview

Shades and Tints of #fca22c

Tones of #fca22c

Color Blindness Simulator