#fca31f hex color

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

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

● #fca31f color description : Vivid orange.

The hexadecimal color #fca31f has RGB values of R:252, G:163, B:31 and CMYK values of C:0, M:0.35, Y:0.88, K:0.01. Its decimal value is 16556831.

Hex triplet	fca31f	`#fca31f`
RGB Decimal	252, 163, 31	`rgb(252,163,31)`
RGB Percent	98.8, 63.9, 12.2	`rgb(98.8%,63.9%,12.2%)`
CMYK	0, 35, 88, 1
HSL	35.8°, 97.4, 55.5	`hsl(35.8,97.4%,55.5%)`
HSV (or HSB)	35.8°, 87.7, 98.8
Web Safe	ff9933	`#ff9933`

CIE-LAB	74.185, 24.082, 73.327
XYZ	53.491, 46.993, 7.55
xyY	0.495, 0.435, 46.993
CIE-LCH	74.185, 77.18, 71.819
CIE-LUV	74.185, 73.402, 70.567
Hunter-Lab	68.551, 19.32, 41.456
Binary	11111100, 10100011, 00011111

#fca31f
```
#fca31f rgb(252,163,31)
```
#1f78fc
```
#1f78fc rgb(31,120,252)
```

Complementary Color

#fc351f
```
#fc351f rgb(252,53,31)
```
#fca31f
```
#fca31f rgb(252,163,31)
```
#e7fc1f
```
#e7fc1f rgb(231,252,31)
```

Analogous Color

#351ffc
```
#351ffc rgb(53,31,252)
```
#fca31f
```
#fca31f rgb(252,163,31)
```
#1fe7fc
```
#1fe7fc rgb(31,231,252)
```

Split Complementary Color

#a31ffc
```
#a31ffc rgb(163,31,252)
```
#fca31f
```
#fca31f rgb(252,163,31)
```
#1ffca3
```
#1ffca3 rgb(31,252,163)
```

Triadic Color

#fc1f78
```
#fc1f78 rgb(252,31,120)
```
#fca31f
```
#fca31f rgb(252,163,31)
```
#1ffca3
```
#1ffca3 rgb(31,252,163)
```
#1f78fc
```
#1f78fc rgb(31,120,252)
```

Tetradic Color

#cc7b03
```
#cc7b03 rgb(204,123,3)
```
#e58a03
```
#e58a03 rgb(229,138,3)
```
#fc9906
```
#fc9906 rgb(252,153,6)
```
#fca31f
```
#fca31f rgb(252,163,31)
```
#fcad38
```
#fcad38 rgb(252,173,56)
```
#fdb851
```
#fdb851 rgb(253,184,81)
```
#fdc26a
```
#fdc26a rgb(253,194,106)
```

Monochromatic Color

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

#fc6c1f
```
#fc6c1f rgb(252,108,31)
```
#fc7e1f
```
#fc7e1f rgb(252,126,31)
```
#fc911f
```
#fc911f rgb(252,145,31)
```
#fca31f
```
#fca31f rgb(252,163,31)
```
#fcb51f
```
#fcb51f rgb(252,181,31)
```
#fcc81f
```
#fcc81f rgb(252,200,31)
```
#fcda1f
```
#fcda1f rgb(252,218,31)
```

Similar Colors

Text with hexadecimal color #fca31f

This text has a font color of #fca31f.

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

#fca31f background color

This paragraph has a background color of #fca31f.

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

#fca31f border color

This element has a border color of #fca31f.

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

CSS codes

.text {color:#fca31f;}

.background {background-color:#fca31f;}

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

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

#080500
```
#080500 rgb(8,5,0)
```
#1c1100
```
#1c1100 rgb(28,17,0)
```
#2f1c01
```
#2f1c01 rgb(47,28,1)
```
#422801
```
#422801 rgb(66,40,1)
```
#563401
```
#563401 rgb(86,52,1)
```
#693f01
```
#693f01 rgb(105,63,1)
```
#7c4b02
```
#7c4b02 rgb(124,75,2)
```
#905702
```
#905702 rgb(144,87,2)
```
#a36202
```
#a36202 rgb(163,98,2)
```
#b66e02
```
#b66e02 rgb(182,110,2)
```
#ca7a03
```
#ca7a03 rgb(202,122,3)
```
#dd8503
```
#dd8503 rgb(221,133,3)
```
#f19103
```
#f19103 rgb(241,145,3)
```

Shade Color Variation

#fc9b0c
```
#fc9b0c rgb(252,155,12)
```
#fca31f
```
#fca31f rgb(252,163,31)
```
#fcab32
```
#fcab32 rgb(252,171,50)
```
#fdb346
```
#fdb346 rgb(253,179,70)
```
#fdbb59
```
#fdbb59 rgb(253,187,89)
```
#fdc36c
```
#fdc36c rgb(253,195,108)
```
#fdcb80
```
#fdcb80 rgb(253,203,128)
```
#fed393
```
#fed393 rgb(254,211,147)
```
#fedba6
```
#fedba6 rgb(254,219,166)
```
#fee3ba
```
#fee3ba rgb(254,227,186)
```
#feebcd
```
#feebcd rgb(254,235,205)
```
#fff2e1
```
#fff2e1 rgb(255,242,225)
```
#fffaf4
```
#fffaf4 rgb(255,250,244)
```

Tint Color Variation

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

#938f88
```
#938f88 rgb(147,143,136)
```
#9c907f
```
#9c907f rgb(156,144,127)
```
#a59276
```
#a59276 rgb(165,146,118)
```
#ad946e
```
#ad946e rgb(173,148,110)
```
#b69565
```
#b69565 rgb(182,149,101)
```
#bf975c
```
#bf975c rgb(191,151,92)
```
#c89953
```
#c89953 rgb(200,153,83)
```
#d09b4b
```
#d09b4b rgb(208,155,75)
```
#d99c42
```
#d99c42 rgb(217,156,66)
```
#e29e39
```
#e29e39 rgb(226,158,57)
```
#eba030
```
#eba030 rgb(235,160,48)
```
#f3a128
```
#f3a128 rgb(243,161,40)
```
#fca31f
```
#fca31f rgb(252,163,31)
```

Tone Color Variation

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

Dichromacy

#d0ba2f Protanopia 1% of men
#e8b123 Deuteranopia 1% of men
#ff9fa8 Tritanopia 0.001% of the population

Trichromacy

#e0b129 Protanomaly 1% of men, 0.01% of women
#efac21 Deuteranomaly 6% of men, 0.4% of women
#fda076 Tritanomaly 0.01% of the population

#fca31f hex color

#fca31f Color Information

#fca31f Color Conversion

Color Schemes with #fca31f

Alternatives to #fca31f

#fca31f Preview

Shades and Tints of #fca31f

Tones of #fca31f

Color Blindness Simulator