#fbf580 hex color

In a RGB color space, hex #fbf580 is composed of 98.4% red, 96.1% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 2.4% magenta, 49% yellow and 1.6% black. It has a hue angle of 57.1 degrees, a saturation of 93.9% and a lightness of 74.3%. #fbf580 color hex could be obtained by blending #ffffff with #f7eb01. Closest websafe color is: #ffff99.

♥
- f
- t
- g
- R 98
- G 96
- B 50
RGB color chart
- C 0
- M 2
- Y 49
- K 2
CMYK color chart

● #fbf580 color description : Soft yellow.

The hexadecimal color #fbf580 has RGB values of R:251, G:245, B:128 and CMYK values of C:0, M:0.02, Y:0.49, K:0.02. Its decimal value is 16512384.

Hex triplet	fbf580	`#fbf580`
RGB Decimal	251, 245, 128	`rgb(251,245,128)`
RGB Percent	98.4, 96.1, 50.2	`rgb(98.4%,96.1%,50.2%)`
CMYK	0, 2, 49, 2
HSL	57.1°, 93.9, 74.3	`hsl(57.1,93.9%,74.3%)`
HSV (or HSB)	57.1°, 49, 98.4
Web Safe	ffff99	`#ffff99`

CIE-LAB	94.897, -13.246, 56.5
XYZ	76.332, 87.374, 33.265
xyY	0.388, 0.444, 87.374
CIE-LCH	94.897, 58.032, 103.194
CIE-LUV	94.897, 9.287, 74.74
Hunter-Lab	93.474, -17.814, 44.332
Binary	11111011, 11110101, 10000000

#fbf580
```
#fbf580 rgb(251,245,128)
```
#8086fb
```
#8086fb rgb(128,134,251)
```

Complementary Color

#fbb880
```
#fbb880 rgb(251,184,128)
```
#fbf580
```
#fbf580 rgb(251,245,128)
```
#c4fb80
```
#c4fb80 rgb(196,251,128)
```

Analogous Color

#b880fb
```
#b880fb rgb(184,128,251)
```
#fbf580
```
#fbf580 rgb(251,245,128)
```
#80c4fb
```
#80c4fb rgb(128,196,251)
```

Split Complementary Color

#f580fb
```
#f580fb rgb(245,128,251)
```
#fbf580
```
#fbf580 rgb(251,245,128)
```
#80fbf5
```
#80fbf5 rgb(128,251,245)
```

Triadic Color

#fb8086
```
#fb8086 rgb(251,128,134)
```
#fbf580
```
#fbf580 rgb(251,245,128)
```
#80fbf5
```
#80fbf5 rgb(128,251,245)
```
#8086fb
```
#8086fb rgb(128,134,251)
```

Tetradic Color

#f9ef36
```
#f9ef36 rgb(249,239,54)
```
#f9f14f
```
#f9f14f rgb(249,241,79)
```
#faf367
```
#faf367 rgb(250,243,103)
```
#fbf580
```
#fbf580 rgb(251,245,128)
```
#fcf799
```
#fcf799 rgb(252,247,153)
```
#fdf9b1
```
#fdf9b1 rgb(253,249,177)
```
#fdfbca
```
#fdfbca rgb(253,251,202)
```

Monochromatic Color

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

#fbd680
```
#fbd680 rgb(251,214,128)
```
#fbe180
```
#fbe180 rgb(251,225,128)
```
#fbeb80
```
#fbeb80 rgb(251,235,128)
```
#fbf580
```
#fbf580 rgb(251,245,128)
```
#f7fb80
```
#f7fb80 rgb(247,251,128)
```
#edfb80
```
#edfb80 rgb(237,251,128)
```
#e2fb80
```
#e2fb80 rgb(226,251,128)
```

Similar Colors

Text with hexadecimal color #fbf580

This text has a font color of #fbf580.

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

#fbf580 background color

This paragraph has a background color of #fbf580.

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

#fbf580 border color

This element has a border color of #fbf580.

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

CSS codes

.text {color:#fbf580;}

.background {background-color:#fbf580;}

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

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)
```
#191801
```
#191801 rgb(25,24,1)
```
#2c2a01
```
#2c2a01 rgb(44,42,1)
```
#3f3c02
```
#3f3c02 rgb(63,60,2)
```
#524e03
```
#524e03 rgb(82,78,3)
```
#656003
```
#656003 rgb(101,96,3)
```
#787304
```
#787304 rgb(120,115,4)
```
#8b8504
```
#8b8504 rgb(139,133,4)
```
#9e9705
```
#9e9705 rgb(158,151,5)
```
#b1a906
```
#b1a906 rgb(177,169,6)
```
#c4bb06
```
#c4bb06 rgb(196,187,6)
```
#d7cd07
```
#d7cd07 rgb(215,205,7)
```
#eadf07
```
#eadf07 rgb(234,223,7)
```

Shade Color Variation

#f7ec0e
```
#f7ec0e rgb(247,236,14)
```
#f8ee21
```
#f8ee21 rgb(248,238,33)
```
#f9ef34
```
#f9ef34 rgb(249,239,52)
```
#f9f147
```
#f9f147 rgb(249,241,71)
```
#faf25a
```
#faf25a rgb(250,242,90)
```
#faf46d
```
#faf46d rgb(250,244,109)
```
#fbf580
```
#fbf580 rgb(251,245,128)
```
#fcf693
```
#fcf693 rgb(252,246,147)
```
#fcf8a6
```
#fcf8a6 rgb(252,248,166)
```
#fdf9b9
```
#fdf9b9 rgb(253,249,185)
```
#fdfbcc
```
#fdfbcc rgb(253,251,204)
```
#fefcdf
```
#fefcdf rgb(254,252,223)
```
#fffef2
```
#fffef2 rgb(255,254,242)
```

Tint Color Variation

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

#bfbebc
```
#bfbebc rgb(191,190,188)
```
#c4c3b7
```
#c4c3b7 rgb(196,195,183)
```
#c9c8b2
```
#c9c8b2 rgb(201,200,178)
```
#ceccad
```
#ceccad rgb(206,204,173)
```
#d3d1a8
```
#d3d1a8 rgb(211,209,168)
```
#d8d5a3
```
#d8d5a3 rgb(216,213,163)
```
#ddda9e
```
#ddda9e rgb(221,218,158)
```
#e2de99
```
#e2de99 rgb(226,222,153)
```
#e7e394
```
#e7e394 rgb(231,227,148)
```
#ece78f
```
#ece78f rgb(236,231,143)
```
#f1ec8a
```
#f1ec8a rgb(241,236,138)
```
#f6f085
```
#f6f085 rgb(246,240,133)
```
#fbf580
```
#fbf580 rgb(251,245,128)
```

Tone Color Variation

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

#e9e9e9 Achromatopsia 0.005% of the population
#edebd4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#fff1be Protanopia 1% of men
#ffeedd Deuteranopia 1% of men
#ffecf5 Tritanopia 0.001% of the population

Trichromacy

#fdf2a7 Protanomaly 1% of men, 0.01% of women
#fdf0bb Deuteranomaly 6% of men, 0.4% of women
#fdefca Tritanomaly 0.01% of the population

#fbf580 hex color

#fbf580 Color Information

#fbf580 Color Conversion

Color Schemes with #fbf580

Alternatives to #fbf580

#fbf580 Preview

Shades and Tints of #fbf580

Tones of #fbf580

Color Blindness Simulator