#fbc30f hex color

In a RGB color space, hex #fbc30f is composed of 98.4% red, 76.5% green and 5.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22.3% magenta, 94% yellow and 1.6% black. It has a hue angle of 45.8 degrees, a saturation of 96.7% and a lightness of 52.2%. #fbc30f color hex could be obtained by blending #ffff1e with #f78700. Closest websafe color is: #ffcc00.

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

● #fbc30f color description : Vivid yellow.

The hexadecimal color #fbc30f has RGB values of R:251, G:195, B:15 and CMYK values of C:0, M:0.22, Y:0.94, K:0.02. Its decimal value is 16499471.

Hex triplet	fbc30f	`#fbc30f`
RGB Decimal	251, 195, 15	`rgb(251,195,15)`
RGB Percent	98.4, 76.5, 5.9	`rgb(98.4%,76.5%,5.9%)`
CMYK	0, 22, 94, 2
HSL	45.8°, 96.7, 52.2	`hsl(45.8,96.7%,52.2%)`
HSV (or HSB)	45.8°, 94, 98.4
Web Safe	ffcc00	`#ffcc00`

CIE-LAB	81.608, 6.727, 81.741
XYZ	59.386, 59.577, 8.824
xyY	0.465, 0.466, 59.577
CIE-LCH	81.608, 82.017, 85.295
CIE-LUV	81.608, 47.394, 83.888
Hunter-Lab	77.186, 2.26, 47.252
Binary	11111011, 11000011, 00001111

#fbc30f
```
#fbc30f rgb(251,195,15)
```
#0f47fb
```
#0f47fb rgb(15,71,251)
```

Complementary Color

#fb4d0f
```
#fb4d0f rgb(251,77,15)
```
#fbc30f
```
#fbc30f rgb(251,195,15)
```
#bdfb0f
```
#bdfb0f rgb(189,251,15)
```

Analogous Color

#4d0ffb
```
#4d0ffb rgb(77,15,251)
```
#fbc30f
```
#fbc30f rgb(251,195,15)
```
#0fbdfb
```
#0fbdfb rgb(15,189,251)
```

Split Complementary Color

#c30ffb
```
#c30ffb rgb(195,15,251)
```
#fbc30f
```
#fbc30f rgb(251,195,15)
```
#0ffbc3
```
#0ffbc3 rgb(15,251,195)
```

Triadic Color

#fb0f47
```
#fb0f47 rgb(251,15,71)
```
#fbc30f
```
#fbc30f rgb(251,195,15)
```
#0ffbc3
```
#0ffbc3 rgb(15,251,195)
```
#0f47fb
```
#0f47fb rgb(15,71,251)
```

Tetradic Color

#ba8f03
```
#ba8f03 rgb(186,143,3)
```
#d3a204
```
#d3a204 rgb(211,162,4)
```
#edb504
```
#edb504 rgb(237,181,4)
```
#fbc30f
```
#fbc30f rgb(251,195,15)
```
#fbc928
```
#fbc928 rgb(251,201,40)
```
#fcd041
```
#fcd041 rgb(252,208,65)
```
#fcd65a
```
#fcd65a rgb(252,214,90)
```

Monochromatic Color

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

#fb880f
```
#fb880f rgb(251,136,15)
```
#fb9c0f
```
#fb9c0f rgb(251,156,15)
```
#fbaf0f
```
#fbaf0f rgb(251,175,15)
```
#fbc30f
```
#fbc30f rgb(251,195,15)
```
#fbd70f
```
#fbd70f rgb(251,215,15)
```
#fbea0f
```
#fbea0f rgb(251,234,15)
```
#f8fb0f
```
#f8fb0f rgb(248,251,15)
```

Similar Colors

Text with hexadecimal color #fbc30f

This text has a font color of #fbc30f.

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

#fbc30f background color

This paragraph has a background color of #fbc30f.

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

#fbc30f border color

This element has a border color of #fbc30f.

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

CSS codes

.text {color:#fbc30f;}

.background {background-color:#fbc30f;}

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

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, #0b0800 is the darkest color, while #fffdf7 is the lightest one.

#0b0800
```
#0b0800 rgb(11,8,0)
```
#1e1701
```
#1e1701 rgb(30,23,1)
```
#312601
```
#312601 rgb(49,38,1)
```
#453501
```
#453501 rgb(69,53,1)
```
#584301
```
#584301 rgb(88,67,1)
```
#6b5202
```
#6b5202 rgb(107,82,2)
```
#7f6102
```
#7f6102 rgb(127,97,2)
```
#927002
```
#927002 rgb(146,112,2)
```
#a57f03
```
#a57f03 rgb(165,127,3)
```
#b88d03
```
#b88d03 rgb(184,141,3)
```
#cc9c03
```
#cc9c03 rgb(204,156,3)
```
#dfab04
```
#dfab04 rgb(223,171,4)
```
#f2ba04
```
#f2ba04 rgb(242,186,4)
```

Shade Color Variation

#fbc30f
```
#fbc30f rgb(251,195,15)
```
#fbc822
```
#fbc822 rgb(251,200,34)
```
#fccd36
```
#fccd36 rgb(252,205,54)
```
#fcd149
```
#fcd149 rgb(252,209,73)
```
#fcd65c
```
#fcd65c rgb(252,214,92)
```
#fddb6f
```
#fddb6f rgb(253,219,111)
```
#fde083
```
#fde083 rgb(253,224,131)
```
#fde596
```
#fde596 rgb(253,229,150)
```
#feeaa9
```
#feeaa9 rgb(254,234,169)
```
#feeebd
```
#feeebd rgb(254,238,189)
```
#fef3d0
```
#fef3d0 rgb(254,243,208)
```
#fff8e3
```
#fff8e3 rgb(255,248,227)
```
#fffdf7
```
#fffdf7 rgb(255,253,247)
```

Tint Color Variation

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

#8a8880
```
#8a8880 rgb(138,136,128)
```
#948d76
```
#948d76 rgb(148,141,118)
```
#9d926d
```
#9d926d rgb(157,146,109)
```
#a79763
```
#a79763 rgb(167,151,99)
```
#b09c5a
```
#b09c5a rgb(176,156,90)
```
#b9a051
```
#b9a051 rgb(185,160,81)
```
#c3a547
```
#c3a547 rgb(195,165,71)
```
#ccaa3e
```
#ccaa3e rgb(204,170,62)
```
#d5af35
```
#d5af35 rgb(213,175,53)
```
#dfb42b
```
#dfb42b rgb(223,180,43)
```
#e8b922
```
#e8b922 rgb(232,185,34)
```
#f2be18
```
#f2be18 rgb(242,190,24)
```
#fbc30f
```
#fbc30f rgb(251,195,15)
```

Tone Color Variation

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

#bfbfbf Achromatopsia 0.005% of the population
#cbc09c Atypical Achromatopsia 0.001% of the population

Dichromacy

#e6cd1e Protanopia 1% of men
#ffc43d Deuteranopia 1% of men
#ffbbc6 Tritanopia 0.001% of the population

Trichromacy

#edc918 Protanomaly 1% of men, 0.01% of women
#fdc32c Deuteranomaly 6% of men, 0.4% of women
#fdbe83 Tritanomaly 0.01% of the population

#fbc30f hex color

#fbc30f Color Information

#fbc30f Color Conversion

Color Schemes with #fbc30f

Alternatives to #fbc30f

#fbc30f Preview

Shades and Tints of #fbc30f

Tones of #fbc30f

Color Blindness Simulator