#fbd980 hex color

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

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

● #fbd980 color description : Soft orange.

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

Hex triplet	fbd980	`#fbd980`
RGB Decimal	251, 217, 128	`rgb(251,217,128)`
RGB Percent	98.4, 85.1, 50.2	`rgb(98.4%,85.1%,50.2%)`
CMYK	0, 14, 49, 2
HSL	43.4°, 93.9, 74.3	`hsl(43.4,93.9%,74.3%)`
HSV (or HSB)	43.4°, 49, 98.4
Web Safe	ffcc99	`#ffcc99`

CIE-LAB	87.822, 0.761, 47.926
XYZ	68.493, 71.696, 30.652
xyY	0.401, 0.42, 71.696
CIE-LCH	87.822, 47.932, 89.09
CIE-LUV	87.822, 27.219, 61.387
Hunter-Lab	84.673, -3.788, 37.808
Binary	11111011, 11011001, 10000000

#fbd980
```
#fbd980 rgb(251,217,128)
```
#80a2fb
```
#80a2fb rgb(128,162,251)
```

Complementary Color

#fb9c80
```
#fb9c80 rgb(251,156,128)
```
#fbd980
```
#fbd980 rgb(251,217,128)
```
#e0fb80
```
#e0fb80 rgb(224,251,128)
```

Analogous Color

#9c80fb
```
#9c80fb rgb(156,128,251)
```
#fbd980
```
#fbd980 rgb(251,217,128)
```
#80e0fb
```
#80e0fb rgb(128,224,251)
```

Split Complementary Color

#d980fb
```
#d980fb rgb(217,128,251)
```
#fbd980
```
#fbd980 rgb(251,217,128)
```
#80fbd9
```
#80fbd9 rgb(128,251,217)
```

Triadic Color

#fb80a2
```
#fb80a2 rgb(251,128,162)
```
#fbd980
```
#fbd980 rgb(251,217,128)
```
#80fbd9
```
#80fbd9 rgb(128,251,217)
```
#80a2fb
```
#80a2fb rgb(128,162,251)
```

Tetradic Color

#f9c336
```
#f9c336 rgb(249,195,54)
```
#f9ca4f
```
#f9ca4f rgb(249,202,79)
```
#fad267
```
#fad267 rgb(250,210,103)
```
#fbd980
```
#fbd980 rgb(251,217,128)
```
#fce099
```
#fce099 rgb(252,224,153)
```
#fde8b1
```
#fde8b1 rgb(253,232,177)
```
#fdefca
```
#fdefca rgb(253,239,202)
```

Monochromatic Color

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

#fbba80
```
#fbba80 rgb(251,186,128)
```
#fbc580
```
#fbc580 rgb(251,197,128)
```
#fbcf80
```
#fbcf80 rgb(251,207,128)
```
#fbd980
```
#fbd980 rgb(251,217,128)
```
#fbe380
```
#fbe380 rgb(251,227,128)
```
#fbee80
```
#fbee80 rgb(251,238,128)
```
#fbf880
```
#fbf880 rgb(251,248,128)
```

Similar Colors

Text with hexadecimal color #fbd980

This text has a font color of #fbd980.

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

#fbd980 background color

This paragraph has a background color of #fbd980.

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

#fbd980 border color

This element has a border color of #fbd980.

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

CSS codes

.text {color:#fbd980;}

.background {background-color:#fbd980;}

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

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

#060400
```
#060400 rgb(6,4,0)
```
#191201
```
#191201 rgb(25,18,1)
```
#2c2001
```
#2c2001 rgb(44,32,1)
```
#3f2e02
```
#3f2e02 rgb(63,46,2)
```
#523c03
```
#523c03 rgb(82,60,3)
```
#654a03
```
#654a03 rgb(101,74,3)
```
#785804
```
#785804 rgb(120,88,4)
```
#8b6604
```
#8b6604 rgb(139,102,4)
```
#9e7405
```
#9e7405 rgb(158,116,5)
```
#b18206
```
#b18206 rgb(177,130,6)
```
#c49006
```
#c49006 rgb(196,144,6)
```
#d79e07
```
#d79e07 rgb(215,158,7)
```
#eaac07
```
#eaac07 rgb(234,172,7)
```

Shade Color Variation

#f7b70e
```
#f7b70e rgb(247,183,14)
```
#f8bd21
```
#f8bd21 rgb(248,189,33)
```
#f9c234
```
#f9c234 rgb(249,194,52)
```
#f9c847
```
#f9c847 rgb(249,200,71)
```
#face5a
```
#face5a rgb(250,206,90)
```
#fad36d
```
#fad36d rgb(250,211,109)
```
#fbd980
```
#fbd980 rgb(251,217,128)
```
#fcdf93
```
#fcdf93 rgb(252,223,147)
```
#fce4a6
```
#fce4a6 rgb(252,228,166)
```
#fdeab9
```
#fdeab9 rgb(253,234,185)
```
#fdf0cc
```
#fdf0cc rgb(253,240,204)
```
#fef5df
```
#fef5df rgb(254,245,223)
```
#fffbf2
```
#fffbf2 rgb(255,251,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 #fbd980 is the most saturated one.

#bfbebc
```
#bfbebc rgb(191,190,188)
```
#c4c0b7
```
#c4c0b7 rgb(196,192,183)
```
#c9c2b2
```
#c9c2b2 rgb(201,194,178)
```
#cec5ad
```
#cec5ad rgb(206,197,173)
```
#d3c7a8
```
#d3c7a8 rgb(211,199,168)
```
#d8c9a3
```
#d8c9a3 rgb(216,201,163)
```
#ddcb9e
```
#ddcb9e rgb(221,203,158)
```
#e2ce99
```
#e2ce99 rgb(226,206,153)
```
#e7d094
```
#e7d094 rgb(231,208,148)
```
#ecd28f
```
#ecd28f rgb(236,210,143)
```
#f1d48a
```
#f1d48a rgb(241,212,138)
```
#f6d785
```
#f6d785 rgb(246,215,133)
```
#fbd980
```
#fbd980 rgb(251,217,128)
```

Tone Color Variation

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

#d9d9d9 Achromatopsia 0.005% of the population
#e0d9c7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f2de87 Protanopia 1% of men
#ffd7a8 Deuteranopia 1% of men
#ffd2de Tritanopia 0.001% of the population

Trichromacy

#f5dc84 Protanomaly 1% of men, 0.01% of women
#fdd89a Deuteranomaly 6% of men, 0.4% of women
#fdd4bc Tritanomaly 0.01% of the population

#fbd980 hex color

#fbd980 Color Information

#fbd980 Color Conversion

Color Schemes with #fbd980

Alternatives to #fbd980

#fbd980 Preview

Shades and Tints of #fbd980

Tones of #fbd980

Color Blindness Simulator