#fbc31f hex color

In a RGB color space, hex #fbc31f is composed of 98.4% red, 76.5% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22.3% magenta, 87.6% yellow and 1.6% black. It has a hue angle of 44.7 degrees, a saturation of 96.5% and a lightness of 55.3%. #fbc31f color hex could be obtained by blending #ffff3e with #f78700. Closest websafe color is: #ffcc33.

♥
- f
- t
- g
- R 98
- G 76
- B 12
RGB color chart
- C 0
- M 22
- Y 88
- K 2
CMYK color chart

● #fbc31f color description : Vivid orange.

The hexadecimal color #fbc31f has RGB values of R:251, G:195, B:31 and CMYK values of C:0, M:0.22, Y:0.88, K:0.02. Its decimal value is 16499487.

Hex triplet	fbc31f	`#fbc31f`
RGB Decimal	251, 195, 31	`rgb(251,195,31)`
RGB Percent	98.4, 76.5, 12.2	`rgb(98.4%,76.5%,12.2%)`
CMYK	0, 22, 88, 2
HSL	44.7°, 96.5, 55.3	`hsl(44.7,96.5%,55.3%)`
HSV (or HSB)	44.7°, 87.6, 98.4
Web Safe	ffcc33	`#ffcc33`

CIE-LAB	81.643, 6.962, 79.112
XYZ	59.547, 59.641, 9.672
xyY	0.462, 0.463, 59.641
CIE-LCH	81.643, 79.418, 84.971
CIE-LUV	81.643, 47.148, 82.38
Hunter-Lab	77.228, 2.485, 46.634
Binary	11111011, 11000011, 00011111

#fbc31f
```
#fbc31f rgb(251,195,31)
```
#1f57fb
```
#1f57fb rgb(31,87,251)
```

Complementary Color

#fb551f
```
#fb551f rgb(251,85,31)
```
#fbc31f
```
#fbc31f rgb(251,195,31)
```
#c5fb1f
```
#c5fb1f rgb(197,251,31)
```

Analogous Color

#551ffb
```
#551ffb rgb(85,31,251)
```
#fbc31f
```
#fbc31f rgb(251,195,31)
```
#1fc5fb
```
#1fc5fb rgb(31,197,251)
```

Split Complementary Color

#c31ffb
```
#c31ffb rgb(195,31,251)
```
#fbc31f
```
#fbc31f rgb(251,195,31)
```
#1ffbc3
```
#1ffbc3 rgb(31,251,195)
```

Triadic Color

#fb1f57
```
#fb1f57 rgb(251,31,87)
```
#fbc31f
```
#fbc31f rgb(251,195,31)
```
#1ffbc3
```
#1ffbc3 rgb(31,251,195)
```
#1f57fb
```
#1f57fb rgb(31,87,251)
```

Tetradic Color

#ca9704
```
#ca9704 rgb(202,151,4)
```
#e3aa04
```
#e3aa04 rgb(227,170,4)
```
#fbbc06
```
#fbbc06 rgb(251,188,6)
```
#fbc31f
```
#fbc31f rgb(251,195,31)
```
#fbca38
```
#fbca38 rgb(251,202,56)
```
#fcd051
```
#fcd051 rgb(252,208,81)
```
#fcd76a
```
#fcd76a rgb(252,215,106)
```

Monochromatic Color

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

#fb8c1f
```
#fb8c1f rgb(251,140,31)
```
#fb9e1f
```
#fb9e1f rgb(251,158,31)
```
#fbb11f
```
#fbb11f rgb(251,177,31)
```
#fbc31f
```
#fbc31f rgb(251,195,31)
```
#fbd51f
```
#fbd51f rgb(251,213,31)
```
#fbe81f
```
#fbe81f rgb(251,232,31)
```
#fbfa1f
```
#fbfa1f rgb(251,250,31)
```

Similar Colors

Text with hexadecimal color #fbc31f

This text has a font color of #fbc31f.

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

#fbc31f background color

This paragraph has a background color of #fbc31f.

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

#fbc31f border color

This element has a border color of #fbc31f.

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

CSS codes

.text {color:#fbc31f;}

.background {background-color:#fbc31f;}

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

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

#070500
```
#070500 rgb(7,5,0)
```
#1b1400
```
#1b1400 rgb(27,20,0)
```
#2e2201
```
#2e2201 rgb(46,34,1)
```
#413101
```
#413101 rgb(65,49,1)
```
#543f02
```
#543f02 rgb(84,63,2)
```
#684e02
```
#684e02 rgb(104,78,2)
```
#7b5c02
```
#7b5c02 rgb(123,92,2)
```
#8e6b03
```
#8e6b03 rgb(142,107,3)
```
#a17903
```
#a17903 rgb(161,121,3)
```
#b58803
```
#b58803 rgb(181,136,3)
```
#c89604
```
#c89604 rgb(200,150,4)
```
#dba404
```
#dba404 rgb(219,164,4)
```
#efb304
```
#efb304 rgb(239,179,4)
```

Shade Color Variation

#fbbe0c
```
#fbbe0c rgb(251,190,12)
```
#fbc31f
```
#fbc31f rgb(251,195,31)
```
#fbc832
```
#fbc832 rgb(251,200,50)
```
#fccd46
```
#fccd46 rgb(252,205,70)
```
#fcd259
```
#fcd259 rgb(252,210,89)
```
#fcd86c
```
#fcd86c rgb(252,216,108)
```
#fddd7f
```
#fddd7f rgb(253,221,127)
```
#fde293
```
#fde293 rgb(253,226,147)
```
#fde7a6
```
#fde7a6 rgb(253,231,166)
```
#feecb9
```
#feecb9 rgb(254,236,185)
```
#fef1cc
```
#fef1cc rgb(254,241,204)
```
#fef7e0
```
#fef7e0 rgb(254,247,224)
```
#fffcf3
```
#fffcf3 rgb(255,252,243)
```

Tint Color Variation

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

#928f88
```
#928f88 rgb(146,143,136)
```
#9b947f
```
#9b947f rgb(155,148,127)
```
#a39877
```
#a39877 rgb(163,152,119)
```
#ac9c6e
```
#ac9c6e rgb(172,156,110)
```
#b5a165
```
#b5a165 rgb(181,161,101)
```
#bea55c
```
#bea55c rgb(190,165,92)
```
#c6a954
```
#c6a954 rgb(198,169,84)
```
#cfad4b
```
#cfad4b rgb(207,173,75)
```
#d8b242
```
#d8b242 rgb(216,178,66)
```
#e1b639
```
#e1b639 rgb(225,182,57)
```
#e9ba31
```
#e9ba31 rgb(233,186,49)
```
#f2bf28
```
#f2bf28 rgb(242,191,40)
```
#fbc31f
```
#fbc31f rgb(251,195,31)
```

Tone Color Variation

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

Dichromacy

#e6ce2c Protanopia 1% of men
#ffc440 Deuteranopia 1% of men
#ffbbc6 Tritanopia 0.001% of the population

Trichromacy

#edca27 Protanomaly 1% of men, 0.01% of women
#fdc334 Deuteranomaly 6% of men, 0.4% of women
#fdbe89 Tritanomaly 0.01% of the population

#fbc31f hex color

#fbc31f Color Information

#fbc31f Color Conversion

Color Schemes with #fbc31f

Alternatives to #fbc31f

#fbc31f Preview

Shades and Tints of #fbc31f

Tones of #fbc31f

Color Blindness Simulator