#fca01f hex color

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

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

● #fca01f color description : Vivid orange.

The hexadecimal color #fca01f has RGB values of R:252, G:160, B:31 and CMYK values of C:0, M:0.37, Y:0.88, K:0.01. Its decimal value is 16556063.

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

CIE-LAB	73.507, 25.648, 72.798
XYZ	52.965, 45.94, 7.374
xyY	0.498, 0.432, 45.94
CIE-LCH	73.507, 77.184, 70.592
CIE-LUV	73.507, 75.868, 69.48
Hunter-Lab	67.779, 20.872, 40.995
Binary	11111100, 10100000, 00011111

#fca01f
```
#fca01f rgb(252,160,31)
```
#1f7bfc
```
#1f7bfc rgb(31,123,252)
```

Complementary Color

#fc321f
```
#fc321f rgb(252,50,31)
```
#fca01f
```
#fca01f rgb(252,160,31)
```
#eafc1f
```
#eafc1f rgb(234,252,31)
```

Analogous Color

#321ffc
```
#321ffc rgb(50,31,252)
```
#fca01f
```
#fca01f rgb(252,160,31)
```
#1feafc
```
#1feafc rgb(31,234,252)
```

Split Complementary Color

#a01ffc
```
#a01ffc rgb(160,31,252)
```
#fca01f
```
#fca01f rgb(252,160,31)
```
#1ffca0
```
#1ffca0 rgb(31,252,160)
```

Triadic Color

#fc1f7b
```
#fc1f7b rgb(252,31,123)
```
#fca01f
```
#fca01f rgb(252,160,31)
```
#1ffca0
```
#1ffca0 rgb(31,252,160)
```
#1f7bfc
```
#1f7bfc rgb(31,123,252)
```

Tetradic Color

#cc7803
```
#cc7803 rgb(204,120,3)
```
#e58703
```
#e58703 rgb(229,135,3)
```
#fc9506
```
#fc9506 rgb(252,149,6)
```
#fca01f
```
#fca01f rgb(252,160,31)
```
#fcab38
```
#fcab38 rgb(252,171,56)
```
#fdb551
```
#fdb551 rgb(253,181,81)
```
#fdc06a
```
#fdc06a rgb(253,192,106)
```

Monochromatic Color

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

#fc691f
```
#fc691f rgb(252,105,31)
```
#fc7b1f
```
#fc7b1f rgb(252,123,31)
```
#fc8e1f
```
#fc8e1f rgb(252,142,31)
```
#fca01f
```
#fca01f rgb(252,160,31)
```
#fcb21f
```
#fcb21f rgb(252,178,31)
```
#fcc51f
```
#fcc51f rgb(252,197,31)
```
#fcd71f
```
#fcd71f rgb(252,215,31)
```

Similar Colors

Text with hexadecimal color #fca01f

This text has a font color of #fca01f.

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

#fca01f background color

This paragraph has a background color of #fca01f.

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

#fca01f border color

This element has a border color of #fca01f.

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

CSS codes

.text {color:#fca01f;}

.background {background-color:#fca01f;}

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

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)
```
#1c1000
```
#1c1000 rgb(28,16,0)
```
#2f1c01
```
#2f1c01 rgb(47,28,1)
```
#422701
```
#422701 rgb(66,39,1)
```
#563301
```
#563301 rgb(86,51,1)
```
#693e01
```
#693e01 rgb(105,62,1)
```
#7c4902
```
#7c4902 rgb(124,73,2)
```
#905502
```
#905502 rgb(144,85,2)
```
#a36002
```
#a36002 rgb(163,96,2)
```
#b66c02
```
#b66c02 rgb(182,108,2)
```
#ca7703
```
#ca7703 rgb(202,119,3)
```
#dd8203
```
#dd8203 rgb(221,130,3)
```
#f18e03
```
#f18e03 rgb(241,142,3)
```

Shade Color Variation

#fc980c
```
#fc980c rgb(252,152,12)
```
#fca01f
```
#fca01f rgb(252,160,31)
```
#fca832
```
#fca832 rgb(252,168,50)
```
#fdb046
```
#fdb046 rgb(253,176,70)
```
#fdb959
```
#fdb959 rgb(253,185,89)
```
#fdc16c
```
#fdc16c rgb(253,193,108)
```
#fdc980
```
#fdc980 rgb(253,201,128)
```
#fed193
```
#fed193 rgb(254,209,147)
```
#fed9a6
```
#fed9a6 rgb(254,217,166)
```
#fee2ba
```
#fee2ba rgb(254,226,186)
```
#feeacd
```
#feeacd rgb(254,234,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, #938e88 is the less saturated color, while #fca01f is the most saturated one.

#938e88
```
#938e88 rgb(147,142,136)
```
#9c907f
```
#9c907f rgb(156,144,127)
```
#a59176
```
#a59176 rgb(165,145,118)
```
#ad936e
```
#ad936e rgb(173,147,110)
```
#b69465
```
#b69465 rgb(182,148,101)
```
#bf965c
```
#bf965c rgb(191,150,92)
```
#c89753
```
#c89753 rgb(200,151,83)
```
#d0994b
```
#d0994b rgb(208,153,75)
```
#d99a42
```
#d99a42 rgb(217,154,66)
```
#e29c39
```
#e29c39 rgb(226,156,57)
```
#eb9d30
```
#eb9d30 rgb(235,157,48)
```
#f39f28
```
#f39f28 rgb(243,159,40)
```
#fca01f
```
#fca01f rgb(252,160,31)
```

Tone Color Variation

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

#adadad Achromatopsia 0.005% of the population
#bdaa91 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ceb82f Protanopia 1% of men
#e6af22 Deuteranopia 1% of men
#ff9ca5 Tritanopia 0.001% of the population

Trichromacy

#deaf29 Protanomaly 1% of men, 0.01% of women
#eea921 Deuteranomaly 6% of men, 0.4% of women
#fd9d74 Tritanomaly 0.01% of the population

#fca01f hex color

#fca01f Color Information

#fca01f Color Conversion

Color Schemes with #fca01f

Alternatives to #fca01f

#fca01f Preview

Shades and Tints of #fca01f

Tones of #fca01f

Color Blindness Simulator