#fbc31e hex color

In a RGB color space, hex #fbc31e is composed of 98.4% red, 76.5% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22.3% magenta, 88% yellow and 1.6% black. It has a hue angle of 44.8 degrees, a saturation of 96.5% and a lightness of 55.1%. #fbc31e color hex could be obtained by blending #ffff3c 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

● #fbc31e color description : Vivid orange.

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

Hex triplet	fbc31e	`#fbc31e`
RGB Decimal	251, 195, 30	`rgb(251,195,30)`
RGB Percent	98.4, 76.5, 11.8	`rgb(98.4%,76.5%,11.8%)`
CMYK	0, 22, 88, 2
HSL	44.8°, 96.5, 55.1	`hsl(44.8,96.5%,55.1%)`
HSV (or HSB)	44.8°, 88, 98.4
Web Safe	ffcc33	`#ffcc33`

CIE-LAB	81.64, 6.943, 79.318
XYZ	59.534, 59.636, 9.604
xyY	0.462, 0.463, 59.636
CIE-LCH	81.64, 79.621, 84.998
CIE-LUV	81.64, 47.168, 82.501
Hunter-Lab	77.225, 2.467, 46.684
Binary	11111011, 11000011, 00011110

#fbc31e
```
#fbc31e rgb(251,195,30)
```
#1e56fb
```
#1e56fb rgb(30,86,251)
```

Complementary Color

#fb541e
```
#fb541e rgb(251,84,30)
```
#fbc31e
```
#fbc31e rgb(251,195,30)
```
#c5fb1e
```
#c5fb1e rgb(197,251,30)
```

Analogous Color

#551efb
```
#551efb rgb(85,30,251)
```
#fbc31e
```
#fbc31e rgb(251,195,30)
```
#1ec5fb
```
#1ec5fb rgb(30,197,251)
```

Split Complementary Color

#c31efb
```
#c31efb rgb(195,30,251)
```
#fbc31e
```
#fbc31e rgb(251,195,30)
```
#1efbc3
```
#1efbc3 rgb(30,251,195)
```

Triadic Color

#fb1e56
```
#fb1e56 rgb(251,30,86)
```
#fbc31e
```
#fbc31e rgb(251,195,30)
```
#1efbc3
```
#1efbc3 rgb(30,251,195)
```
#1e56fb
```
#1e56fb rgb(30,86,251)
```

Tetradic Color

#c99704
```
#c99704 rgb(201,151,4)
```
#e2aa04
```
#e2aa04 rgb(226,170,4)
```
#fbbc05
```
#fbbc05 rgb(251,188,5)
```
#fbc31e
```
#fbc31e rgb(251,195,30)
```
#fbca37
```
#fbca37 rgb(251,202,55)
```
#fcd050
```
#fcd050 rgb(252,208,80)
```
#fcd769
```
#fcd769 rgb(252,215,105)
```

Monochromatic Color

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

#fb8c1e
```
#fb8c1e rgb(251,140,30)
```
#fb9e1e
```
#fb9e1e rgb(251,158,30)
```
#fbb11e
```
#fbb11e rgb(251,177,30)
```
#fbc31e
```
#fbc31e rgb(251,195,30)
```
#fbd51e
```
#fbd51e rgb(251,213,30)
```
#fbe81e
```
#fbe81e rgb(251,232,30)
```
#fbfa1e
```
#fbfa1e rgb(251,250,30)
```

Similar Colors

Text with hexadecimal color #fbc31e

This text has a font color of #fbc31e.

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

#fbc31e background color

This paragraph has a background color of #fbc31e.

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

#fbc31e border color

This element has a border color of #fbc31e.

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

CSS codes

.text {color:#fbc31e;}

.background {background-color:#fbc31e;}

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

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

#060500
```
#060500 rgb(6,5,0)
```
#1a1300
```
#1a1300 rgb(26,19,0)
```
#2d2201
```
#2d2201 rgb(45,34,1)
```
#403001
```
#403001 rgb(64,48,1)
```
#533f01
```
#533f01 rgb(83,63,1)
```
#674d02
```
#674d02 rgb(103,77,2)
```
#7a5c02
```
#7a5c02 rgb(122,92,2)
```
#8d6a03
```
#8d6a03 rgb(141,106,3)
```
#a07903
```
#a07903 rgb(160,121,3)
```
#b48703
```
#b48703 rgb(180,135,3)
```
#c79504
```
#c79504 rgb(199,149,4)
```
#daa404
```
#daa404 rgb(218,164,4)
```
#eeb204
```
#eeb204 rgb(238,178,4)
```

Shade Color Variation

#fbbe0b
```
#fbbe0b rgb(251,190,11)
```
#fbc31e
```
#fbc31e rgb(251,195,30)
```
#fbc831
```
#fbc831 rgb(251,200,49)
```
#fccd45
```
#fccd45 rgb(252,205,69)
```
#fcd258
```
#fcd258 rgb(252,210,88)
```
#fcd86b
```
#fcd86b rgb(252,216,107)
```
#fddd7e
```
#fddd7e rgb(253,221,126)
```
#fde292
```
#fde292 rgb(253,226,146)
```
#fde7a5
```
#fde7a5 rgb(253,231,165)
```
#feecb8
```
#feecb8 rgb(254,236,184)
```
#fef1cb
```
#fef1cb rgb(254,241,203)
```
#fef6df
```
#fef6df rgb(254,246,223)
```
#fffcf2
```
#fffcf2 rgb(255,252,242)
```

Tint Color Variation

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

#918f88
```
#918f88 rgb(145,143,136)
```
#9a937f
```
#9a937f rgb(154,147,127)
```
#a39876
```
#a39876 rgb(163,152,118)
```
#ac9c6d
```
#ac9c6d rgb(172,156,109)
```
#b5a064
```
#b5a064 rgb(181,160,100)
```
#bda55c
```
#bda55c rgb(189,165,92)
```
#c6a953
```
#c6a953 rgb(198,169,83)
```
#cfad4a
```
#cfad4a rgb(207,173,74)
```
#d8b241
```
#d8b241 rgb(216,178,65)
```
#e1b638
```
#e1b638 rgb(225,182,56)
```
#e9ba30
```
#e9ba30 rgb(233,186,48)
```
#f2bf27
```
#f2bf27 rgb(242,191,39)
```
#fbc31e
```
#fbc31e rgb(251,195,30)
```

Tone Color Variation

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

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

Trichromacy

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

#fbc31e hex color

#fbc31e Color Information

#fbc31e Color Conversion

Color Schemes with #fbc31e

Alternatives to #fbc31e

#fbc31e Preview

Shades and Tints of #fbc31e

Tones of #fbc31e

Color Blindness Simulator