#fca301 hex color

In a RGB color space, hex #fca301 is composed of 98.8% red, 63.9% green and 0.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 35.3% magenta, 99.6% yellow and 1.2% black. It has a hue angle of 38.7 degrees, a saturation of 99.2% and a lightness of 49.6%. #fca301 color hex could be obtained by blending #ffff02 with #f94700. Closest websafe color is: #ff9900.

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

● #fca301 color description : Vivid orange.

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

Hex triplet	fca301	`#fca301`
RGB Decimal	252, 163, 1	`rgb(252,163,1)`
RGB Percent	98.8, 63.9, 0.4	`rgb(98.8%,63.9%,0.4%)`
CMYK	0, 35, 100, 1
HSL	38.7°, 99.2, 49.6	`hsl(38.7,99.2%,49.6%)`
HSV (or HSB)	38.7°, 99.6, 98.8
Web Safe	ff9900	`#ff9900`

CIE-LAB	74.123, 23.725, 78.127
XYZ	53.249, 46.896, 6.276
xyY	0.5, 0.441, 46.896
CIE-LCH	74.123, 81.65, 73.108
CIE-LUV	74.123, 74.015, 73.136
Hunter-Lab	68.481, 18.957, 42.503
Binary	11111100, 10100011, 00000001

#fca301
```
#fca301 rgb(252,163,1)
```
#015afc
```
#015afc rgb(1,90,252)
```

Complementary Color

#fc2501
```
#fc2501 rgb(252,37,1)
```
#fca301
```
#fca301 rgb(252,163,1)
```
#d8fc01
```
#d8fc01 rgb(216,252,1)
```

Analogous Color

#2501fc
```
#2501fc rgb(37,1,252)
```
#fca301
```
#fca301 rgb(252,163,1)
```
#01d8fc
```
#01d8fc rgb(1,216,252)
```

Split Complementary Color

#a301fc
```
#a301fc rgb(163,1,252)
```
#fca301
```
#fca301 rgb(252,163,1)
```
#01fca3
```
#01fca3 rgb(1,252,163)
```

Triadic Color

#fc015a
```
#fc015a rgb(252,1,90)
```
#fca301
```
#fca301 rgb(252,163,1)
```
#01fca3
```
#01fca3 rgb(1,252,163)
```
#015afc
```
#015afc rgb(1,90,252)
```

Tetradic Color

#b07201
```
#b07201 rgb(176,114,1)
```
#c98201
```
#c98201 rgb(201,130,1)
```
#e39301
```
#e39301 rgb(227,147,1)
```
#fca301
```
#fca301 rgb(252,163,1)
```
#fead18
```
#fead18 rgb(254,173,24)
```
#feb632
```
#feb632 rgb(254,182,50)
```
#febf4b
```
#febf4b rgb(254,191,75)
```

Monochromatic Color

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

#fc6401
```
#fc6401 rgb(252,100,1)
```
#fc7901
```
#fc7901 rgb(252,121,1)
```
#fc8e01
```
#fc8e01 rgb(252,142,1)
```
#fca301
```
#fca301 rgb(252,163,1)
```
#fcb801
```
#fcb801 rgb(252,184,1)
```
#fccd01
```
#fccd01 rgb(252,205,1)
```
#fce201
```
#fce201 rgb(252,226,1)
```

Similar Colors

Text with hexadecimal color #fca301

This text has a font color of #fca301.

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

#fca301 background color

This paragraph has a background color of #fca301.

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

#fca301 border color

This element has a border color of #fca301.

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

CSS codes

.text {color:#fca301;}

.background {background-color:#fca301;}

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

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, #120b00 is the darkest color, while #fffefd is the lightest one.

#120b00
```
#120b00 rgb(18,11,0)
```
#251800
```
#251800 rgb(37,24,0)
```
#392500
```
#392500 rgb(57,37,0)
```
#4c3100
```
#4c3100 rgb(76,49,0)
```
#603e00
```
#603e00 rgb(96,62,0)
```
#734b00
```
#734b00 rgb(115,75,0)
```
#875701
```
#875701 rgb(135,87,1)
```
#9a6401
```
#9a6401 rgb(154,100,1)
```
#ae7001
```
#ae7001 rgb(174,112,1)
```
#c17d01
```
#c17d01 rgb(193,125,1)
```
#d58a01
```
#d58a01 rgb(213,138,1)
```
#e89601
```
#e89601 rgb(232,150,1)
```
#fca301
```
#fca301 rgb(252,163,1)
```

Shade Color Variation

#feab13
```
#feab13 rgb(254,171,19)
```
#feb226
```
#feb226 rgb(254,178,38)
```
#feb93a
```
#feb93a rgb(254,185,58)
```
#febf4d
```
#febf4d rgb(254,191,77)
```
#fec661
```
#fec661 rgb(254,198,97)
```
#fecd74
```
#fecd74 rgb(254,205,116)
```
#ffd488
```
#ffd488 rgb(255,212,136)
```
#ffdb9b
```
#ffdb9b rgb(255,219,155)
```
#ffe2af
```
#ffe2af rgb(255,226,175)
```
#ffe9c2
```
#ffe9c2 rgb(255,233,194)
```
#fff0d6
```
#fff0d6 rgb(255,240,214)
```
#fff7e9
```
#fff7e9 rgb(255,247,233)
```
#fffefd
```
#fffefd rgb(255,254,253)
```

Tint Color Variation

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

#878176
```
#878176 rgb(135,129,118)
```
#91846c
```
#91846c rgb(145,132,108)
```
#9b8762
```
#9b8762 rgb(155,135,98)
```
#a48a59
```
#a48a59 rgb(164,138,89)
```
#ae8c4f
```
#ae8c4f rgb(174,140,79)
```
#b88f45
```
#b88f45 rgb(184,143,69)
```
#c2923b
```
#c2923b rgb(194,146,59)
```
#cb9532
```
#cb9532 rgb(203,149,50)
```
#d59828
```
#d59828 rgb(213,152,40)
```
#df9b1e
```
#df9b1e rgb(223,155,30)
```
#e99d14
```
#e99d14 rgb(233,157,20)
```
#f2a00b
```
#f2a00b rgb(242,160,11)
```
#fca301
```
#fca301 rgb(252,163,1)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#bba989 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d0ba15 Protanopia 1% of men
#e8b100 Deuteranopia 1% of men
#ff9ea8 Tritanopia 0.001% of the population

Trichromacy

#e0b10e Protanomaly 1% of men, 0.01% of women
#efab00 Deuteranomaly 6% of men, 0.4% of women
#fda06b Tritanomaly 0.01% of the population

#fca301 hex color

#fca301 Color Information

#fca301 Color Conversion

Color Schemes with #fca301

Alternatives to #fca301

#fca301 Preview

Shades and Tints of #fca301

Tones of #fca301

Color Blindness Simulator