#fbf31e hex color

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

● #fbf31e color description : Vivid yellow.

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

Hex triplet	fbf31e	`#fbf31e`
RGB Decimal	251, 243, 30	`rgb(251,243,30)`
RGB Percent	98.4, 95.3, 11.8	`rgb(98.4%,95.3%,11.8%)`
CMYK	0, 3, 88, 2
HSL	57.8°, 96.5, 55.1	`hsl(57.8,96.5%,55.1%)`
HSV (or HSB)	57.8°, 88, 98.4
Web Safe	ffff33	`#ffff33`

CIE-LAB	93.756, -17.148, 88.817
XYZ	72.069, 84.706, 13.782
xyY	0.423, 0.497, 84.706
CIE-LCH	93.756, 90.457, 100.928
CIE-LUV	93.756, 12.739, 100.548
Hunter-Lab	92.036, -21.287, 55.547
Binary	11111011, 11110011, 00011110

#fbf31e
```
#fbf31e rgb(251,243,30)
```
#1e26fb
```
#1e26fb rgb(30,38,251)
```

Complementary Color

#fb851e
```
#fb851e rgb(251,133,30)
```
#fbf31e
```
#fbf31e rgb(251,243,30)
```
#95fb1e
```
#95fb1e rgb(149,251,30)
```

Analogous Color

#851efb
```
#851efb rgb(133,30,251)
```
#fbf31e
```
#fbf31e rgb(251,243,30)
```
#1e95fb
```
#1e95fb rgb(30,149,251)
```

Split Complementary Color

#f31efb
```
#f31efb rgb(243,30,251)
```
#fbf31e
```
#fbf31e rgb(251,243,30)
```
#1efbf3
```
#1efbf3 rgb(30,251,243)
```

Triadic Color

#fb1e26
```
#fb1e26 rgb(251,30,38)
```
#fbf31e
```
#fbf31e rgb(251,243,30)
```
#1efbf3
```
#1efbf3 rgb(30,251,243)
```
#1e26fb
```
#1e26fb rgb(30,38,251)
```

Tetradic Color

#c9c204
```
#c9c204 rgb(201,194,4)
```
#e2da04
```
#e2da04 rgb(226,218,4)
```
#fbf205
```
#fbf205 rgb(251,242,5)
```
#fbf31e
```
#fbf31e rgb(251,243,30)
```
#fbf437
```
#fbf437 rgb(251,244,55)
```
#fcf650
```
#fcf650 rgb(252,246,80)
```
#fcf769
```
#fcf769 rgb(252,247,105)
```

Monochromatic Color

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

#fbbc1e
```
#fbbc1e rgb(251,188,30)
```
#fbce1e
```
#fbce1e rgb(251,206,30)
```
#fbe11e
```
#fbe11e rgb(251,225,30)
```
#fbf31e
```
#fbf31e rgb(251,243,30)
```
#f1fb1e
```
#f1fb1e rgb(241,251,30)
```
#defb1e
```
#defb1e rgb(222,251,30)
```
#ccfb1e
```
#ccfb1e rgb(204,251,30)
```

Similar Colors

Text with hexadecimal color #fbf31e

This text has a font color of #fbf31e.

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

#fbf31e background color

This paragraph has a background color of #fbf31e.

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

#fbf31e border color

This element has a border color of #fbf31e.

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

CSS codes

.text {color:#fbf31e;}

.background {background-color:#fbf31e;}

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

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

#060600
```
#060600 rgb(6,6,0)
```
#1a1900
```
#1a1900 rgb(26,25,0)
```
#2d2b01
```
#2d2b01 rgb(45,43,1)
```
#403e01
```
#403e01 rgb(64,62,1)
```
#535001
```
#535001 rgb(83,80,1)
```
#676302
```
#676302 rgb(103,99,2)
```
#7a7602
```
#7a7602 rgb(122,118,2)
```
#8d8803
```
#8d8803 rgb(141,136,3)
```
#a09b03
```
#a09b03 rgb(160,155,3)
```
#b4ad03
```
#b4ad03 rgb(180,173,3)
```
#c7c004
```
#c7c004 rgb(199,192,4)
```
#dad304
```
#dad304 rgb(218,211,4)
```
#eee504
```
#eee504 rgb(238,229,4)
```

Shade Color Variation

#fbf20b
```
#fbf20b rgb(251,242,11)
```
#fbf31e
```
#fbf31e rgb(251,243,30)
```
#fbf431
```
#fbf431 rgb(251,244,49)
```
#fcf545
```
#fcf545 rgb(252,245,69)
```
#fcf658
```
#fcf658 rgb(252,246,88)
```
#fcf76b
```
#fcf76b rgb(252,247,107)
```
#fdf87e
```
#fdf87e rgb(253,248,126)
```
#fdf992
```
#fdf992 rgb(253,249,146)
```
#fdfaa5
```
#fdfaa5 rgb(253,250,165)
```
#fefbb8
```
#fefbb8 rgb(254,251,184)
```
#fefccb
```
#fefccb rgb(254,252,203)
```
#fefddf
```
#fefddf rgb(254,253,223)
```
#fffef2
```
#fffef2 rgb(255,254,242)
```

Tint Color Variation

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

#919188
```
#919188 rgb(145,145,136)
```
#9a997f
```
#9a997f rgb(154,153,127)
```
#a3a176
```
#a3a176 rgb(163,161,118)
```
#aca96d
```
#aca96d rgb(172,169,109)
```
#b5b264
```
#b5b264 rgb(181,178,100)
```
#bdba5c
```
#bdba5c rgb(189,186,92)
```
#c6c253
```
#c6c253 rgb(198,194,83)
```
#cfca4a
```
#cfca4a rgb(207,202,74)
```
#d8d241
```
#d8d241 rgb(216,210,65)
```
#e1da38
```
#e1da38 rgb(225,218,56)
```
#e9e330
```
#e9e330 rgb(233,227,48)
```
#f2eb27
```
#f2eb27 rgb(242,235,39)
```
#fbf31e
```
#fbf31e rgb(251,243,30)
```

Tone Color Variation

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

#fbf31e hex color

#fbf31e Color Information

#fbf31e Color Conversion

Color Schemes with #fbf31e

Alternatives to #fbf31e

#fbf31e Preview

Shades and Tints of #fbf31e

Tones of #fbf31e

Color Blindness Simulator