#fca31c hex color

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

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

● #fca31c color description : Vivid orange.

The hexadecimal color #fca31c has RGB values of R:252, G:163, B:28 and CMYK values of C:0, M:0.35, Y:0.89, K:0.01. Its decimal value is 16556828.

Hex triplet	fca31c	`#fca31c`
RGB Decimal	252, 163, 28	`rgb(252,163,28)`
RGB Percent	98.8, 63.9, 11	`rgb(98.8%,63.9%,11%)`
CMYK	0, 35, 89, 1
HSL	36.2°, 97.4, 54.9	`hsl(36.2,97.4%,54.9%)`
HSV (or HSB)	36.2°, 88.9, 98.8
Web Safe	ff9933	`#ff9933`

CIE-LAB	74.175, 24.026, 74.037
XYZ	53.453, 46.978, 7.351
xyY	0.496, 0.436, 46.978
CIE-LCH	74.175, 77.838, 72.021
CIE-LUV	74.175, 73.497, 70.966
Hunter-Lab	68.54, 19.263, 41.619
Binary	11111100, 10100011, 00011100

#fca31c
```
#fca31c rgb(252,163,28)
```
#1c75fc
```
#1c75fc rgb(28,117,252)
```

Complementary Color

#fc331c
```
#fc331c rgb(252,51,28)
```
#fca31c
```
#fca31c rgb(252,163,28)
```
#e5fc1c
```
#e5fc1c rgb(229,252,28)
```

Analogous Color

#331cfc
```
#331cfc rgb(51,28,252)
```
#fca31c
```
#fca31c rgb(252,163,28)
```
#1ce5fc
```
#1ce5fc rgb(28,229,252)
```

Split Complementary Color

#a31cfc
```
#a31cfc rgb(163,28,252)
```
#fca31c
```
#fca31c rgb(252,163,28)
```
#1cfca3
```
#1cfca3 rgb(28,252,163)
```

Triadic Color

#fc1c75
```
#fc1c75 rgb(252,28,117)
```
#fca31c
```
#fca31c rgb(252,163,28)
```
#1cfca3
```
#1cfca3 rgb(28,252,163)
```
#1c75fc
```
#1c75fc rgb(28,117,252)
```

Tetradic Color

#c97a03
```
#c97a03 rgb(201,122,3)
```
#e28903
```
#e28903 rgb(226,137,3)
```
#fb9903
```
#fb9903 rgb(251,153,3)
```
#fca31c
```
#fca31c rgb(252,163,28)
```
#fcad35
```
#fcad35 rgb(252,173,53)
```
#fdb74e
```
#fdb74e rgb(253,183,78)
```
#fdc268
```
#fdc268 rgb(253,194,104)
```

Monochromatic Color

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

#fc6b1c
```
#fc6b1c rgb(252,107,28)
```
#fc7e1c
```
#fc7e1c rgb(252,126,28)
```
#fc901c
```
#fc901c rgb(252,144,28)
```
#fca31c
```
#fca31c rgb(252,163,28)
```
#fcb61c
```
#fcb61c rgb(252,182,28)
```
#fcc81c
```
#fcc81c rgb(252,200,28)
```
#fcdb1c
```
#fcdb1c rgb(252,219,28)
```

Similar Colors

Text with hexadecimal color #fca31c

This text has a font color of #fca31c.

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

#fca31c background color

This paragraph has a background color of #fca31c.

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

#fca31c border color

This element has a border color of #fca31c.

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

CSS codes

.text {color:#fca31c;}

.background {background-color:#fca31c;}

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

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)
```
#3f2701
```
#3f2701 rgb(63,39,1)
```
#533201
```
#533201 rgb(83,50,1)
```
#663e01
```
#663e01 rgb(102,62,1)
```
#794a02
```
#794a02 rgb(121,74,2)
```
#8d5602
```
#8d5602 rgb(141,86,2)
```
#a06102
```
#a06102 rgb(160,97,2)
```
#b46d02
```
#b46d02 rgb(180,109,2)
```
#c77903
```
#c77903 rgb(199,121,3)
```
#da8503
```
#da8503 rgb(218,133,3)
```
#ee9003
```
#ee9003 rgb(238,144,3)
```

Shade Color Variation

#fc9b09
```
#fc9b09 rgb(252,155,9)
```
#fca31c
```
#fca31c rgb(252,163,28)
```
#fcab2f
```
#fcab2f rgb(252,171,47)
```
#fdb343
```
#fdb343 rgb(253,179,67)
```
#fdbb56
```
#fdbb56 rgb(253,187,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)
```
#fee2b7
```
#fee2b7 rgb(254,226,183)
```
#feeaca
```
#feeaca rgb(254,234,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 #fca31c is the most saturated one.

#928d86
```
#928d86 rgb(146,141,134)
```
#9b8f7d
```
#9b8f7d rgb(155,143,125)
```
#a49174
```
#a49174 rgb(164,145,116)
```
#ac936c
```
#ac936c rgb(172,147,108)
```
#b59463
```
#b59463 rgb(181,148,99)
```
#be965a
```
#be965a rgb(190,150,90)
```
#c79851
```
#c79851 rgb(199,152,81)
```
#d09a48
```
#d09a48 rgb(208,154,72)
```
#d99c3f
```
#d99c3f rgb(217,156,63)
```
#e19e37
```
#e19e37 rgb(225,158,55)
```
#ea9f2e
```
#ea9f2e rgb(234,159,46)
```
#f3a125
```
#f3a125 rgb(243,161,37)
```
#fca31c
```
#fca31c rgb(252,163,28)
```

Tone Color Variation

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

#d0ba2c Protanopia 1% of men
#e8b11f Deuteranopia 1% of men
#ff9fa8 Tritanopia 0.001% of the population

Trichromacy

#e0b126 Protanomaly 1% of men, 0.01% of women
#efac1e Deuteranomaly 6% of men, 0.4% of women
#fda075 Tritanomaly 0.01% of the population

#fca31c hex color

#fca31c Color Information

#fca31c Color Conversion

Color Schemes with #fca31c

Alternatives to #fca31c

#fca31c Preview

Shades and Tints of #fca31c

Tones of #fca31c

Color Blindness Simulator