#fca500 hex color

In a RGB color space, hex #fca500 is composed of 98.8% red, 64.7% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 34.5% magenta, 100% yellow and 1.2% black. It has a hue angle of 39.3 degrees, a saturation of 100% and a lightness of 49.4%. #fca500 color hex could be obtained by blending #ffff00 with #f94b00. Closest websafe color is: #ff9900.

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

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

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

Hex triplet	fca500	`#fca500`
RGB Decimal	252, 165, 0	`rgb(252,165,0)`
RGB Percent	98.8, 64.7, 0	`rgb(98.8%,64.7%,0%)`
CMYK	0, 35, 100, 1
HSL	39.3°, 100, 49.4	`hsl(39.3,100%,49.4%)`
HSV (or HSB)	39.3°, 100, 98.8
Web Safe	ff9900	`#ff9900`

CIE-LAB	74.578, 22.672, 78.542
XYZ	53.602, 47.61, 6.367
xyY	0.498, 0.443, 47.61
CIE-LCH	74.578, 81.749, 73.898
CIE-LUV	74.578, 72.373, 73.902
Hunter-Lab	69, 17.916, 42.829
Binary	11111100, 10100101, 00000000

#fca500
```
#fca500 rgb(252,165,0)
```
#0057fc
```
#0057fc rgb(0,87,252)
```

Complementary Color

#fc2700
```
#fc2700 rgb(252,39,0)
```
#fca500
```
#fca500 rgb(252,165,0)
```
#d5fc00
```
#d5fc00 rgb(213,252,0)
```

Analogous Color

#2700fc
```
#2700fc rgb(39,0,252)
```
#fca500
```
#fca500 rgb(252,165,0)
```
#00d5fc
```
#00d5fc rgb(0,213,252)
```

Split Complementary Color

#a500fc
```
#a500fc rgb(165,0,252)
```
#fca500
```
#fca500 rgb(252,165,0)
```
#00fca5
```
#00fca5 rgb(0,252,165)
```

Triadic Color

#fc0057
```
#fc0057 rgb(252,0,87)
```
#fca500
```
#fca500 rgb(252,165,0)
```
#00fca5
```
#00fca5 rgb(0,252,165)
```
#0057fc
```
#0057fc rgb(0,87,252)
```

Tetradic Color

#b07300
```
#b07300 rgb(176,115,0)
```
#c98400
```
#c98400 rgb(201,132,0)
```
#e39400
```
#e39400 rgb(227,148,0)
```
#fca500
```
#fca500 rgb(252,165,0)
```
#ffaf17
```
#ffaf17 rgb(255,175,23)
```
#ffb830
```
#ffb830 rgb(255,184,48)
```
#ffc04a
```
#ffc04a rgb(255,192,74)
```

Monochromatic Color

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

#fc6600
```
#fc6600 rgb(252,102,0)
```
#fc7b00
```
#fc7b00 rgb(252,123,0)
```
#fc9000
```
#fc9000 rgb(252,144,0)
```
#fca500
```
#fca500 rgb(252,165,0)
```
#fcba00
```
#fcba00 rgb(252,186,0)
```
#fccf00
```
#fccf00 rgb(252,207,0)
```
#fce400
```
#fce400 rgb(252,228,0)
```

Similar Colors

Text with hexadecimal color #fca500

This text has a font color of #fca500.

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

#fca500 background color

This paragraph has a background color of #fca500.

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

#fca500 border color

This element has a border color of #fca500.

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

CSS codes

.text {color:#fca500;}

.background {background-color:#fca500;}

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

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)
```
#241800
```
#241800 rgb(36,24,0)
```
#382500
```
#382500 rgb(56,37,0)
```
#4b3100
```
#4b3100 rgb(75,49,0)
```
#5f3e00
```
#5f3e00 rgb(95,62,0)
```
#734b00
```
#734b00 rgb(115,75,0)
```
#865800
```
#865800 rgb(134,88,0)
```
#9a6500
```
#9a6500 rgb(154,101,0)
```
#ae7200
```
#ae7200 rgb(174,114,0)
```
#c17e00
```
#c17e00 rgb(193,126,0)
```
#d58b00
```
#d58b00 rgb(213,139,0)
```
#e89800
```
#e89800 rgb(232,152,0)
```
#fca500
```
#fca500 rgb(252,165,0)
```

Shade Color Variation

#ffad11
```
#ffad11 rgb(255,173,17)
```
#ffb324
```
#ffb324 rgb(255,179,36)
```
#ffba38
```
#ffba38 rgb(255,186,56)
```
#ffc14b
```
#ffc14b rgb(255,193,75)
```
#ffc85f
```
#ffc85f rgb(255,200,95)
```
#ffcf73
```
#ffcf73 rgb(255,207,115)
```
#ffd586
```
#ffd586 rgb(255,213,134)
```
#ffdc9a
```
#ffdc9a rgb(255,220,154)
```
#ffe3ae
```
#ffe3ae rgb(255,227,174)
```
#ffeac1
```
#ffeac1 rgb(255,234,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 #fca500 is the most saturated one.

#888174
```
#888174 rgb(136,129,116)
```
#91846b
```
#91846b rgb(145,132,107)
```
#9b8761
```
#9b8761 rgb(155,135,97)
```
#a58a57
```
#a58a57 rgb(165,138,87)
```
#ae8d4e
```
#ae8d4e rgb(174,141,78)
```
#b89044
```
#b89044 rgb(184,144,68)
```
#c2933a
```
#c2933a rgb(194,147,58)
```
#cc9630
```
#cc9630 rgb(204,150,48)
```
#d59927
```
#d59927 rgb(213,153,39)
```
#df9c1d
```
#df9c1d rgb(223,156,29)
```
#e99f13
```
#e99f13 rgb(233,159,19)
```
#f2a20a
```
#f2a20a rgb(242,162,10)
```
#fca500
```
#fca500 rgb(252,165,0)
```

Tone Color Variation

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

#acacac Achromatopsia 0.005% of the population
#bcab8a Atypical Achromatopsia 0.001% of the population

Dichromacy

#d2bb14 Protanopia 1% of men
#eab200 Deuteranopia 1% of men
#ffa0aa Tritanopia 0.001% of the population

Trichromacy

#e1b30c Protanomaly 1% of men, 0.01% of women
#f0ad00 Deuteranomaly 6% of men, 0.4% of women
#fda26c Tritanomaly 0.01% of the population

#fca500 hex color

#fca500 Color Information

#fca500 Color Conversion

Color Schemes with #fca500

Alternatives to #fca500

#fca500 Preview

Shades and Tints of #fca500

Tones of #fca500

Color Blindness Simulator