#fca325 hex color

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

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

● #fca325 color description : Vivid orange.

The hexadecimal color #fca325 has RGB values of R:252, G:163, B:37 and CMYK values of C:0, M:0.35, Y:0.85, K:0.01. Its decimal value is 16556837.

Hex triplet	fca325	`#fca325`
RGB Decimal	252, 163, 37	`rgb(252,163,37)`
RGB Percent	98.8, 63.9, 14.5	`rgb(98.8%,63.9%,14.5%)`
CMYK	0, 35, 85, 1
HSL	35.2°, 97.3, 56.7	`hsl(35.2,97.3%,56.7%)`
HSV (or HSB)	35.2°, 85.3, 98.8
Web Safe	ff9933	`#ff9933`

CIE-LAB	74.207, 24.209, 71.743
XYZ	53.578, 47.027, 8.006
xyY	0.493, 0.433, 47.027
CIE-LCH	74.207, 75.717, 71.354
CIE-LUV	74.207, 73.184, 69.655
Hunter-Lab	68.576, 19.45, 41.082
Binary	11111100, 10100011, 00100101

#fca325
```
#fca325 rgb(252,163,37)
```
#257efc
```
#257efc rgb(37,126,252)
```

Complementary Color

#fc3725
```
#fc3725 rgb(252,55,37)
```
#fca325
```
#fca325 rgb(252,163,37)
```
#eafc25
```
#eafc25 rgb(234,252,37)
```

Analogous Color

#3725fc
```
#3725fc rgb(55,37,252)
```
#fca325
```
#fca325 rgb(252,163,37)
```
#25eafc
```
#25eafc rgb(37,234,252)
```

Split Complementary Color

#a325fc
```
#a325fc rgb(163,37,252)
```
#fca325
```
#fca325 rgb(252,163,37)
```
#25fca3
```
#25fca3 rgb(37,252,163)
```

Triadic Color

#fc257e
```
#fc257e rgb(252,37,126)
```
#fca325
```
#fca325 rgb(252,163,37)
```
#25fca3
```
#25fca3 rgb(37,252,163)
```
#257efc
```
#257efc rgb(37,126,252)
```

Tetradic Color

#d27c03
```
#d27c03 rgb(210,124,3)
```
#eb8b03
```
#eb8b03 rgb(235,139,3)
```
#fc980c
```
#fc980c rgb(252,152,12)
```
#fca325
```
#fca325 rgb(252,163,37)
```
#fcae3e
```
#fcae3e rgb(252,174,62)
```
#fdb857
```
#fdb857 rgb(253,184,87)
```
#fdc370
```
#fdc370 rgb(253,195,112)
```

Monochromatic Color

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

#fc6d25
```
#fc6d25 rgb(252,109,37)
```
#fc7f25
```
#fc7f25 rgb(252,127,37)
```
#fc9125
```
#fc9125 rgb(252,145,37)
```
#fca325
```
#fca325 rgb(252,163,37)
```
#fcb525
```
#fcb525 rgb(252,181,37)
```
#fcc725
```
#fcc725 rgb(252,199,37)
```
#fcd925
```
#fcd925 rgb(252,217,37)
```

Similar Colors

Text with hexadecimal color #fca325

This text has a font color of #fca325.

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

#fca325 background color

This paragraph has a background color of #fca325.

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

#fca325 border color

This element has a border color of #fca325.

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

CSS codes

.text {color:#fca325;}

.background {background-color:#fca325;}

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

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)
```
#482b01
```
#482b01 rgb(72,43,1)
```
#5c3601
```
#5c3601 rgb(92,54,1)
```
#6f4202
```
#6f4202 rgb(111,66,2)
```
#824d02
```
#824d02 rgb(130,77,2)
```
#965902
```
#965902 rgb(150,89,2)
```
#a96402
```
#a96402 rgb(169,100,2)
```
#bc6f03
```
#bc6f03 rgb(188,111,3)
```
#d07b03
```
#d07b03 rgb(208,123,3)
```
#e38603
```
#e38603 rgb(227,134,3)
```
#f69203
```
#f69203 rgb(246,146,3)
```

Shade Color Variation

#fc9b12
```
#fc9b12 rgb(252,155,18)
```
#fca325
```
#fca325 rgb(252,163,37)
```
#fcab38
```
#fcab38 rgb(252,171,56)
```
#fdb34c
```
#fdb34c rgb(253,179,76)
```
#fdbb5f
```
#fdbb5f rgb(253,187,95)
```
#fdc472
```
#fdc472 rgb(253,196,114)
```
#fdcc86
```
#fdcc86 rgb(253,204,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 #fca325 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)
```
#c19961
```
#c19961 rgb(193,153,97)
```
#c99a58
```
#c99a58 rgb(201,154,88)
```
#d29c50
```
#d29c50 rgb(210,156,80)
```
#da9d47
```
#da9d47 rgb(218,157,71)
```
#e39f3f
```
#e39f3f rgb(227,159,63)
```
#eba036
```
#eba036 rgb(235,160,54)
```
#f4a22e
```
#f4a22e rgb(244,162,46)
```
#fca325
```
#fca325 rgb(252,163,37)
```

Tone Color Variation

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

Dichromacy

#d0ba35 Protanopia 1% of men
#e8b12a Deuteranopia 1% of men
#ff9fa8 Tritanopia 0.001% of the population

Trichromacy

#e0b22f Protanomaly 1% of men, 0.01% of women
#efac28 Deuteranomaly 6% of men, 0.4% of women
#fda078 Tritanomaly 0.01% of the population

#fca325 hex color

#fca325 Color Information

#fca325 Color Conversion

Color Schemes with #fca325

Alternatives to #fca325

#fca325 Preview

Shades and Tints of #fca325

Tones of #fca325

Color Blindness Simulator