#fca71f hex color

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

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

● #fca71f color description : Vivid orange.

The hexadecimal color #fca71f has RGB values of R:252, G:167, B:31 and CMYK values of C:0, M:0.34, Y:0.88, K:0.01. Its decimal value is 16557855.

Hex triplet	fca71f	`#fca71f`
RGB Decimal	252, 167, 31	`rgb(252,167,31)`
RGB Percent	98.8, 65.5, 12.2	`rgb(98.8%,65.5%,12.2%)`
CMYK	0, 34, 88, 1
HSL	36.9°, 97.4, 55.5	`hsl(36.9,97.4%,55.5%)`
HSV (or HSB)	36.9°, 87.7, 98.8
Web Safe	ff9933	`#ff9933`

CIE-LAB	75.099, 21.991, 74.039
XYZ	54.212, 48.436, 7.79
xyY	0.491, 0.439, 48.436
CIE-LCH	75.099, 77.236, 73.458
CIE-LUV	75.099, 70.131, 72.025
Hunter-Lab	69.596, 17.252, 42.08
Binary	11111100, 10100111, 00011111

#fca71f
```
#fca71f rgb(252,167,31)
```
#1f74fc
```
#1f74fc rgb(31,116,252)
```

Complementary Color

#fc391f
```
#fc391f rgb(252,57,31)
```
#fca71f
```
#fca71f rgb(252,167,31)
```
#e3fc1f
```
#e3fc1f rgb(227,252,31)
```

Analogous Color

#391ffc
```
#391ffc rgb(57,31,252)
```
#fca71f
```
#fca71f rgb(252,167,31)
```
#1fe3fc
```
#1fe3fc rgb(31,227,252)
```

Split Complementary Color

#a71ffc
```
#a71ffc rgb(167,31,252)
```
#fca71f
```
#fca71f rgb(252,167,31)
```
#1ffca7
```
#1ffca7 rgb(31,252,167)
```

Triadic Color

#fc1f74
```
#fc1f74 rgb(252,31,116)
```
#fca71f
```
#fca71f rgb(252,167,31)
```
#1ffca7
```
#1ffca7 rgb(31,252,167)
```
#1f74fc
```
#1f74fc rgb(31,116,252)
```

Tetradic Color

#cc7e03
```
#cc7e03 rgb(204,126,3)
```
#e58e03
```
#e58e03 rgb(229,142,3)
```
#fc9d06
```
#fc9d06 rgb(252,157,6)
```
#fca71f
```
#fca71f rgb(252,167,31)
```
#fcb138
```
#fcb138 rgb(252,177,56)
```
#fdbb51
```
#fdbb51 rgb(253,187,81)
```
#fdc56a
```
#fdc56a rgb(253,197,106)
```

Monochromatic Color

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

#fc701f
```
#fc701f rgb(252,112,31)
```
#fc821f
```
#fc821f rgb(252,130,31)
```
#fc951f
```
#fc951f rgb(252,149,31)
```
#fca71f
```
#fca71f rgb(252,167,31)
```
#fcb91f
```
#fcb91f rgb(252,185,31)
```
#fccc1f
```
#fccc1f rgb(252,204,31)
```
#fcde1f
```
#fcde1f rgb(252,222,31)
```

Similar Colors

Text with hexadecimal color #fca71f

This text has a font color of #fca71f.

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

#fca71f background color

This paragraph has a background color of #fca71f.

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

#fca71f border color

This element has a border color of #fca71f.

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

CSS codes

.text {color:#fca71f;}

.background {background-color:#fca71f;}

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

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 #fffbf4 is the lightest one.

#080500
```
#080500 rgb(8,5,0)
```
#1c1100
```
#1c1100 rgb(28,17,0)
```
#2f1d01
```
#2f1d01 rgb(47,29,1)
```
#422901
```
#422901 rgb(66,41,1)
```
#563501
```
#563501 rgb(86,53,1)
```
#694101
```
#694101 rgb(105,65,1)
```
#7c4d02
```
#7c4d02 rgb(124,77,2)
```
#905902
```
#905902 rgb(144,89,2)
```
#a36502
```
#a36502 rgb(163,101,2)
```
#b67102
```
#b67102 rgb(182,113,2)
```
#ca7d03
```
#ca7d03 rgb(202,125,3)
```
#dd8903
```
#dd8903 rgb(221,137,3)
```
#f19503
```
#f19503 rgb(241,149,3)
```

Shade Color Variation

#fc9f0c
```
#fc9f0c rgb(252,159,12)
```
#fca71f
```
#fca71f rgb(252,167,31)
```
#fcaf32
```
#fcaf32 rgb(252,175,50)
```
#fdb646
```
#fdb646 rgb(253,182,70)
```
#fdbe59
```
#fdbe59 rgb(253,190,89)
```
#fdc56c
```
#fdc56c rgb(253,197,108)
```
#fdcd80
```
#fdcd80 rgb(253,205,128)
```
#fed593
```
#fed593 rgb(254,213,147)
```
#fedca6
```
#fedca6 rgb(254,220,166)
```
#fee4ba
```
#fee4ba rgb(254,228,186)
```
#feebcd
```
#feebcd rgb(254,235,205)
```
#fff3e1
```
#fff3e1 rgb(255,243,225)
```
#fffbf4
```
#fffbf4 rgb(255,251,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 #fca71f is the most saturated one.

#938f88
```
#938f88 rgb(147,143,136)
```
#9c917f
```
#9c917f rgb(156,145,127)
```
#a59376
```
#a59376 rgb(165,147,118)
```
#ad956e
```
#ad956e rgb(173,149,110)
```
#b69765
```
#b69765 rgb(182,151,101)
```
#bf995c
```
#bf995c rgb(191,153,92)
```
#c89b53
```
#c89b53 rgb(200,155,83)
```
#d09d4b
```
#d09d4b rgb(208,157,75)
```
#d99f42
```
#d99f42 rgb(217,159,66)
```
#e2a139
```
#e2a139 rgb(226,161,57)
```
#eba330
```
#eba330 rgb(235,163,48)
```
#f3a528
```
#f3a528 rgb(243,165,40)
```
#fca71f
```
#fca71f rgb(252,167,31)
```

Tone Color Variation

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

#b1b1b1 Achromatopsia 0.005% of the population
#c0af94 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d2bc2f Protanopia 1% of men
#ebb324 Deuteranopia 1% of men
#ffa2ac Tritanopia 0.001% of the population

Trichromacy

#e1b429 Protanomaly 1% of men, 0.01% of women
#f1ae22 Deuteranomaly 6% of men, 0.4% of women
#fda479 Tritanomaly 0.01% of the population

#fca71f hex color

#fca71f Color Information

#fca71f Color Conversion

Color Schemes with #fca71f

Alternatives to #fca71f

#fca71f Preview

Shades and Tints of #fca71f

Tones of #fca71f

Color Blindness Simulator