#fcc31a hex color

In a RGB color space, hex #fcc31a is composed of 98.8% red, 76.5% green and 10.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22.6% magenta, 89.7% yellow and 1.2% black. It has a hue angle of 44.9 degrees, a saturation of 97.4% and a lightness of 54.5%. #fcc31a color hex could be obtained by blending #ffff34 with #f98700. Closest websafe color is: #ffcc33.

♥
- f
- t
- g
- R 99
- G 76
- B 10
RGB color chart
- C 0
- M 23
- Y 90
- K 1
CMYK color chart

● #fcc31a color description : Vivid orange.

The hexadecimal color #fcc31a has RGB values of R:252, G:195, B:26 and CMYK values of C:0, M:0.23, Y:0.9, K:0.01. Its decimal value is 16565018.

Hex triplet	fcc31a	`#fcc31a`
RGB Decimal	252, 195, 26	`rgb(252,195,26)`
RGB Percent	98.8, 76.5, 10.2	`rgb(98.8%,76.5%,10.2%)`
CMYK	0, 23, 90, 1
HSL	44.9°, 97.4, 54.5	`hsl(44.9,97.4%,54.5%)`
HSV (or HSB)	44.9°, 89.7, 98.8
Web Safe	ffcc33	`#ffcc33`

CIE-LAB	81.731, 7.299, 80.208
XYZ	59.848, 59.803, 9.368
xyY	0.464, 0.464, 59.803
CIE-LCH	81.731, 80.54, 84.8
CIE-LUV	81.731, 48.02, 82.97
Hunter-Lab	77.333, 2.809, 46.95
Binary	11111100, 11000011, 00011010

#fcc31a
```
#fcc31a rgb(252,195,26)
```
#1a53fc
```
#1a53fc rgb(26,83,252)
```

Complementary Color

#fc521a
```
#fc521a rgb(252,82,26)
```
#fcc31a
```
#fcc31a rgb(252,195,26)
```
#c4fc1a
```
#c4fc1a rgb(196,252,26)
```

Analogous Color

#521afc
```
#521afc rgb(82,26,252)
```
#fcc31a
```
#fcc31a rgb(252,195,26)
```
#1ac4fc
```
#1ac4fc rgb(26,196,252)
```

Split Complementary Color

#c31afc
```
#c31afc rgb(195,26,252)
```
#fcc31a
```
#fcc31a rgb(252,195,26)
```
#1afcc3
```
#1afcc3 rgb(26,252,195)
```

Triadic Color

#fc1a53
```
#fc1a53 rgb(252,26,83)
```
#fcc31a
```
#fcc31a rgb(252,195,26)
```
#1afcc3
```
#1afcc3 rgb(26,252,195)
```
#1a53fc
```
#1a53fc rgb(26,83,252)
```

Tetradic Color

#c79503
```
#c79503 rgb(199,149,3)
```
#e0a803
```
#e0a803 rgb(224,168,3)
```
#f9bb03
```
#f9bb03 rgb(249,187,3)
```
#fcc31a
```
#fcc31a rgb(252,195,26)
```
#fcca33
```
#fcca33 rgb(252,202,51)
```
#fdd04c
```
#fdd04c rgb(253,208,76)
```
#fdd766
```
#fdd766 rgb(253,215,102)
```

Monochromatic Color

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

#fc8b1a
```
#fc8b1a rgb(252,139,26)
```
#fc9d1a
```
#fc9d1a rgb(252,157,26)
```
#fcb01a
```
#fcb01a rgb(252,176,26)
```
#fcc31a
```
#fcc31a rgb(252,195,26)
```
#fcd61a
```
#fcd61a rgb(252,214,26)
```
#fce91a
```
#fce91a rgb(252,233,26)
```
#fcfc1a
```
#fcfc1a rgb(252,252,26)
```

Similar Colors

Text with hexadecimal color #fcc31a

This text has a font color of #fcc31a.

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

#fcc31a background color

This paragraph has a background color of #fcc31a.

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

#fcc31a border color

This element has a border color of #fcc31a.

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

CSS codes

.text {color:#fcc31a;}

.background {background-color:#fcc31a;}

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

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

#030300
```
#030300 rgb(3,3,0)
```
#171100
```
#171100 rgb(23,17,0)
```
#2a2001
```
#2a2001 rgb(42,32,1)
```
#3d2e01
```
#3d2e01 rgb(61,46,1)
```
#513d01
```
#513d01 rgb(81,61,1)
```
#644b01
```
#644b01 rgb(100,75,1)
```
#785a02
```
#785a02 rgb(120,90,2)
```
#8b6802
```
#8b6802 rgb(139,104,2)
```
#9e7702
```
#9e7702 rgb(158,119,2)
```
#b28502
```
#b28502 rgb(178,133,2)
```
#c59403
```
#c59403 rgb(197,148,3)
```
#d8a203
```
#d8a203 rgb(216,162,3)
```
#ecb103
```
#ecb103 rgb(236,177,3)
```

Shade Color Variation

#fcbe07
```
#fcbe07 rgb(252,190,7)
```
#fcc31a
```
#fcc31a rgb(252,195,26)
```
#fcc82d
```
#fcc82d rgb(252,200,45)
```
#fdcd41
```
#fdcd41 rgb(253,205,65)
```
#fdd254
```
#fdd254 rgb(253,210,84)
```
#fdd767
```
#fdd767 rgb(253,215,103)
```
#fddc7b
```
#fddc7b rgb(253,220,123)
```
#fee18e
```
#fee18e rgb(254,225,142)
```
#fee7a2
```
#fee7a2 rgb(254,231,162)
```
#feecb5
```
#feecb5 rgb(254,236,181)
```
#fef1c8
```
#fef1c8 rgb(254,241,200)
```
#fff6dc
```
#fff6dc rgb(255,246,220)
```
#fffbef
```
#fffbef rgb(255,251,239)
```

Tint Color Variation

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

#918e85
```
#918e85 rgb(145,142,133)
```
#9a927c
```
#9a927c rgb(154,146,124)
```
#a39773
```
#a39773 rgb(163,151,115)
```
#ac9b6a
```
#ac9b6a rgb(172,155,106)
```
#b5a061
```
#b5a061 rgb(181,160,97)
```
#bea458
```
#bea458 rgb(190,164,88)
```
#c6a850
```
#c6a850 rgb(198,168,80)
```
#cfad47
```
#cfad47 rgb(207,173,71)
```
#d8b13e
```
#d8b13e rgb(216,177,62)
```
#e1b635
```
#e1b635 rgb(225,182,53)
```
#eaba2c
```
#eaba2c rgb(234,186,44)
```
#f3bf23
```
#f3bf23 rgb(243,191,35)
```
#fcc31a
```
#fcc31a rgb(252,195,26)
```

Tone Color Variation

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

#c1c1c1 Achromatopsia 0.005% of the population
#cdc1a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e6ce28 Protanopia 1% of men
#ffc442 Deuteranopia 1% of men
#ffbcc7 Tritanopia 0.001% of the population

Trichromacy

#eeca23 Protanomaly 1% of men, 0.01% of women
#fdc333 Deuteranomaly 6% of men, 0.4% of women
#fdbe88 Tritanomaly 0.01% of the population

#fcc31a hex color

#fcc31a Color Information

#fcc31a Color Conversion

Color Schemes with #fcc31a

Alternatives to #fcc31a

#fcc31a Preview

Shades and Tints of #fcc31a

Tones of #fcc31a

Color Blindness Simulator