#fca31a hex color

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

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

● #fca31a color description : Vivid orange.

The hexadecimal color #fca31a has RGB values of R:252, G:163, B:26 and CMYK values of C:0, M:0.35, Y:0.9, K:0.01. Its decimal value is 16556826.

Hex triplet	fca31a	`#fca31a`
RGB Decimal	252, 163, 26	`rgb(252,163,26)`
RGB Percent	98.8, 63.9, 10.2	`rgb(98.8%,63.9%,10.2%)`
CMYK	0, 35, 90, 1
HSL	36.4°, 97.4, 54.5	`hsl(36.4,97.4%,54.5%)`
HSV (or HSB)	36.4°, 89.7, 98.8
Web Safe	ff9933	`#ff9933`

CIE-LAB	74.169, 23.992, 74.479
XYZ	53.43, 46.968, 7.229
xyY	0.496, 0.436, 46.968
CIE-LCH	74.169, 78.248, 72.145
CIE-LUV	74.169, 73.555, 71.211
Hunter-Lab	68.533, 19.229, 41.719
Binary	11111100, 10100011, 00011010

#fca31a
```
#fca31a rgb(252,163,26)
```
#1a73fc
```
#1a73fc rgb(26,115,252)
```

Complementary Color

#fc321a
```
#fc321a rgb(252,50,26)
```
#fca31a
```
#fca31a rgb(252,163,26)
```
#e4fc1a
```
#e4fc1a rgb(228,252,26)
```

Analogous Color

#321afc
```
#321afc rgb(50,26,252)
```
#fca31a
```
#fca31a rgb(252,163,26)
```
#1ae4fc
```
#1ae4fc rgb(26,228,252)
```

Split Complementary Color

#a31afc
```
#a31afc rgb(163,26,252)
```
#fca31a
```
#fca31a rgb(252,163,26)
```
#1afca3
```
#1afca3 rgb(26,252,163)
```

Triadic Color

#fc1a73
```
#fc1a73 rgb(252,26,115)
```
#fca31a
```
#fca31a rgb(252,163,26)
```
#1afca3
```
#1afca3 rgb(26,252,163)
```
#1a73fc
```
#1a73fc rgb(26,115,252)
```

Tetradic Color

#c77a03
```
#c77a03 rgb(199,122,3)
```
#e08903
```
#e08903 rgb(224,137,3)
```
#f99803
```
#f99803 rgb(249,152,3)
```
#fca31a
```
#fca31a rgb(252,163,26)
```
#fcad33
```
#fcad33 rgb(252,173,51)
```
#fdb74c
```
#fdb74c rgb(253,183,76)
```
#fdc166
```
#fdc166 rgb(253,193,102)
```

Monochromatic Color

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

#fc6b1a
```
#fc6b1a rgb(252,107,26)
```
#fc7d1a
```
#fc7d1a rgb(252,125,26)
```
#fc901a
```
#fc901a rgb(252,144,26)
```
#fca31a
```
#fca31a rgb(252,163,26)
```
#fcb61a
```
#fcb61a rgb(252,182,26)
```
#fcc91a
```
#fcc91a rgb(252,201,26)
```
#fcdc1a
```
#fcdc1a rgb(252,220,26)
```

Similar Colors

Text with hexadecimal color #fca31a

This text has a font color of #fca31a.

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

#fca31a background color

This paragraph has a background color of #fca31a.

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

#fca31a border color

This element has a border color of #fca31a.

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

CSS codes

.text {color:#fca31a;}

.background {background-color:#fca31a;}

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

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

#030200
```
#030200 rgb(3,2,0)
```
#170e00
```
#170e00 rgb(23,14,0)
```
#2a1a01
```
#2a1a01 rgb(42,26,1)
```
#3d2601
```
#3d2601 rgb(61,38,1)
```
#513101
```
#513101 rgb(81,49,1)
```
#643d01
```
#643d01 rgb(100,61,1)
```
#784902
```
#784902 rgb(120,73,2)
```
#8b5502
```
#8b5502 rgb(139,85,2)
```
#9e6102
```
#9e6102 rgb(158,97,2)
```
#b26d02
```
#b26d02 rgb(178,109,2)
```
#c57803
```
#c57803 rgb(197,120,3)
```
#d88403
```
#d88403 rgb(216,132,3)
```
#ec9003
```
#ec9003 rgb(236,144,3)
```

Shade Color Variation

#fc9b07
```
#fc9b07 rgb(252,155,7)
```
#fca31a
```
#fca31a rgb(252,163,26)
```
#fcab2d
```
#fcab2d rgb(252,171,45)
```
#fdb341
```
#fdb341 rgb(253,179,65)
```
#fdba54
```
#fdba54 rgb(253,186,84)
```
#fdc267
```
#fdc267 rgb(253,194,103)
```
#fdca7b
```
#fdca7b rgb(253,202,123)
```
#fed28e
```
#fed28e rgb(254,210,142)
```
#fed9a2
```
#fed9a2 rgb(254,217,162)
```
#fee1b5
```
#fee1b5 rgb(254,225,181)
```
#fee9c8
```
#fee9c8 rgb(254,233,200)
```
#fff1dc
```
#fff1dc rgb(255,241,220)
```
#fff9ef
```
#fff9ef rgb(255,249,239)
```

Tint Color Variation

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

#918c85
```
#918c85 rgb(145,140,133)
```
#9a8e7c
```
#9a8e7c rgb(154,142,124)
```
#a39073
```
#a39073 rgb(163,144,115)
```
#ac926a
```
#ac926a rgb(172,146,106)
```
#b59461
```
#b59461 rgb(181,148,97)
```
#be9658
```
#be9658 rgb(190,150,88)
```
#c69850
```
#c69850 rgb(198,152,80)
```
#cf9a47
```
#cf9a47 rgb(207,154,71)
```
#d89b3e
```
#d89b3e rgb(216,155,62)
```
#e19d35
```
#e19d35 rgb(225,157,53)
```
#ea9f2c
```
#ea9f2c rgb(234,159,44)
```
#f3a123
```
#f3a123 rgb(243,161,35)
```
#fca31a
```
#fca31a rgb(252,163,26)
```

Tone Color Variation

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

Dichromacy

#d0ba2b Protanopia 1% of men
#e8b11d Deuteranopia 1% of men
#ff9fa8 Tritanopia 0.001% of the population

Trichromacy

#e0b124 Protanomaly 1% of men, 0.01% of women
#efac1c Deuteranomaly 6% of men, 0.4% of women
#fda074 Tritanomaly 0.01% of the population

#fca31a hex color

#fca31a Color Information

#fca31a Color Conversion

Color Schemes with #fca31a

Alternatives to #fca31a

#fca31a Preview

Shades and Tints of #fca31a

Tones of #fca31a

Color Blindness Simulator