#fbf31f hex color

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

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

● #fbf31f color description : Vivid yellow.

The hexadecimal color #fbf31f has RGB values of R:251, G:243, B:31 and CMYK values of C:0, M:0.03, Y:0.88, K:0.02. Its decimal value is 16511775.

Hex triplet	fbf31f	`#fbf31f`
RGB Decimal	251, 243, 31	`rgb(251,243,31)`
RGB Percent	98.4, 95.3, 12.2	`rgb(98.4%,95.3%,12.2%)`
CMYK	0, 3, 88, 2
HSL	57.8°, 96.5, 55.3	`hsl(57.8,96.5%,55.3%)`
HSV (or HSB)	57.8°, 87.6, 98.4
Web Safe	ffff33	`#ffff33`

CIE-LAB	93.758, -17.13, 88.655
XYZ	72.082, 84.711, 13.85
xyY	0.422, 0.496, 84.711
CIE-LCH	93.758, 90.295, 100.936
CIE-LUV	93.758, 12.731, 100.448
Hunter-Lab	92.039, -21.271, 55.505
Binary	11111011, 11110011, 00011111

#fbf31f
```
#fbf31f rgb(251,243,31)
```
#1f27fb
```
#1f27fb rgb(31,39,251)
```

Complementary Color

#fb851f
```
#fb851f rgb(251,133,31)
```
#fbf31f
```
#fbf31f rgb(251,243,31)
```
#95fb1f
```
#95fb1f rgb(149,251,31)
```

Analogous Color

#851ffb
```
#851ffb rgb(133,31,251)
```
#fbf31f
```
#fbf31f rgb(251,243,31)
```
#1f95fb
```
#1f95fb rgb(31,149,251)
```

Split Complementary Color

#f31ffb
```
#f31ffb rgb(243,31,251)
```
#fbf31f
```
#fbf31f rgb(251,243,31)
```
#1ffbf3
```
#1ffbf3 rgb(31,251,243)
```

Triadic Color

#fb1f27
```
#fb1f27 rgb(251,31,39)
```
#fbf31f
```
#fbf31f rgb(251,243,31)
```
#1ffbf3
```
#1ffbf3 rgb(31,251,243)
```
#1f27fb
```
#1f27fb rgb(31,39,251)
```

Tetradic Color

#cac304
```
#cac304 rgb(202,195,4)
```
#e3db04
```
#e3db04 rgb(227,219,4)
```
#fbf206
```
#fbf206 rgb(251,242,6)
```
#fbf31f
```
#fbf31f rgb(251,243,31)
```
#fbf438
```
#fbf438 rgb(251,244,56)
```
#fcf651
```
#fcf651 rgb(252,246,81)
```
#fcf76a
```
#fcf76a rgb(252,247,106)
```

Monochromatic Color

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

#fbbc1f
```
#fbbc1f rgb(251,188,31)
```
#fbce1f
```
#fbce1f rgb(251,206,31)
```
#fbe11f
```
#fbe11f rgb(251,225,31)
```
#fbf31f
```
#fbf31f rgb(251,243,31)
```
#f1fb1f
```
#f1fb1f rgb(241,251,31)
```
#defb1f
```
#defb1f rgb(222,251,31)
```
#ccfb1f
```
#ccfb1f rgb(204,251,31)
```

Similar Colors

Text with hexadecimal color #fbf31f

This text has a font color of #fbf31f.

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

#fbf31f background color

This paragraph has a background color of #fbf31f.

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

#fbf31f border color

This element has a border color of #fbf31f.

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

CSS codes

.text {color:#fbf31f;}

.background {background-color:#fbf31f;}

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

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

#070700
```
#070700 rgb(7,7,0)
```
#1b1a00
```
#1b1a00 rgb(27,26,0)
```
#2e2c01
```
#2e2c01 rgb(46,44,1)
```
#413f01
```
#413f01 rgb(65,63,1)
```
#545102
```
#545102 rgb(84,81,2)
```
#686402
```
#686402 rgb(104,100,2)
```
#7b7602
```
#7b7602 rgb(123,118,2)
```
#8e8903
```
#8e8903 rgb(142,137,3)
```
#a19c03
```
#a19c03 rgb(161,156,3)
```
#b5ae03
```
#b5ae03 rgb(181,174,3)
```
#c8c104
```
#c8c104 rgb(200,193,4)
```
#dbd304
```
#dbd304 rgb(219,211,4)
```
#efe604
```
#efe604 rgb(239,230,4)
```

Shade Color Variation

#fbf20c
```
#fbf20c rgb(251,242,12)
```
#fbf31f
```
#fbf31f rgb(251,243,31)
```
#fbf432
```
#fbf432 rgb(251,244,50)
```
#fcf546
```
#fcf546 rgb(252,245,70)
```
#fcf659
```
#fcf659 rgb(252,246,89)
```
#fcf76c
```
#fcf76c rgb(252,247,108)
```
#fdf87f
```
#fdf87f rgb(253,248,127)
```
#fdf993
```
#fdf993 rgb(253,249,147)
```
#fdfaa6
```
#fdfaa6 rgb(253,250,166)
```
#fefbb9
```
#fefbb9 rgb(254,251,185)
```
#fefccc
```
#fefccc rgb(254,252,204)
```
#fefde0
```
#fefde0 rgb(254,253,224)
```
#fffef3
```
#fffef3 rgb(255,254,243)
```

Tint Color Variation

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

#929188
```
#929188 rgb(146,145,136)
```
#9b9a7f
```
#9b9a7f rgb(155,154,127)
```
#a3a277
```
#a3a277 rgb(163,162,119)
```
#acaa6e
```
#acaa6e rgb(172,170,110)
```
#b5b265
```
#b5b265 rgb(181,178,101)
```
#beba5c
```
#beba5c rgb(190,186,92)
```
#c6c254
```
#c6c254 rgb(198,194,84)
```
#cfca4b
```
#cfca4b rgb(207,202,75)
```
#d8d242
```
#d8d242 rgb(216,210,66)
```
#e1db39
```
#e1db39 rgb(225,219,57)
```
#e9e331
```
#e9e331 rgb(233,227,49)
```
#f2eb28
```
#f2eb28 rgb(242,235,40)
```
#fbf31f
```
#fbf31f rgb(251,243,31)
```

Tone Color Variation

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

#dddddd Achromatopsia 0.005% of the population
#e3e1b7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffeea8 Protanopia 1% of men
#ffebd3 Deuteranopia 1% of men
#ffe8f1 Tritanopia 0.001% of the population

Trichromacy

#fdef76 Protanomaly 1% of men, 0.01% of women
#fded91 Deuteranomaly 6% of men, 0.4% of women
#fdeca4 Tritanomaly 0.01% of the population

#fbf31f hex color

#fbf31f Color Information

#fbf31f Color Conversion

Color Schemes with #fbf31f

Alternatives to #fbf31f

#fbf31f Preview

Shades and Tints of #fbf31f

Tones of #fbf31f

Color Blindness Simulator