#fca521 hex color

In a RGB color space, hex #fca521 is composed of 98.8% red, 64.7% green and 12.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 34.5% magenta, 86.9% yellow and 1.2% black. It has a hue angle of 36.2 degrees, a saturation of 97.3% and a lightness of 55.9%. #fca521 color hex could be obtained by blending #ffff42 with #f94b00. Closest websafe color is: #ff9933.

♥
- f
- t
- g
- R 99
- G 65
- B 13
RGB color chart
- C 0
- M 35
- Y 87
- K 1
CMYK color chart

● #fca521 color description : Vivid orange.

The hexadecimal color #fca521 has RGB values of R:252, G:165, B:33 and CMYK values of C:0, M:0.35, Y:0.87, K:0.01. Its decimal value is 16557345.

Hex triplet	fca521	`#fca521`
RGB Decimal	252, 165, 33	`rgb(252,165,33)`
RGB Percent	98.8, 64.7, 12.9	`rgb(98.8%,64.7%,12.9%)`
CMYK	0, 35, 87, 1
HSL	36.2°, 97.3, 55.9	`hsl(36.2,97.3%,55.9%)`
HSV (or HSB)	36.2°, 86.9, 98.8
Web Safe	ff9933	`#ff9933`

CIE-LAB	74.648, 23.076, 73.183
XYZ	53.876, 47.719, 7.812
xyY	0.492, 0.436, 47.719
CIE-LCH	74.648, 76.735, 72.499
CIE-LUV	74.648, 71.697, 71.01
Hunter-Lab	69.079, 18.327, 41.65
Binary	11111100, 10100101, 00100001

#fca521
```
#fca521 rgb(252,165,33)
```
#2178fc
```
#2178fc rgb(33,120,252)
```

Complementary Color

#fc3821
```
#fc3821 rgb(252,56,33)
```
#fca521
```
#fca521 rgb(252,165,33)
```
#e6fc21
```
#e6fc21 rgb(230,252,33)
```

Analogous Color

#3821fc
```
#3821fc rgb(56,33,252)
```
#fca521
```
#fca521 rgb(252,165,33)
```
#21e6fc
```
#21e6fc rgb(33,230,252)
```

Split Complementary Color

#a521fc
```
#a521fc rgb(165,33,252)
```
#fca521
```
#fca521 rgb(252,165,33)
```
#21fca5
```
#21fca5 rgb(33,252,165)
```

Triadic Color

#fc2178
```
#fc2178 rgb(252,33,120)
```
#fca521
```
#fca521 rgb(252,165,33)
```
#21fca5
```
#21fca5 rgb(33,252,165)
```
#2178fc
```
#2178fc rgb(33,120,252)
```

Tetradic Color

#ce7d03
```
#ce7d03 rgb(206,125,3)
```
#e78c03
```
#e78c03 rgb(231,140,3)
```
#fc9b08
```
#fc9b08 rgb(252,155,8)
```
#fca521
```
#fca521 rgb(252,165,33)
```
#fcaf3a
```
#fcaf3a rgb(252,175,58)
```
#fdb953
```
#fdb953 rgb(253,185,83)
```
#fdc46c
```
#fdc46c rgb(253,196,108)
```

Monochromatic Color

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

#fc6e21
```
#fc6e21 rgb(252,110,33)
```
#fc8121
```
#fc8121 rgb(252,129,33)
```
#fc9321
```
#fc9321 rgb(252,147,33)
```
#fca521
```
#fca521 rgb(252,165,33)
```
#fcb721
```
#fcb721 rgb(252,183,33)
```
#fcca21
```
#fcca21 rgb(252,202,33)
```
#fcdc21
```
#fcdc21 rgb(252,220,33)
```

Similar Colors

Text with hexadecimal color #fca521

This text has a font color of #fca521.

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

#fca521 background color

This paragraph has a background color of #fca521.

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

#fca521 border color

This element has a border color of #fca521.

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

CSS codes

.text {color:#fca521;}

.background {background-color:#fca521;}

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

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

#0a0600
```
#0a0600 rgb(10,6,0)
```
#1e1200
```
#1e1200 rgb(30,18,0)
```
#311e01
```
#311e01 rgb(49,30,1)
```
#442a01
```
#442a01 rgb(68,42,1)
```
#583501
```
#583501 rgb(88,53,1)
```
#6b4101
```
#6b4101 rgb(107,65,1)
```
#7e4d02
```
#7e4d02 rgb(126,77,2)
```
#925902
```
#925902 rgb(146,89,2)
```
#a56402
```
#a56402 rgb(165,100,2)
```
#b87002
```
#b87002 rgb(184,112,2)
```
#cc7c03
```
#cc7c03 rgb(204,124,3)
```
#df8803
```
#df8803 rgb(223,136,3)
```
#f29303
```
#f29303 rgb(242,147,3)
```

Shade Color Variation

#fc9d0e
```
#fc9d0e rgb(252,157,14)
```
#fca521
```
#fca521 rgb(252,165,33)
```
#fcad34
```
#fcad34 rgb(252,173,52)
```
#fdb548
```
#fdb548 rgb(253,181,72)
```
#fdbd5b
```
#fdbd5b rgb(253,189,91)
```
#fdc46e
```
#fdc46e rgb(253,196,110)
```
#fdcc82
```
#fdcc82 rgb(253,204,130)
```
#fed495
```
#fed495 rgb(254,212,149)
```
#fedca8
```
#fedca8 rgb(254,220,168)
```
#fee4bc
```
#fee4bc rgb(254,228,188)
```
#feeccf
```
#feeccf rgb(254,236,207)
```
#fff3e3
```
#fff3e3 rgb(255,243,227)
```
#fffbf6
```
#fffbf6 rgb(255,251,246)
```

Tint Color Variation

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

#949089
```
#949089 rgb(148,144,137)
```
#9d9180
```
#9d9180 rgb(157,145,128)
```
#a59378
```
#a59378 rgb(165,147,120)
```
#ae956f
```
#ae956f rgb(174,149,111)
```
#b79766
```
#b79766 rgb(183,151,102)
```
#bf995e
```
#bf995e rgb(191,153,94)
```
#c89a55
```
#c89a55 rgb(200,154,85)
```
#d19c4c
```
#d19c4c rgb(209,156,76)
```
#d99e44
```
#d99e44 rgb(217,158,68)
```
#e2a03b
```
#e2a03b rgb(226,160,59)
```
#eba132
```
#eba132 rgb(235,161,50)
```
#f3a32a
```
#f3a32a rgb(243,163,42)
```
#fca521
```
#fca521 rgb(252,165,33)
```

Tone Color Variation

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

#b0b0b0 Achromatopsia 0.005% of the population
#bfae93 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d1bb31 Protanopia 1% of men
#e9b226 Deuteranopia 1% of men
#ffa0aa Tritanopia 0.001% of the population

Trichromacy

#e1b32b Protanomaly 1% of men, 0.01% of women
#f0ad24 Deuteranomaly 6% of men, 0.4% of women
#fda278 Tritanomaly 0.01% of the population

#fca521 hex color

#fca521 Color Information

#fca521 Color Conversion

Color Schemes with #fca521

Alternatives to #fca521

#fca521 Preview

Shades and Tints of #fca521

Tones of #fca521

Color Blindness Simulator