#fbf316 hex color

In a RGB color space, hex #fbf316 is composed of 98.4% red, 95.3% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 3.2% magenta, 91.2% yellow and 1.6% black. It has a hue angle of 57.9 degrees, a saturation of 96.6% and a lightness of 53.5%. #fbf316 color hex could be obtained by blending #ffff2c with #f7e700. Closest websafe color is: #ffff00.

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

● #fbf316 color description : Vivid yellow.

The hexadecimal color #fbf316 has RGB values of R:251, G:243, B:22 and CMYK values of C:0, M:0.03, Y:0.91, K:0.02. Its decimal value is 16511766.

Hex triplet	fbf316	`#fbf316`
RGB Decimal	251, 243, 22	`rgb(251,243,22)`
RGB Percent	98.4, 95.3, 8.6	`rgb(98.4%,95.3%,8.6%)`
CMYK	0, 3, 91, 2
HSL	57.9°, 96.6, 53.5	`hsl(57.9,96.6%,53.5%)`
HSV (or HSB)	57.9°, 91.2, 98.4
Web Safe	ffff00	`#ffff00`

CIE-LAB	93.741, -17.27, 89.948
XYZ	71.979, 84.67, 13.31
xyY	0.424, 0.498, 84.67
CIE-LCH	93.741, 91.591, 100.869
CIE-LUV	93.741, 12.796, 101.239
Hunter-Lab	92.016, -21.397, 55.835
Binary	11111011, 11110011, 00010110

#fbf316
```
#fbf316 rgb(251,243,22)
```
#161efb
```
#161efb rgb(22,30,251)
```

Complementary Color

#fb8116
```
#fb8116 rgb(251,129,22)
```
#fbf316
```
#fbf316 rgb(251,243,22)
```
#91fb16
```
#91fb16 rgb(145,251,22)
```

Analogous Color

#8116fb
```
#8116fb rgb(129,22,251)
```
#fbf316
```
#fbf316 rgb(251,243,22)
```
#1691fb
```
#1691fb rgb(22,145,251)
```

Split Complementary Color

#f316fb
```
#f316fb rgb(243,22,251)
```
#fbf316
```
#fbf316 rgb(251,243,22)
```
#16fbf3
```
#16fbf3 rgb(22,251,243)
```

Triadic Color

#fb161e
```
#fb161e rgb(251,22,30)
```
#fbf316
```
#fbf316 rgb(251,243,22)
```
#16fbf3
```
#16fbf3 rgb(22,251,243)
```
#161efb
```
#161efb rgb(22,30,251)
```

Tetradic Color

#c1bb03
```
#c1bb03 rgb(193,187,3)
```
#dad304
```
#dad304 rgb(218,211,4)
```
#f3eb04
```
#f3eb04 rgb(243,235,4)
```
#fbf316
```
#fbf316 rgb(251,243,22)
```
#fbf42f
```
#fbf42f rgb(251,244,47)
```
#fcf648
```
#fcf648 rgb(252,246,72)
```
#fcf761
```
#fcf761 rgb(252,247,97)
```

Monochromatic Color

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

#fbba16
```
#fbba16 rgb(251,186,22)
```
#fbcd16
```
#fbcd16 rgb(251,205,22)
```
#fbe016
```
#fbe016 rgb(251,224,22)
```
#fbf316
```
#fbf316 rgb(251,243,22)
```
#f0fb16
```
#f0fb16 rgb(240,251,22)
```
#ddfb16
```
#ddfb16 rgb(221,251,22)
```
#cafb16
```
#cafb16 rgb(202,251,22)
```

Similar Colors

Text with hexadecimal color #fbf316

This text has a font color of #fbf316.

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

#fbf316 background color

This paragraph has a background color of #fbf316.

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

#fbf316 border color

This element has a border color of #fbf316.

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

CSS codes

.text {color:#fbf316;}

.background {background-color:#fbf316;}

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

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

#121100
```
#121100 rgb(18,17,0)
```
#252401
```
#252401 rgb(37,36,1)
```
#383601
```
#383601 rgb(56,54,1)
```
#4c4901
```
#4c4901 rgb(76,73,1)
```
#5f5c02
```
#5f5c02 rgb(95,92,2)
```
#726e02
```
#726e02 rgb(114,110,2)
```
#858102
```
#858102 rgb(133,129,2)
```
#999303
```
#999303 rgb(153,147,3)
```
#aca603
```
#aca603 rgb(172,166,3)
```
#bfb903
```
#bfb903 rgb(191,185,3)
```
#d3cb04
```
#d3cb04 rgb(211,203,4)
```
#e6de04
```
#e6de04 rgb(230,222,4)
```
#f9f104
```
#f9f104 rgb(249,241,4)
```

Shade Color Variation

#fbf316
```
#fbf316 rgb(251,243,22)
```
#fbf429
```
#fbf429 rgb(251,244,41)
```
#fcf53d
```
#fcf53d rgb(252,245,61)
```
#fcf650
```
#fcf650 rgb(252,246,80)
```
#fcf763
```
#fcf763 rgb(252,247,99)
```
#fdf876
```
#fdf876 rgb(253,248,118)
```
#fdf98a
```
#fdf98a rgb(253,249,138)
```
#fdfa9d
```
#fdfa9d rgb(253,250,157)
```
#fefbb0
```
#fefbb0 rgb(254,251,176)
```
#fefcc4
```
#fefcc4 rgb(254,252,196)
```
#fefdd7
```
#fefdd7 rgb(254,253,215)
```
#fffeea
```
#fffeea rgb(255,254,234)
```
#fffffd
```
#fffffd rgb(255,255,253)
```

Tint Color Variation

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

#8e8d83
```
#8e8d83 rgb(142,141,131)
```
#97967a
```
#97967a rgb(151,150,122)
```
#a09e71
```
#a09e71 rgb(160,158,113)
```
#a9a768
```
#a9a768 rgb(169,167,104)
```
#b2af5f
```
#b2af5f rgb(178,175,95)
```
#bbb856
```
#bbb856 rgb(187,184,86)
```
#c4c04d
```
#c4c04d rgb(196,192,77)
```
#cdc944
```
#cdc944 rgb(205,201,68)
```
#d7d13a
```
#d7d13a rgb(215,209,58)
```
#e0da31
```
#e0da31 rgb(224,218,49)
```
#e9e228
```
#e9e228 rgb(233,226,40)
```
#f2eb1f
```
#f2eb1f rgb(242,235,31)
```
#fbf316
```
#fbf316 rgb(251,243,22)
```

Tone Color Variation

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

#dcdcdc Achromatopsia 0.005% of the population
#e2e1b4 Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#fdef73 Protanomaly 1% of men, 0.01% of women
#fded8e Deuteranomaly 6% of men, 0.4% of women
#fdeca1 Tritanomaly 0.01% of the population

#fbf316 hex color

#fbf316 Color Information

#fbf316 Color Conversion

Color Schemes with #fbf316

Alternatives to #fbf316

#fbf316 Preview

Shades and Tints of #fbf316

Tones of #fbf316

Color Blindness Simulator