#fca21c hex color

In a RGB color space, hex #fca21c is composed of 98.8% red, 63.5% green and 11% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 35.7% magenta, 88.9% yellow and 1.2% black. It has a hue angle of 35.9 degrees, a saturation of 97.4% and a lightness of 54.9%. #fca21c color hex could be obtained by blending #ffff38 with #f94500. Closest websafe color is: #ff9933.

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

● #fca21c color description : Vivid orange.

The hexadecimal color #fca21c has RGB values of R:252, G:162, B:28 and CMYK values of C:0, M:0.36, Y:0.89, K:0.01. Its decimal value is 16556572.

Hex triplet	fca21c	`#fca21c`
RGB Decimal	252, 162, 28	`rgb(252,162,28)`
RGB Percent	98.8, 63.5, 11	`rgb(98.8%,63.5%,11%)`
CMYK	0, 36, 89, 1
HSL	35.9°, 97.4, 54.9	`hsl(35.9,97.4%,54.9%)`
HSV (or HSB)	35.9°, 88.9, 98.8
Web Safe	ff9933	`#ff9933`

CIE-LAB	73.949, 24.548, 73.864
XYZ	53.276, 46.624, 7.292
xyY	0.497, 0.435, 46.624
CIE-LCH	73.949, 77.837, 71.616
CIE-LUV	73.949, 74.319, 70.604
Hunter-Lab	68.282, 19.781, 41.465
Binary	11111100, 10100010, 00011100

#fca21c
```
#fca21c rgb(252,162,28)
```
#1c76fc
```
#1c76fc rgb(28,118,252)
```

Complementary Color

#fc321c
```
#fc321c rgb(252,50,28)
```
#fca21c
```
#fca21c rgb(252,162,28)
```
#e6fc1c
```
#e6fc1c rgb(230,252,28)
```

Analogous Color

#321cfc
```
#321cfc rgb(50,28,252)
```
#fca21c
```
#fca21c rgb(252,162,28)
```
#1ce6fc
```
#1ce6fc rgb(28,230,252)
```

Split Complementary Color

#a21cfc
```
#a21cfc rgb(162,28,252)
```
#fca21c
```
#fca21c rgb(252,162,28)
```
#1cfca2
```
#1cfca2 rgb(28,252,162)
```

Triadic Color

#fc1c76
```
#fc1c76 rgb(252,28,118)
```
#fca21c
```
#fca21c rgb(252,162,28)
```
#1cfca2
```
#1cfca2 rgb(28,252,162)
```
#1c76fc
```
#1c76fc rgb(28,118,252)
```

Tetradic Color

#c97903
```
#c97903 rgb(201,121,3)
```
#e28803
```
#e28803 rgb(226,136,3)
```
#fb9803
```
#fb9803 rgb(251,152,3)
```
#fca21c
```
#fca21c rgb(252,162,28)
```
#fcac35
```
#fcac35 rgb(252,172,53)
```
#fdb74e
```
#fdb74e rgb(253,183,78)
```
#fdc168
```
#fdc168 rgb(253,193,104)
```

Monochromatic Color

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

#fc6a1c
```
#fc6a1c rgb(252,106,28)
```
#fc7d1c
```
#fc7d1c rgb(252,125,28)
```
#fc8f1c
```
#fc8f1c rgb(252,143,28)
```
#fca21c
```
#fca21c rgb(252,162,28)
```
#fcb51c
```
#fcb51c rgb(252,181,28)
```
#fcc71c
```
#fcc71c rgb(252,199,28)
```
#fcda1c
```
#fcda1c rgb(252,218,28)
```

Similar Colors

Text with hexadecimal color #fca21c

This text has a font color of #fca21c.

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

#fca21c background color

This paragraph has a background color of #fca21c.

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

#fca21c border color

This element has a border color of #fca21c.

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

CSS codes

.text {color:#fca21c;}

.background {background-color:#fca21c;}

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

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

#050300
```
#050300 rgb(5,3,0)
```
#190f00
```
#190f00 rgb(25,15,0)
```
#2c1b01
```
#2c1b01 rgb(44,27,1)
```
#3f2601
```
#3f2601 rgb(63,38,1)
```
#533201
```
#533201 rgb(83,50,1)
```
#663e01
```
#663e01 rgb(102,62,1)
```
#794902
```
#794902 rgb(121,73,2)
```
#8d5502
```
#8d5502 rgb(141,85,2)
```
#a06102
```
#a06102 rgb(160,97,2)
```
#b46c02
```
#b46c02 rgb(180,108,2)
```
#c77803
```
#c77803 rgb(199,120,3)
```
#da8403
```
#da8403 rgb(218,132,3)
```
#ee8f03
```
#ee8f03 rgb(238,143,3)
```

Shade Color Variation

#fc9a09
```
#fc9a09 rgb(252,154,9)
```
#fca21c
```
#fca21c rgb(252,162,28)
```
#fcaa2f
```
#fcaa2f rgb(252,170,47)
```
#fdb243
```
#fdb243 rgb(253,178,67)
```
#fdba56
```
#fdba56 rgb(253,186,86)
```
#fdc269
```
#fdc269 rgb(253,194,105)
```
#fdca7d
```
#fdca7d rgb(253,202,125)
```
#fed290
```
#fed290 rgb(254,210,144)
```
#fedaa4
```
#fedaa4 rgb(254,218,164)
```
#fee1b7
```
#fee1b7 rgb(254,225,183)
```
#fee9ca
```
#fee9ca rgb(254,233,202)
```
#fff1de
```
#fff1de rgb(255,241,222)
```
#fff9f1
```
#fff9f1 rgb(255,249,241)
```

Tint Color Variation

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

#928d86
```
#928d86 rgb(146,141,134)
```
#9b8f7d
```
#9b8f7d rgb(155,143,125)
```
#a49174
```
#a49174 rgb(164,145,116)
```
#ac926c
```
#ac926c rgb(172,146,108)
```
#b59463
```
#b59463 rgb(181,148,99)
```
#be965a
```
#be965a rgb(190,150,90)
```
#c79851
```
#c79851 rgb(199,152,81)
```
#d09948
```
#d09948 rgb(208,153,72)
```
#d99b3f
```
#d99b3f rgb(217,155,63)
```
#e19d37
```
#e19d37 rgb(225,157,55)
```
#ea9f2e
```
#ea9f2e rgb(234,159,46)
```
#f3a025
```
#f3a025 rgb(243,160,37)
```
#fca21c
```
#fca21c rgb(252,162,28)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#beac91 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cfb92d Protanopia 1% of men
#e7b01f Deuteranopia 1% of men
#ff9ea7 Tritanopia 0.001% of the population

Trichromacy

#dfb126 Protanomaly 1% of men, 0.01% of women
#efab1e Deuteranomaly 6% of men, 0.4% of women
#fd9f74 Tritanomaly 0.01% of the population

#fca21c hex color

#fca21c Color Information

#fca21c Color Conversion

Color Schemes with #fca21c

Alternatives to #fca21c

#fca21c Preview

Shades and Tints of #fca21c

Tones of #fca21c

Color Blindness Simulator