#fffc31 hex color

In a RGB color space, hex #fffc31 is composed of 100% red, 98.8% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 1.2% magenta, 80.8% yellow and 0% black. It has a hue angle of 59.1 degrees, a saturation of 100% and a lightness of 59.6%. #fffc31 color hex could be obtained by blending #ffff62 with #fff900. Closest websafe color is: #ffff33.

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

● #fffc31 color description : Vivid yellow.

The hexadecimal color #fffc31 has RGB values of R:255, G:252, B:49 and CMYK values of C:0, M:0.01, Y:0.81, K:0. Its decimal value is 16776241.

Hex triplet	fffc31	`#fffc31`
RGB Decimal	255, 252, 49	`rgb(255,252,49)`
RGB Percent	100, 98.8, 19.2	`rgb(100%,98.8%,19.2%)`
CMYK	0, 1, 81, 0
HSL	59.1°, 100, 59.6	`hsl(59.1,100%,59.6%)`
HSV (or HSB)	59.1°, 80.8, 100
Web Safe	ffff33	`#ffff33`

CIE-LAB	96.453, -19.4, 87.353
XYZ	76.605, 91.104, 16.455
xyY	0.416, 0.495, 91.104
CIE-LCH	96.453, 89.481, 102.521
CIE-LUV	96.453, 9.357, 101.594
Hunter-Lab	95.448, -23.774, 56.592
Binary	11111111, 11111100, 00110001

#fffc31
```
#fffc31 rgb(255,252,49)
```
#3134ff
```
#3134ff rgb(49,52,255)
```

Complementary Color

#ff9531
```
#ff9531 rgb(255,149,49)
```
#fffc31
```
#fffc31 rgb(255,252,49)
```
#9bff31
```
#9bff31 rgb(155,255,49)
```

Analogous Color

#9531ff
```
#9531ff rgb(149,49,255)
```
#fffc31
```
#fffc31 rgb(255,252,49)
```
#319bff
```
#319bff rgb(49,155,255)
```

Split Complementary Color

#fc31ff
```
#fc31ff rgb(252,49,255)
```
#fffc31
```
#fffc31 rgb(255,252,49)
```
#31fffc
```
#31fffc rgb(49,255,252)
```

Triadic Color

#ff3134
```
#ff3134 rgb(255,49,52)
```
#fffc31
```
#fffc31 rgb(255,252,49)
```
#31fffc
```
#31fffc rgb(49,255,252)
```
#3134ff
```
#3134ff rgb(49,52,255)
```

Tetradic Color

#e4e000
```
#e4e000 rgb(228,224,0)
```
#fdf900
```
#fdf900 rgb(253,249,0)
```
#fffc18
```
#fffc18 rgb(255,252,24)
```
#fffc31
```
#fffc31 rgb(255,252,49)
```
#fffc4b
```
#fffc4b rgb(255,252,75)
```
#fffd64
```
#fffd64 rgb(255,253,100)
```
#fffd7e
```
#fffd7e rgb(255,253,126)
```

Monochromatic Color

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

#ffc931
```
#ffc931 rgb(255,201,49)
```
#ffda31
```
#ffda31 rgb(255,218,49)
```
#ffeb31
```
#ffeb31 rgb(255,235,49)
```
#fffc31
```
#fffc31 rgb(255,252,49)
```
#f1ff31
```
#f1ff31 rgb(241,255,49)
```
#e0ff31
```
#e0ff31 rgb(224,255,49)
```
#cfff31
```
#cfff31 rgb(207,255,49)
```

Similar Colors

Text with hexadecimal color #fffc31

This text has a font color of #fffc31.

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

#fffc31 background color

This paragraph has a background color of #fffc31.

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

#fffc31 border color

This element has a border color of #fffc31.

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

CSS codes

.text {color:#fffc31;}

.background {background-color:#fffc31;}

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

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

#0a0a00
```
#0a0a00 rgb(10,10,0)
```
#1d1d00
```
#1d1d00 rgb(29,29,0)
```
#313000
```
#313000 rgb(49,48,0)
```
#454400
```
#454400 rgb(69,68,0)
```
#585700
```
#585700 rgb(88,87,0)
```
#6c6a00
```
#6c6a00 rgb(108,106,0)
```
#7f7e00
```
#7f7e00 rgb(127,126,0)
```
#939100
```
#939100 rgb(147,145,0)
```
#a7a400
```
#a7a400 rgb(167,164,0)
```
#bab800
```
#bab800 rgb(186,184,0)
```
#cecb00
```
#cecb00 rgb(206,203,0)
```
#e2de00
```
#e2de00 rgb(226,222,0)
```
#f5f200
```
#f5f200 rgb(245,242,0)
```

Shade Color Variation

#fffb0a
```
#fffb0a rgb(255,251,10)
```
#fffc1d
```
#fffc1d rgb(255,252,29)
```
#fffc31
```
#fffc31 rgb(255,252,49)
```
#fffc45
```
#fffc45 rgb(255,252,69)
```
#fffd58
```
#fffd58 rgb(255,253,88)
```
#fffd6c
```
#fffd6c rgb(255,253,108)
```
#fffd7f
```
#fffd7f rgb(255,253,127)
```
#fffd93
```
#fffd93 rgb(255,253,147)
```
#fffea7
```
#fffea7 rgb(255,254,167)
```
#fffeba
```
#fffeba rgb(255,254,186)
```
#fffece
```
#fffece rgb(255,254,206)
```
#ffffe2
```
#ffffe2 rgb(255,255,226)
```
#fffff5
```
#fffff5 rgb(255,255,245)
```

Tint Color Variation

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

#a0a090
```
#a0a090 rgb(160,160,144)
```
#a8a788
```
#a8a788 rgb(168,167,136)
```
#b0af80
```
#b0af80 rgb(176,175,128)
```
#b8b778
```
#b8b778 rgb(184,183,120)
```
#c0be70
```
#c0be70 rgb(192,190,112)
```
#c8c668
```
#c8c668 rgb(200,198,104)
```
#cfce61
```
#cfce61 rgb(207,206,97)
```
#d7d659
```
#d7d659 rgb(215,214,89)
```
#dfdd51
```
#dfdd51 rgb(223,221,81)
```
#e7e549
```
#e7e549 rgb(231,229,73)
```
#efed41
```
#efed41 rgb(239,237,65)
```
#f7f439
```
#f7f439 rgb(247,244,57)
```
#fffc31
```
#fffc31 rgb(255,252,49)
```

Tone Color Variation

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

#e6e6e6 Achromatopsia 0.005% of the population
#ebeac2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#fff5d2 Protanopia 1% of men
#fff3e7 Deuteranopia 1% of men
#fff2f7 Tritanopia 0.001% of the population

Trichromacy

#fff798 Protanomaly 1% of men, 0.01% of women
#fff6a4 Deuteranomaly 6% of men, 0.4% of women
#fff5af Tritanomaly 0.01% of the population

#fffc31 hex color

#fffc31 Color Information

#fffc31 Color Conversion

Color Schemes with #fffc31

Alternatives to #fffc31

#fffc31 Preview

Shades and Tints of #fffc31

Tones of #fffc31

Color Blindness Simulator