#fca300 hex color

In a RGB color space, hex #fca300 is composed of 98.8% red, 63.9% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 35.3% magenta, 100% yellow and 1.2% black. It has a hue angle of 38.8 degrees, a saturation of 100% and a lightness of 49.4%. #fca300 color hex could be obtained by blending #ffff00 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

● #fca300 color description : Pure (or mostly pure) orange.

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

Hex triplet	fca300	`#fca300`
RGB Decimal	252, 163, 0	`rgb(252,163,0)`
RGB Percent	98.8, 63.9, 0	`rgb(98.8%,63.9%,0%)`
CMYK	0, 35, 100, 1
HSL	38.8°, 100, 49.4	`hsl(38.8,100%,49.4%)`
HSV (or HSB)	38.8°, 100, 98.8
Web Safe	ff9900	`#ff9900`

CIE-LAB	74.122, 23.717, 78.243
XYZ	53.244, 46.894, 6.247
xyY	0.5, 0.441, 46.894
CIE-LCH	74.122, 81.759, 73.137
CIE-LUV	74.122, 74.029, 73.195
Hunter-Lab	68.479, 18.949, 42.526
Binary	11111100, 10100011, 00000000

#fca300
```
#fca300 rgb(252,163,0)
```
#0059fc
```
#0059fc rgb(0,89,252)
```

Complementary Color

#fc2500
```
#fc2500 rgb(252,37,0)
```
#fca300
```
#fca300 rgb(252,163,0)
```
#d7fc00
```
#d7fc00 rgb(215,252,0)
```

Analogous Color

#2500fc
```
#2500fc rgb(37,0,252)
```
#fca300
```
#fca300 rgb(252,163,0)
```
#00d7fc
```
#00d7fc rgb(0,215,252)
```

Split Complementary Color

#a300fc
```
#a300fc rgb(163,0,252)
```
#fca300
```
#fca300 rgb(252,163,0)
```
#00fca3
```
#00fca3 rgb(0,252,163)
```

Triadic Color

#fc0059
```
#fc0059 rgb(252,0,89)
```
#fca300
```
#fca300 rgb(252,163,0)
```
#00fca3
```
#00fca3 rgb(0,252,163)
```
#0059fc
```
#0059fc rgb(0,89,252)
```

Tetradic Color

#b07200
```
#b07200 rgb(176,114,0)
```
#c98200
```
#c98200 rgb(201,130,0)
```
#e39300
```
#e39300 rgb(227,147,0)
```
#fca300
```
#fca300 rgb(252,163,0)
```
#ffad17
```
#ffad17 rgb(255,173,23)
```
#ffb630
```
#ffb630 rgb(255,182,48)
```
#ffbf4a
```
#ffbf4a rgb(255,191,74)
```

Monochromatic Color

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

#fc6400
```
#fc6400 rgb(252,100,0)
```
#fc7900
```
#fc7900 rgb(252,121,0)
```
#fc8e00
```
#fc8e00 rgb(252,142,0)
```
#fca300
```
#fca300 rgb(252,163,0)
```
#fcb800
```
#fcb800 rgb(252,184,0)
```
#fccd00
```
#fccd00 rgb(252,205,0)
```
#fce200
```
#fce200 rgb(252,226,0)
```

Similar Colors

Text with hexadecimal color #fca300

This text has a font color of #fca300.

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

#fca300 background color

This paragraph has a background color of #fca300.

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

#fca300 border color

This element has a border color of #fca300.

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

CSS codes

.text {color:#fca300;}

.background {background-color:#fca300;}

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

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

#110b00
```
#110b00 rgb(17,11,0)
```
#241700
```
#241700 rgb(36,23,0)
```
#382400
```
#382400 rgb(56,36,0)
```
#4b3100
```
#4b3100 rgb(75,49,0)
```
#5f3d00
```
#5f3d00 rgb(95,61,0)
```
#734a00
```
#734a00 rgb(115,74,0)
```
#865700
```
#865700 rgb(134,87,0)
```
#9a6400
```
#9a6400 rgb(154,100,0)
```
#ae7000
```
#ae7000 rgb(174,112,0)
```
#c17d00
```
#c17d00 rgb(193,125,0)
```
#d58a00
```
#d58a00 rgb(213,138,0)
```
#e89600
```
#e89600 rgb(232,150,0)
```
#fca300
```
#fca300 rgb(252,163,0)
```

Shade Color Variation

#ffab11
```
#ffab11 rgb(255,171,17)
```
#ffb224
```
#ffb224 rgb(255,178,36)
```
#ffb938
```
#ffb938 rgb(255,185,56)
```
#ffc04b
```
#ffc04b rgb(255,192,75)
```
#ffc75f
```
#ffc75f rgb(255,199,95)
```
#ffcd73
```
#ffcd73 rgb(255,205,115)
```
#ffd486
```
#ffd486 rgb(255,212,134)
```
#ffdb9a
```
#ffdb9a rgb(255,219,154)
```
#ffe2ae
```
#ffe2ae rgb(255,226,174)
```
#ffe9c1
```
#ffe9c1 rgb(255,233,193)
```
#fff0d5
```
#fff0d5 rgb(255,240,213)
```
#fff7e8
```
#fff7e8 rgb(255,247,232)
```
#fffefc
```
#fffefc rgb(255,254,252)
```

Tint Color Variation

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

#888174
```
#888174 rgb(136,129,116)
```
#91846b
```
#91846b rgb(145,132,107)
```
#9b8761
```
#9b8761 rgb(155,135,97)
```
#a58957
```
#a58957 rgb(165,137,87)
```
#ae8c4e
```
#ae8c4e rgb(174,140,78)
```
#b88f44
```
#b88f44 rgb(184,143,68)
```
#c2923a
```
#c2923a rgb(194,146,58)
```
#cc9530
```
#cc9530 rgb(204,149,48)
```
#d59827
```
#d59827 rgb(213,152,39)
```
#df9a1d
```
#df9a1d rgb(223,154,29)
```
#e99d13
```
#e99d13 rgb(233,157,19)
```
#f2a00a
```
#f2a00a rgb(242,160,10)
```
#fca300
```
#fca300 rgb(252,163,0)
```

Tone Color Variation

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

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

Trichromacy

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

#fca300 hex color

#fca300 Color Information

#fca300 Color Conversion

Color Schemes with #fca300

Alternatives to #fca300

#fca300 Preview

Shades and Tints of #fca300

Tones of #fca300

Color Blindness Simulator