colorhexa.com

#fca02f hex color

In a RGB color space, hex #fca02f is composed of 98.8% red, 62.7% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 36.5% magenta, 81.3% yellow and 1.2% black. It has a hue angle of 33.1 degrees, a saturation of 97.2% and a lightness of 58.6%. #fca02f color hex could be obtained by blending #ffff5e with #f94100. Closest websafe color is: #ff9933.

- R 99
- G 63
- B 18
RGB color chart
- C 0
- M 37
- Y 81
- K 1
CMYK color chart

● #fca02f color description : Bright orange.

The hexadecimal color #fca02f has RGB values of R:252, G:160, B:47 and CMYK values of C:0, M:0.37, Y:0.81, K:0.01. Its decimal value is 16556079.

Hex triplet	fca02f	`#fca02f`
RGB Decimal	252, 160, 47	`rgb(252,160,47)`
RGB Percent	98.8, 62.7, 18.4	`rgb(98.8%,62.7%,18.4%)`
CMYK	0, 37, 81, 1
HSL	33.1°, 97.2, 58.6	`hsl(33.1,97.2%,58.6%)`
HSV (or HSB)	33.1°, 81.3, 98.8
Web Safe	ff9933	`#ff9933`

CIE-LAB	73.576, 26.037, 68.056
XYZ	53.23, 46.046, 8.774
xyY	0.493, 0.426, 46.046
CIE-LCH	73.576, 72.867, 69.064
CIE-LUV	73.576, 75.173, 66.662
Hunter-Lab	67.857, 21.273, 39.834
Binary	11111100, 10100000, 00101111

#fca02f
```
#fca02f rgb(252,160,47)
```
#2f8bfc
```
#2f8bfc rgb(47,139,252)
```

Complementary Color

#fc392f
```
#fc392f rgb(252,57,47)
```
#fca02f
```
#fca02f rgb(252,160,47)
```
#f2fc2f
```
#f2fc2f rgb(242,252,47)
```

Analogous Color

#392ffc
```
#392ffc rgb(57,47,252)
```
#fca02f
```
#fca02f rgb(252,160,47)
```
#2ff2fc
```
#2ff2fc rgb(47,242,252)
```

Split Complementary Color

#a02ffc
```
#a02ffc rgb(160,47,252)
```
#fca02f
```
#fca02f rgb(252,160,47)
```
#2ffca0
```
#2ffca0 rgb(47,252,160)
```

Triadic Color

#fc2f8b
```
#fc2f8b rgb(252,47,139)
```
#fca02f
```
#fca02f rgb(252,160,47)
```
#2ffca0
```
#2ffca0 rgb(47,252,160)
```
#2f8bfc
```
#2f8bfc rgb(47,139,252)
```

Tetradic Color

#db7a03
```
#db7a03 rgb(219,122,3)
```
#f48804
```
#f48804 rgb(244,136,4)
```
#fc9516
```
#fc9516 rgb(252,149,22)
```
#fca02f
```
#fca02f rgb(252,160,47)
```
#fcab48
```
#fcab48 rgb(252,171,72)
```
#fdb761
```
#fdb761 rgb(253,183,97)
```
#fdc27a
```
#fdc27a rgb(253,194,122)
```

Monochromatic Color

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

#fc6d2f
```
#fc6d2f rgb(252,109,47)
```
#fc7e2f
```
#fc7e2f rgb(252,126,47)
```
#fc8f2f
```
#fc8f2f rgb(252,143,47)
```
#fca02f
```
#fca02f rgb(252,160,47)
```
#fcb12f
```
#fcb12f rgb(252,177,47)
```
#fcc22f
```
#fcc22f rgb(252,194,47)
```
#fcd32f
```
#fcd32f rgb(252,211,47)
```

Similar Colors

Text with hexadecimal color #fca02f

This text has a font color of #fca02f.

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

#fca02f background color

This paragraph has a background color of #fca02f.

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

#fca02f border color

This element has a border color of #fca02f.

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

CSS codes

.text {color:#fca02f;}

.background {background-color:#fca02f;}

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

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, #050300 is the darkest color, while #fff8f0 is the lightest one.

#050300
```
#050300 rgb(5,3,0)
```
#180d00
```
#180d00 rgb(24,13,0)
```
#2b1801
```
#2b1801 rgb(43,24,1)
```
#3f2301
```
#3f2301 rgb(63,35,1)
```
#522e01
```
#522e01 rgb(82,46,1)
```
#653901
```
#653901 rgb(101,57,1)
```
#794302
```
#794302 rgb(121,67,2)
```
#8c4e02
```
#8c4e02 rgb(140,78,2)
```
#9f5902
```
#9f5902 rgb(159,89,2)
```
#b36403
```
#b36403 rgb(179,100,3)
```
#c66e03
```
#c66e03 rgb(198,110,3)
```
#d97903
```
#d97903 rgb(217,121,3)
```
#ed8403
```
#ed8403 rgb(237,132,3)
```

Shade Color Variation

#fb8e08
```
#fb8e08 rgb(251,142,8)
```
#fc971c
```
#fc971c rgb(252,151,28)
```
#fca02f
```
#fca02f rgb(252,160,47)
```
#fca942
```
#fca942 rgb(252,169,66)
```
#fdb256
```
#fdb256 rgb(253,178,86)
```
#fdba69
```
#fdba69 rgb(253,186,105)
```
#fdc37c
```
#fdc37c rgb(253,195,124)
```
#fdcc90
```
#fdcc90 rgb(253,204,144)
```
#fed5a3
```
#fed5a3 rgb(254,213,163)
```
#fedeb6
```
#fedeb6 rgb(254,222,182)
```
#fee7ca
```
#fee7ca rgb(254,231,202)
```
#ffefdd
```
#ffefdd rgb(255,239,221)
```
#fff8f0
```
#fff8f0 rgb(255,248,240)
```

Tint Color Variation

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

#9b9690
```
#9b9690 rgb(155,150,144)
```
#a39788
```
#a39788 rgb(163,151,136)
```
#ab9880
```
#ab9880 rgb(171,152,128)
```
#b39978
```
#b39978 rgb(179,153,120)
```
#bb9970
```
#bb9970 rgb(187,153,112)
```
#c39a68
```
#c39a68 rgb(195,154,104)
```
#cb9b60
```
#cb9b60 rgb(203,155,96)
```
#d39c58
```
#d39c58 rgb(211,156,88)
```
#dc9d4f
```
#dc9d4f rgb(220,157,79)
```
#e49e47
```
#e49e47 rgb(228,158,71)
```
#ec9e3f
```
#ec9e3f rgb(236,158,63)
```
#f49f37
```
#f49f37 rgb(244,159,55)
```
#fca02f
```
#fca02f rgb(252,160,47)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#beac95 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cdb83f Protanopia 1% of men
#e5af34 Deuteranopia 1% of men
#ff9ca6 Tritanopia 0.001% of the population

Trichromacy

#deaf39 Protanomaly 1% of men, 0.01% of women
#edaa32 Deuteranomaly 6% of men, 0.4% of women
#fd9d7a Tritanomaly 0.01% of the population