#fca107 hex color

In a RGB color space, hex #fca107 is composed of 98.8% red, 63.1% green and 2.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 36.1% magenta, 97.2% yellow and 1.2% black. It has a hue angle of 37.7 degrees, a saturation of 97.6% and a lightness of 50.8%. #fca107 color hex could be obtained by blending #ffff0e with #f94300. Closest websafe color is: #ff9900.

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

● #fca107 color description : Vivid orange.

The hexadecimal color #fca107 has RGB values of R:252, G:161, B:7 and CMYK values of C:0, M:0.36, Y:0.97, K:0.01. Its decimal value is 16556295.

Hex triplet	fca107	`#fca107`
RGB Decimal	252, 161, 7	`rgb(252,161,7)`
RGB Percent	98.8, 63.1, 2.7	`rgb(98.8%,63.1%,2.7%)`
CMYK	0, 36, 97, 1
HSL	37.7°, 97.6, 50.8	`hsl(37.7,97.6%,50.8%)`
HSV (or HSB)	37.7°, 97.2, 98.8
Web Safe	ff9900	`#ff9900`

CIE-LAB	73.678, 24.818, 77.132
XYZ	52.93, 46.204, 6.332
xyY	0.502, 0.438, 46.204
CIE-LCH	73.678, 81.026, 72.164
CIE-LUV	73.678, 75.59, 72.077
Hunter-Lab	67.974, 20.04, 42.059
Binary	11111100, 10100001, 00000111

#fca107
```
#fca107 rgb(252,161,7)
```
#0762fc
```
#0762fc rgb(7,98,252)
```

Complementary Color

#fc2707
```
#fc2707 rgb(252,39,7)
```
#fca107
```
#fca107 rgb(252,161,7)
```
#ddfc07
```
#ddfc07 rgb(221,252,7)
```

Analogous Color

#2607fc
```
#2607fc rgb(38,7,252)
```
#fca107
```
#fca107 rgb(252,161,7)
```
#07ddfc
```
#07ddfc rgb(7,221,252)
```

Split Complementary Color

#a107fc
```
#a107fc rgb(161,7,252)
```
#fca107
```
#fca107 rgb(252,161,7)
```
#07fca1
```
#07fca1 rgb(7,252,161)
```

Triadic Color

#fc0762
```
#fc0762 rgb(252,7,98)
```
#fca107
```
#fca107 rgb(252,161,7)
```
#07fca1
```
#07fca1 rgb(7,252,161)
```
#0762fc
```
#0762fc rgb(7,98,252)
```

Tetradic Color

#b47202
```
#b47202 rgb(180,114,2)
```
#ce8202
```
#ce8202 rgb(206,130,2)
```
#e79203
```
#e79203 rgb(231,146,3)
```
#fca107
```
#fca107 rgb(252,161,7)
```
#fcab20
```
#fcab20 rgb(252,171,32)
```
#fdb439
```
#fdb439 rgb(253,180,57)
```
#fdbe53
```
#fdbe53 rgb(253,190,83)
```

Monochromatic Color

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

#fc6407
```
#fc6407 rgb(252,100,7)
```
#fc7807
```
#fc7807 rgb(252,120,7)
```
#fc8d07
```
#fc8d07 rgb(252,141,7)
```
#fca107
```
#fca107 rgb(252,161,7)
```
#fcb507
```
#fcb507 rgb(252,181,7)
```
#fcca07
```
#fcca07 rgb(252,202,7)
```
#fcde07
```
#fcde07 rgb(252,222,7)
```

Similar Colors

Text with hexadecimal color #fca107

This text has a font color of #fca107.

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

#fca107 background color

This paragraph has a background color of #fca107.

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

#fca107 border color

This element has a border color of #fca107.

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

CSS codes

.text {color:#fca107;}

.background {background-color:#fca107;}

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

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

#040300
```
#040300 rgb(4,3,0)
```
#170f00
```
#170f00 rgb(23,15,0)
```
#2b1b01
```
#2b1b01 rgb(43,27,1)
```
#3e2701
```
#3e2701 rgb(62,39,1)
```
#513401
```
#513401 rgb(81,52,1)
```
#654001
```
#654001 rgb(101,64,1)
```
#784c01
```
#784c01 rgb(120,76,1)
```
#8c5802
```
#8c5802 rgb(140,88,2)
```
#9f6502
```
#9f6502 rgb(159,101,2)
```
#b27102
```
#b27102 rgb(178,113,2)
```
#c67d02
```
#c67d02 rgb(198,125,2)
```
#d98903
```
#d98903 rgb(217,137,3)
```
#ed9603
```
#ed9603 rgb(237,150,3)
```

Shade Color Variation

#fca107
```
#fca107 rgb(252,161,7)
```
#fca81a
```
#fca81a rgb(252,168,26)
```
#fcb02e
```
#fcb02e rgb(252,176,46)
```
#fdb741
```
#fdb741 rgb(253,183,65)
```
#fdbe55
```
#fdbe55 rgb(253,190,85)
```
#fdc668
```
#fdc668 rgb(253,198,104)
```
#fdcd7b
```
#fdcd7b rgb(253,205,123)
```
#fed48f
```
#fed48f rgb(254,212,143)
```
#fedca2
```
#fedca2 rgb(254,220,162)
```
#fee3b5
```
#fee3b5 rgb(254,227,181)
```
#feeac9
```
#feeac9 rgb(254,234,201)
```
#fff2dc
```
#fff2dc rgb(255,242,220)
```
#fff9f0
```
#fff9f0 rgb(255,249,240)
```

Tint Color Variation

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

#88837b
```
#88837b rgb(136,131,123)
```
#928671
```
#928671 rgb(146,134,113)
```
#9b8868
```
#9b8868 rgb(155,136,104)
```
#a58b5e
```
#a58b5e rgb(165,139,94)
```
#af8d54
```
#af8d54 rgb(175,141,84)
```
#b8904b
```
#b8904b rgb(184,144,75)
```
#c29241
```
#c29241 rgb(194,146,65)
```
#cc9537
```
#cc9537 rgb(204,149,55)
```
#d5972e
```
#d5972e rgb(213,151,46)
```
#df9a24
```
#df9a24 rgb(223,154,36)
```
#e99c1a
```
#e99c1a rgb(233,156,26)
```
#f29f11
```
#f29f11 rgb(242,159,17)
```
#fca107
```
#fca107 rgb(252,161,7)
```

Tone Color Variation

Below, you can see how #fca107 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
#bba98a Atypical Achromatopsia 0.001% of the population

Dichromacy

#cfb91b Protanopia 1% of men
#e7af00 Deuteranopia 1% of men
#ff9da6 Tritanopia 0.001% of the population

Trichromacy

#dfb014 Protanomaly 1% of men, 0.01% of women
#eeaa02 Deuteranomaly 6% of men, 0.4% of women
#fd9e6c Tritanomaly 0.01% of the population

#fca107 hex color

#fca107 Color Information

#fca107 Color Conversion

Color Schemes with #fca107

Alternatives to #fca107

#fca107 Preview

Shades and Tints of #fca107

Tones of #fca107

Color Blindness Simulator