#fca225 hex color

In a RGB color space, hex #fca225 is composed of 98.8% red, 63.5% green and 14.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 35.7% magenta, 85.3% yellow and 1.2% black. It has a hue angle of 34.9 degrees, a saturation of 97.3% and a lightness of 56.7%. #fca225 color hex could be obtained by blending #ffff4a with #f94500. Closest websafe color is: #ff9933.

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

● #fca225 color description : Vivid orange.

The hexadecimal color #fca225 has RGB values of R:252, G:162, B:37 and CMYK values of C:0, M:0.36, Y:0.85, K:0.01. Its decimal value is 16556581.

Hex triplet	fca225	`#fca225`
RGB Decimal	252, 162, 37	`rgb(252,162,37)`
RGB Percent	98.8, 63.5, 14.5	`rgb(98.8%,63.5%,14.5%)`
CMYK	0, 36, 85, 1
HSL	34.9°, 97.3, 56.7	`hsl(34.9,97.3%,56.7%)`
HSV (or HSB)	34.9°, 85.3, 98.8
Web Safe	ff9933	`#ff9933`

CIE-LAB	73.98, 24.731, 71.558
XYZ	53.401, 46.674, 7.947
xyY	0.494, 0.432, 46.674
CIE-LCH	73.98, 75.711, 70.934
CIE-LUV	73.98, 74.002, 69.289
Hunter-Lab	68.318, 19.967, 40.926
Binary	11111100, 10100010, 00100101

#fca225
```
#fca225 rgb(252,162,37)
```
#257ffc
```
#257ffc rgb(37,127,252)
```

Complementary Color

#fc3625
```
#fc3625 rgb(252,54,37)
```
#fca225
```
#fca225 rgb(252,162,37)
```
#ebfc25
```
#ebfc25 rgb(235,252,37)
```

Analogous Color

#3625fc
```
#3625fc rgb(54,37,252)
```
#fca225
```
#fca225 rgb(252,162,37)
```
#25ebfc
```
#25ebfc rgb(37,235,252)
```

Split Complementary Color

#a225fc
```
#a225fc rgb(162,37,252)
```
#fca225
```
#fca225 rgb(252,162,37)
```
#25fca2
```
#25fca2 rgb(37,252,162)
```

Triadic Color

#fc257f
```
#fc257f rgb(252,37,127)
```
#fca225
```
#fca225 rgb(252,162,37)
```
#25fca2
```
#25fca2 rgb(37,252,162)
```
#257ffc
```
#257ffc rgb(37,127,252)
```

Tetradic Color

#d27b03
```
#d27b03 rgb(210,123,3)
```
#eb8a03
```
#eb8a03 rgb(235,138,3)
```
#fc970c
```
#fc970c rgb(252,151,12)
```
#fca225
```
#fca225 rgb(252,162,37)
```
#fcad3e
```
#fcad3e rgb(252,173,62)
```
#fdb757
```
#fdb757 rgb(253,183,87)
```
#fdc270
```
#fdc270 rgb(253,194,112)
```

Monochromatic Color

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

#fc6c25
```
#fc6c25 rgb(252,108,37)
```
#fc7e25
```
#fc7e25 rgb(252,126,37)
```
#fc9025
```
#fc9025 rgb(252,144,37)
```
#fca225
```
#fca225 rgb(252,162,37)
```
#fcb425
```
#fcb425 rgb(252,180,37)
```
#fcc625
```
#fcc625 rgb(252,198,37)
```
#fcd825
```
#fcd825 rgb(252,216,37)
```

Similar Colors

Text with hexadecimal color #fca225

This text has a font color of #fca225.

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

#fca225 background color

This paragraph has a background color of #fca225.

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

#fca225 border color

This element has a border color of #fca225.

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

CSS codes

.text {color:#fca225;}

.background {background-color:#fca225;}

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

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, #0e0800 is the darkest color, while #fffdfa is the lightest one.

#0e0800
```
#0e0800 rgb(14,8,0)
```
#221400
```
#221400 rgb(34,20,0)
```
#351f01
```
#351f01 rgb(53,31,1)
```
#482a01
```
#482a01 rgb(72,42,1)
```
#5c3601
```
#5c3601 rgb(92,54,1)
```
#6f4102
```
#6f4102 rgb(111,65,2)
```
#824c02
```
#824c02 rgb(130,76,2)
```
#965802
```
#965802 rgb(150,88,2)
```
#a96302
```
#a96302 rgb(169,99,2)
```
#bc6f03
```
#bc6f03 rgb(188,111,3)
```
#d07a03
```
#d07a03 rgb(208,122,3)
```
#e38503
```
#e38503 rgb(227,133,3)
```
#f69103
```
#f69103 rgb(246,145,3)
```

Shade Color Variation

#fc9a12
```
#fc9a12 rgb(252,154,18)
```
#fca225
```
#fca225 rgb(252,162,37)
```
#fcaa38
```
#fcaa38 rgb(252,170,56)
```
#fdb34c
```
#fdb34c rgb(253,179,76)
```
#fdbb5f
```
#fdbb5f rgb(253,187,95)
```
#fdc372
```
#fdc372 rgb(253,195,114)
```
#fdcb86
```
#fdcb86 rgb(253,203,134)
```
#fed499
```
#fed499 rgb(254,212,153)
```
#fedcac
```
#fedcac rgb(254,220,172)
```
#fee4c0
```
#fee4c0 rgb(254,228,192)
```
#feecd3
```
#feecd3 rgb(254,236,211)
```
#fff5e6
```
#fff5e6 rgb(255,245,230)
```
#fffdfa
```
#fffdfa rgb(255,253,250)
```

Tint Color Variation

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

#96918b
```
#96918b rgb(150,145,139)
```
#9f9383
```
#9f9383 rgb(159,147,131)
```
#a7947a
```
#a7947a rgb(167,148,122)
```
#b09672
```
#b09672 rgb(176,150,114)
```
#b89769
```
#b89769 rgb(184,151,105)
```
#c19861
```
#c19861 rgb(193,152,97)
```
#c99a58
```
#c99a58 rgb(201,154,88)
```
#d29b50
```
#d29b50 rgb(210,155,80)
```
#da9c47
```
#da9c47 rgb(218,156,71)
```
#e39e3f
```
#e39e3f rgb(227,158,63)
```
#eb9f36
```
#eb9f36 rgb(235,159,54)
```
#f4a12e
```
#f4a12e rgb(244,161,46)
```
#fca225
```
#fca225 rgb(252,162,37)
```

Tone Color Variation

Below, you can see how #fca225 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
#beac93 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cfba35 Protanopia 1% of men
#e7b02a Deuteranopia 1% of men
#ff9ea7 Tritanopia 0.001% of the population

Trichromacy

#dfb12f Protanomaly 1% of men, 0.01% of women
#efab28 Deuteranomaly 6% of men, 0.4% of women
#fd9f78 Tritanomaly 0.01% of the population

#fca225 hex color

#fca225 Color Information

#fca225 Color Conversion

Color Schemes with #fca225

Alternatives to #fca225

#fca225 Preview

Shades and Tints of #fca225

Tones of #fca225

Color Blindness Simulator