#fca123 hex color

In a RGB color space, hex #fca123 is composed of 98.8% red, 63.1% green and 13.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 36.1% magenta, 86.1% yellow and 1.2% black. It has a hue angle of 34.8 degrees, a saturation of 97.3% and a lightness of 56.3%. #fca123 color hex could be obtained by blending #ffff46 with #f94300. Closest websafe color is: #ff9933.

♥
- f
- t
- g
- R 99
- G 63
- B 14
RGB color chart
- C 0
- M 36
- Y 86
- K 1
CMYK color chart

● #fca123 color description : Vivid orange.

The hexadecimal color #fca123 has RGB values of R:252, G:161, B:35 and CMYK values of C:0, M:0.36, Y:0.86, K:0.01. Its decimal value is 16556323.

Hex triplet	fca123	`#fca123`
RGB Decimal	252, 161, 35	`rgb(252,161,35)`
RGB Percent	98.8, 63.1, 13.7	`rgb(98.8%,63.1%,13.7%)`
CMYK	0, 36, 86, 1
HSL	34.8°, 97.3, 56.3	`hsl(34.8,97.3%,56.3%)`
HSV (or HSB)	34.8°, 86.1, 98.8
Web Safe	ff9933	`#ff9933`

CIE-LAB	73.747, 25.208, 71.931
XYZ	53.195, 46.31, 7.727
xyY	0.496, 0.432, 46.31
CIE-LCH	73.747, 76.22, 70.687
CIE-LUV	73.747, 74.899, 69.246
Hunter-Lab	68.052, 20.439, 40.904
Binary	11111100, 10100001, 00100011

#fca123
```
#fca123 rgb(252,161,35)
```
#237efc
```
#237efc rgb(35,126,252)
```

Complementary Color

#fc3523
```
#fc3523 rgb(252,53,35)
```
#fca123
```
#fca123 rgb(252,161,35)
```
#ebfc23
```
#ebfc23 rgb(235,252,35)
```

Analogous Color

#3523fc
```
#3523fc rgb(53,35,252)
```
#fca123
```
#fca123 rgb(252,161,35)
```
#23ebfc
```
#23ebfc rgb(35,235,252)
```

Split Complementary Color

#a123fc
```
#a123fc rgb(161,35,252)
```
#fca123
```
#fca123 rgb(252,161,35)
```
#23fca1
```
#23fca1 rgb(35,252,161)
```

Triadic Color

#fc237e
```
#fc237e rgb(252,35,126)
```
#fca123
```
#fca123 rgb(252,161,35)
```
#23fca1
```
#23fca1 rgb(35,252,161)
```
#237efc
```
#237efc rgb(35,126,252)
```

Tetradic Color

#d07a03
```
#d07a03 rgb(208,122,3)
```
#e98903
```
#e98903 rgb(233,137,3)
```
#fc960a
```
#fc960a rgb(252,150,10)
```
#fca123
```
#fca123 rgb(252,161,35)
```
#fcac3c
```
#fcac3c rgb(252,172,60)
```
#fdb655
```
#fdb655 rgb(253,182,85)
```
#fdc16e
```
#fdc16e rgb(253,193,110)
```

Monochromatic Color

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

#fc6b23
```
#fc6b23 rgb(252,107,35)
```
#fc7d23
```
#fc7d23 rgb(252,125,35)
```
#fc8f23
```
#fc8f23 rgb(252,143,35)
```
#fca123
```
#fca123 rgb(252,161,35)
```
#fcb323
```
#fcb323 rgb(252,179,35)
```
#fcc523
```
#fcc523 rgb(252,197,35)
```
#fcd723
```
#fcd723 rgb(252,215,35)
```

Similar Colors

Text with hexadecimal color #fca123

This text has a font color of #fca123.

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

#fca123 background color

This paragraph has a background color of #fca123.

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

#fca123 border color

This element has a border color of #fca123.

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

CSS codes

.text {color:#fca123;}

.background {background-color:#fca123;}

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

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, #0c0700 is the darkest color, while #fffcf8 is the lightest one.

#0c0700
```
#0c0700 rgb(12,7,0)
```
#201300
```
#201300 rgb(32,19,0)
```
#331e01
```
#331e01 rgb(51,30,1)
```
#462901
```
#462901 rgb(70,41,1)
```
#5a3501
```
#5a3501 rgb(90,53,1)
```
#6d4001
```
#6d4001 rgb(109,64,1)
```
#804b02
```
#804b02 rgb(128,75,2)
```
#945702
```
#945702 rgb(148,87,2)
```
#a76202
```
#a76202 rgb(167,98,2)
```
#ba6d03
```
#ba6d03 rgb(186,109,3)
```
#ce7903
```
#ce7903 rgb(206,121,3)
```
#e18403
```
#e18403 rgb(225,132,3)
```
#f48f03
```
#f48f03 rgb(244,143,3)
```

Shade Color Variation

#fc9910
```
#fc9910 rgb(252,153,16)
```
#fca123
```
#fca123 rgb(252,161,35)
```
#fca936
```
#fca936 rgb(252,169,54)
```
#fdb24a
```
#fdb24a rgb(253,178,74)
```
#fdba5d
```
#fdba5d rgb(253,186,93)
```
#fdc270
```
#fdc270 rgb(253,194,112)
```
#fdca84
```
#fdca84 rgb(253,202,132)
```
#fed397
```
#fed397 rgb(254,211,151)
```
#fedbaa
```
#fedbaa rgb(254,219,170)
```
#fee3be
```
#fee3be rgb(254,227,190)
```
#feebd1
```
#feebd1 rgb(254,235,209)
```
#fff4e5
```
#fff4e5 rgb(255,244,229)
```
#fffcf8
```
#fffcf8 rgb(255,252,248)
```

Tint Color Variation

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

#95908a
```
#95908a rgb(149,144,138)
```
#9e9281
```
#9e9281 rgb(158,146,129)
```
#a69379
```
#a69379 rgb(166,147,121)
```
#af9570
```
#af9570 rgb(175,149,112)
```
#b79668
```
#b79668 rgb(183,150,104)
```
#c0975f
```
#c0975f rgb(192,151,95)
```
#c99956
```
#c99956 rgb(201,153,86)
```
#d19a4e
```
#d19a4e rgb(209,154,78)
```
#da9b45
```
#da9b45 rgb(218,155,69)
```
#e29d3d
```
#e29d3d rgb(226,157,61)
```
#eb9e34
```
#eb9e34 rgb(235,158,52)
```
#f3a02c
```
#f3a02c rgb(243,160,44)
```
#fca123
```
#fca123 rgb(252,161,35)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#beab92 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ceb933 Protanopia 1% of men
#e7b027 Deuteranopia 1% of men
#ff9da6 Tritanopia 0.001% of the population

Trichromacy

#dfb02d Protanomaly 1% of men, 0.01% of women
#eeaa25 Deuteranomaly 6% of men, 0.4% of women
#fd9e76 Tritanomaly 0.01% of the population

#fca123 hex color

#fca123 Color Information

#fca123 Color Conversion

Color Schemes with #fca123

Alternatives to #fca123

#fca123 Preview

Shades and Tints of #fca123

Tones of #fca123

Color Blindness Simulator