#fbd31f hex color

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

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

● #fbd31f color description : Vivid yellow.

The hexadecimal color #fbd31f has RGB values of R:251, G:211, B:31 and CMYK values of C:0, M:0.16, Y:0.88, K:0.02. Its decimal value is 16503583.

Hex triplet	fbd31f	`#fbd31f`
RGB Decimal	251, 211, 31	`rgb(251,211,31)`
RGB Percent	98.4, 82.7, 12.2	`rgb(98.4%,82.7%,12.2%)`
CMYK	0, 16, 88, 2
HSL	49.1°, 96.5, 55.3	`hsl(49.1,96.5%,55.3%)`
HSV (or HSB)	49.1°, 87.6, 98.4
Web Safe	ffcc33	`#ffcc33`

CIE-LAB	85.605, -1.249, 82.226
XYZ	63.326, 67.199, 10.932
xyY	0.448, 0.475, 67.199
CIE-LCH	85.605, 82.235, 90.87
CIE-LUV	85.605, 35.144, 88.394
Hunter-Lab	81.975, -5.565, 49.476
Binary	11111011, 11010011, 00011111

#fbd31f
```
#fbd31f rgb(251,211,31)
```
#1f47fb
```
#1f47fb rgb(31,71,251)
```

Complementary Color

#fb651f
```
#fb651f rgb(251,101,31)
```
#fbd31f
```
#fbd31f rgb(251,211,31)
```
#b5fb1f
```
#b5fb1f rgb(181,251,31)
```

Analogous Color

#651ffb
```
#651ffb rgb(101,31,251)
```
#fbd31f
```
#fbd31f rgb(251,211,31)
```
#1fb5fb
```
#1fb5fb rgb(31,181,251)
```

Split Complementary Color

#d31ffb
```
#d31ffb rgb(211,31,251)
```
#fbd31f
```
#fbd31f rgb(251,211,31)
```
#1ffbd3
```
#1ffbd3 rgb(31,251,211)
```

Triadic Color

#fb1f47
```
#fb1f47 rgb(251,31,71)
```
#fbd31f
```
#fbd31f rgb(251,211,31)
```
#1ffbd3
```
#1ffbd3 rgb(31,251,211)
```
#1f47fb
```
#1f47fb rgb(31,71,251)
```

Tetradic Color

#caa604
```
#caa604 rgb(202,166,4)
```
#e3ba04
```
#e3ba04 rgb(227,186,4)
```
#fbce06
```
#fbce06 rgb(251,206,6)
```
#fbd31f
```
#fbd31f rgb(251,211,31)
```
#fbd838
```
#fbd838 rgb(251,216,56)
```
#fcdd51
```
#fcdd51 rgb(252,221,81)
```
#fce26a
```
#fce26a rgb(252,226,106)
```

Monochromatic Color

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

#fb9c1f
```
#fb9c1f rgb(251,156,31)
```
#fbae1f
```
#fbae1f rgb(251,174,31)
```
#fbc11f
```
#fbc11f rgb(251,193,31)
```
#fbd31f
```
#fbd31f rgb(251,211,31)
```
#fbe51f
```
#fbe51f rgb(251,229,31)
```
#fbf81f
```
#fbf81f rgb(251,248,31)
```
#ecfb1f
```
#ecfb1f rgb(236,251,31)
```

Similar Colors

Text with hexadecimal color #fbd31f

This text has a font color of #fbd31f.

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

#fbd31f background color

This paragraph has a background color of #fbd31f.

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

#fbd31f border color

This element has a border color of #fbd31f.

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

CSS codes

.text {color:#fbd31f;}

.background {background-color:#fbd31f;}

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

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

#070600
```
#070600 rgb(7,6,0)
```
#1b1600
```
#1b1600 rgb(27,22,0)
```
#2e2601
```
#2e2601 rgb(46,38,1)
```
#413501
```
#413501 rgb(65,53,1)
```
#544502
```
#544502 rgb(84,69,2)
```
#685502
```
#685502 rgb(104,85,2)
```
#7b6502
```
#7b6502 rgb(123,101,2)
```
#8e7503
```
#8e7503 rgb(142,117,3)
```
#a18503
```
#a18503 rgb(161,133,3)
```
#b59403
```
#b59403 rgb(181,148,3)
```
#c8a404
```
#c8a404 rgb(200,164,4)
```
#dbb404
```
#dbb404 rgb(219,180,4)
```
#efc404
```
#efc404 rgb(239,196,4)
```

Shade Color Variation

#fbcf0c
```
#fbcf0c rgb(251,207,12)
```
#fbd31f
```
#fbd31f rgb(251,211,31)
```
#fbd732
```
#fbd732 rgb(251,215,50)
```
#fcdb46
```
#fcdb46 rgb(252,219,70)
```
#fcde59
```
#fcde59 rgb(252,222,89)
```
#fce26c
```
#fce26c rgb(252,226,108)
```
#fde67f
```
#fde67f rgb(253,230,127)
```
#fdea93
```
#fdea93 rgb(253,234,147)
```
#fdeda6
```
#fdeda6 rgb(253,237,166)
```
#fef1b9
```
#fef1b9 rgb(254,241,185)
```
#fef5cc
```
#fef5cc rgb(254,245,204)
```
#fef9e0
```
#fef9e0 rgb(254,249,224)
```
#fffdf3
```
#fffdf3 rgb(255,253,243)
```

Tint Color Variation

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

#929088
```
#929088 rgb(146,144,136)
```
#9b967f
```
#9b967f rgb(155,150,127)
```
#a39b77
```
#a39b77 rgb(163,155,119)
```
#aca16e
```
#aca16e rgb(172,161,110)
```
#b5a665
```
#b5a665 rgb(181,166,101)
```
#beac5c
```
#beac5c rgb(190,172,92)
```
#c6b254
```
#c6b254 rgb(198,178,84)
```
#cfb74b
```
#cfb74b rgb(207,183,75)
```
#d8bd42
```
#d8bd42 rgb(216,189,66)
```
#e1c239
```
#e1c239 rgb(225,194,57)
```
#e9c831
```
#e9c831 rgb(233,200,49)
```
#f2cd28
```
#f2cd28 rgb(242,205,40)
```
#fbd31f
```
#fbd31f rgb(251,211,31)
```

Tone Color Variation

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

#cacaca Achromatopsia 0.005% of the population
#d4cca8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f2d82b Protanopia 1% of men
#ffd087 Deuteranopia 1% of men
#ffcad5 Tritanopia 0.001% of the population

Trichromacy

#f5d627 Protanomaly 1% of men, 0.01% of women
#fdd161 Deuteranomaly 6% of men, 0.4% of women
#fdcd93 Tritanomaly 0.01% of the population

#fbd31f hex color

#fbd31f Color Information

#fbd31f Color Conversion

Color Schemes with #fbd31f

Alternatives to #fbd31f

#fbd31f Preview

Shades and Tints of #fbd31f

Tones of #fbd31f

Color Blindness Simulator