#fbd561 hex color

In a RGB color space, hex #fbd561 is composed of 98.4% red, 83.5% green and 38% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 15.1% magenta, 61.4% yellow and 1.6% black. It has a hue angle of 45.2 degrees, a saturation of 95.1% and a lightness of 68.2%. #fbd561 color hex could be obtained by blending #ffffc2 with #f7ab00. Closest websafe color is: #ffcc66.

♥
- f
- t
- g
- R 98
- G 84
- B 38
RGB color chart
- C 0
- M 15
- Y 61
- K 2
CMYK color chart

● #fbd561 color description : Soft yellow.

The hexadecimal color #fbd561 has RGB values of R:251, G:213, B:97 and CMYK values of C:0, M:0.15, Y:0.61, K:0.02. Its decimal value is 16504161.

Hex triplet	fbd561	`#fbd561`
RGB Decimal	251, 213, 97	`rgb(251,213,97)`
RGB Percent	98.4, 83.5, 38	`rgb(98.4%,83.5%,38%)`
CMYK	0, 15, 61, 2
HSL	45.2°, 95.1, 68.2	`hsl(45.2,95.1%,68.2%)`
HSV (or HSB)	45.2°, 61.4, 98.4
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	86.486, 0.423, 60.858
XYZ	65.736, 68.963, 21.157
xyY	0.422, 0.442, 68.963
CIE-LCH	86.486, 60.86, 89.602
CIE-LUV	86.486, 31.62, 73.128
Hunter-Lab	83.044, -4.03, 43.025
Binary	11111011, 11010101, 01100001

#fbd561
```
#fbd561 rgb(251,213,97)
```
#6187fb
```
#6187fb rgb(97,135,251)
```

Complementary Color

#fb8861
```
#fb8861 rgb(251,136,97)
```
#fbd561
```
#fbd561 rgb(251,213,97)
```
#d4fb61
```
#d4fb61 rgb(212,251,97)
```

Analogous Color

#8861fb
```
#8861fb rgb(136,97,251)
```
#fbd561
```
#fbd561 rgb(251,213,97)
```
#61d4fb
```
#61d4fb rgb(97,212,251)
```

Split Complementary Color

#d561fb
```
#d561fb rgb(213,97,251)
```
#fbd561
```
#fbd561 rgb(251,213,97)
```
#61fbd5
```
#61fbd5 rgb(97,251,213)
```

Triadic Color

#fb6187
```
#fb6187 rgb(251,97,135)
```
#fbd561
```
#fbd561 rgb(251,213,97)
```
#61fbd5
```
#61fbd5 rgb(97,251,213)
```
#6187fb
```
#6187fb rgb(97,135,251)
```

Tetradic Color

#f9c116
```
#f9c116 rgb(249,193,22)
```
#fac82f
```
#fac82f rgb(250,200,47)
```
#face48
```
#face48 rgb(250,206,72)
```
#fbd561
```
#fbd561 rgb(251,213,97)
```
#fcdc7a
```
#fcdc7a rgb(252,220,122)
```
#fce293
```
#fce293 rgb(252,226,147)
```
#fde9ac
```
#fde9ac rgb(253,233,172)
```

Monochromatic Color

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

#fbaf61
```
#fbaf61 rgb(251,175,97)
```
#fbbb61
```
#fbbb61 rgb(251,187,97)
```
#fbc861
```
#fbc861 rgb(251,200,97)
```
#fbd561
```
#fbd561 rgb(251,213,97)
```
#fbe261
```
#fbe261 rgb(251,226,97)
```
#fbef61
```
#fbef61 rgb(251,239,97)
```
#fbfb61
```
#fbfb61 rgb(251,251,97)
```

Similar Colors

Text with hexadecimal color #fbd561

This text has a font color of #fbd561.

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

#fbd561 background color

This paragraph has a background color of #fbd561.

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

#fbd561 border color

This element has a border color of #fbd561.

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

CSS codes

.text {color:#fbd561;}

.background {background-color:#fbd561;}

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

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

#0e0b00
```
#0e0b00 rgb(14,11,0)
```
#211901
```
#211901 rgb(33,25,1)
```
#342801
```
#342801 rgb(52,40,1)
```
#483602
```
#483602 rgb(72,54,2)
```
#5b4502
```
#5b4502 rgb(91,69,2)
```
#6e5303
```
#6e5303 rgb(110,83,3)
```
#816203
```
#816203 rgb(129,98,3)
```
#947004
```
#947004 rgb(148,112,4)
```
#a77f04
```
#a77f04 rgb(167,127,4)
```
#ba8e05
```
#ba8e05 rgb(186,142,5)
```
#cd9c05
```
#cd9c05 rgb(205,156,5)
```
#e1ab06
```
#e1ab06 rgb(225,171,6)
```
#f4b906
```
#f4b906 rgb(244,185,6)
```

Shade Color Variation

#f9c114
```
#f9c114 rgb(249,193,20)
```
#fac628
```
#fac628 rgb(250,198,40)
```
#facb3b
```
#facb3b rgb(250,203,59)
```
#fbd04e
```
#fbd04e rgb(251,208,78)
```
#fbd561
```
#fbd561 rgb(251,213,97)
```
#fbda74
```
#fbda74 rgb(251,218,116)
```
#fcdf87
```
#fcdf87 rgb(252,223,135)
```
#fce49a
```
#fce49a rgb(252,228,154)
```
#fde9ae
```
#fde9ae rgb(253,233,174)
```
#fdeec1
```
#fdeec1 rgb(253,238,193)
```
#fef4d4
```
#fef4d4 rgb(254,244,212)
```
#fef9e7
```
#fef9e7 rgb(254,249,231)
```
#fffefa
```
#fffefa rgb(255,254,250)
```

Tint Color Variation

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

#b0afac
```
#b0afac rgb(176,175,172)
```
#b6b2a6
```
#b6b2a6 rgb(182,178,166)
```
#bdb59f
```
#bdb59f rgb(189,181,159)
```
#c3b999
```
#c3b999 rgb(195,185,153)
```
#c9bc93
```
#c9bc93 rgb(201,188,147)
```
#cfbf8d
```
#cfbf8d rgb(207,191,141)
```
#d6c286
```
#d6c286 rgb(214,194,134)
```
#dcc580
```
#dcc580 rgb(220,197,128)
```
#e2c87a
```
#e2c87a rgb(226,200,122)
```
#e8cc74
```
#e8cc74 rgb(232,204,116)
```
#efcf6d
```
#efcf6d rgb(239,207,109)
```
#f5d267
```
#f5d267 rgb(245,210,103)
```
#fbd561
```
#fbd561 rgb(251,213,97)
```

Tone Color Variation

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

#d3d3d3 Achromatopsia 0.005% of the population
#dbd3bc Atypical Achromatopsia 0.001% of the population

Dichromacy

#f1da6a Protanopia 1% of men
#ffd397 Deuteranopia 1% of men
#ffcdd9 Tritanopia 0.001% of the population

Trichromacy

#f4d866 Protanomaly 1% of men, 0.01% of women
#fdd483 Deuteranomaly 6% of men, 0.4% of women
#fdd0ad Tritanomaly 0.01% of the population

#fbd561 hex color

#fbd561 Color Information

#fbd561 Color Conversion

Color Schemes with #fbd561

Alternatives to #fbd561

#fbd561 Preview

Shades and Tints of #fbd561

Tones of #fbd561

Color Blindness Simulator