#f5bd08 hex color

In a RGB color space, hex #f5bd08 is composed of 96.1% red, 74.1% green and 3.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22.9% magenta, 96.7% yellow and 3.9% black. It has a hue angle of 45.8 degrees, a saturation of 93.7% and a lightness of 49.6%. #f5bd08 color hex could be obtained by blending #ffff10 with #eb7b00. Closest websafe color is: #ffcc00.

♥
- f
- t
- g
- R 96
- G 74
- B 3
RGB color chart
- C 0
- M 23
- Y 97
- K 4
CMYK color chart

● #f5bd08 color description : Vivid yellow.

The hexadecimal color #f5bd08 has RGB values of R:245, G:189, B:8 and CMYK values of C:0, M:0.23, Y:0.97, K:0.04. Its decimal value is 16104712.

Hex triplet	f5bd08	`#f5bd08`
RGB Decimal	245, 189, 8	`rgb(245,189,8)`
RGB Percent	96.1, 74.1, 3.1	`rgb(96.1%,74.1%,3.1%)`
CMYK	0, 23, 97, 4
HSL	45.8°, 93.7, 49.6	`hsl(45.8,93.7%,49.6%)`
HSV (or HSB)	45.8°, 96.7, 96.1
Web Safe	ffcc00	`#ffcc00`

CIE-LAB	79.516, 7.207, 80.701
XYZ	55.899, 55.828, 8.062
xyY	0.467, 0.466, 55.828
CIE-LCH	79.516, 81.023, 84.897
CIE-LUV	79.516, 47.405, 81.966
Hunter-Lab	74.718, 2.784, 45.906
Binary	11110101, 10111101, 00001000

#f5bd08
```
#f5bd08 rgb(245,189,8)
```
#0840f5
```
#0840f5 rgb(8,64,245)
```

Complementary Color

#f54708
```
#f54708 rgb(245,71,8)
```
#f5bd08
```
#f5bd08 rgb(245,189,8)
```
#b7f508
```
#b7f508 rgb(183,245,8)
```

Analogous Color

#4608f5
```
#4608f5 rgb(70,8,245)
```
#f5bd08
```
#f5bd08 rgb(245,189,8)
```
#08b7f5
```
#08b7f5 rgb(8,183,245)
```

Split Complementary Color

#bd08f5
```
#bd08f5 rgb(189,8,245)
```
#f5bd08
```
#f5bd08 rgb(245,189,8)
```
#08f5bd
```
#08f5bd rgb(8,245,189)
```

Triadic Color

#f50840
```
#f50840 rgb(245,8,64)
```
#f5bd08
```
#f5bd08 rgb(245,189,8)
```
#08f5bd
```
#08f5bd rgb(8,245,189)
```
#0840f5
```
#0840f5 rgb(8,64,245)
```

Tetradic Color

#ab8406
```
#ab8406 rgb(171,132,6)
```
#c49706
```
#c49706 rgb(196,151,6)
```
#dcaa07
```
#dcaa07 rgb(220,170,7)
```
#f5bd08
```
#f5bd08 rgb(245,189,8)
```
#f8c41f
```
#f8c41f rgb(248,196,31)
```
#f8cb38
```
#f8cb38 rgb(248,203,56)
```
#f9d150
```
#f9d150 rgb(249,209,80)
```

Monochromatic Color

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

#f58208
```
#f58208 rgb(245,130,8)
```
#f59608
```
#f59608 rgb(245,150,8)
```
#f5a908
```
#f5a908 rgb(245,169,8)
```
#f5bd08
```
#f5bd08 rgb(245,189,8)
```
#f5d108
```
#f5d108 rgb(245,209,8)
```
#f5e508
```
#f5e508 rgb(245,229,8)
```
#f2f508
```
#f2f508 rgb(242,245,8)
```

Similar Colors

Text with hexadecimal color #f5bd08

This text has a font color of #f5bd08.

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

#f5bd08 background color

This paragraph has a background color of #f5bd08.

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

#f5bd08 border color

This element has a border color of #f5bd08.

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

CSS codes

.text {color:#f5bd08;}

.background {background-color:#f5bd08;}

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

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, #110d01 is the darkest color, while #fffefd is the lightest one.

#110d01
```
#110d01 rgb(17,13,1)
```
#241c01
```
#241c01 rgb(36,28,1)
```
#372a02
```
#372a02 rgb(55,42,2)
```
#4a3902
```
#4a3902 rgb(74,57,2)
```
#5d4803
```
#5d4803 rgb(93,72,3)
```
#705604
```
#705604 rgb(112,86,4)
```
#836504
```
#836504 rgb(131,101,4)
```
#967405
```
#967405 rgb(150,116,5)
```
#a98206
```
#a98206 rgb(169,130,6)
```
#bc9106
```
#bc9106 rgb(188,145,6)
```
#cfa007
```
#cfa007 rgb(207,160,7)
```
#e2ae07
```
#e2ae07 rgb(226,174,7)
```
#f5bd08
```
#f5bd08 rgb(245,189,8)
```

Shade Color Variation

#f7c319
```
#f7c319 rgb(247,195,25)
```
#f8c82c
```
#f8c82c rgb(248,200,44)
```
#f9cd3f
```
#f9cd3f rgb(249,205,63)
```
#f9d252
```
#f9d252 rgb(249,210,82)
```
#fad765
```
#fad765 rgb(250,215,101)
```
#fbdc78
```
#fbdc78 rgb(251,220,120)
```
#fbe18b
```
#fbe18b rgb(251,225,139)
```
#fce69e
```
#fce69e rgb(252,230,158)
```
#fcebb1
```
#fcebb1 rgb(252,235,177)
```
#fdf0c4
```
#fdf0c4 rgb(253,240,196)
```
#fef5d7
```
#fef5d7 rgb(254,245,215)
```
#fefaea
```
#fefaea rgb(254,250,234)
```
#fffefd
```
#fffefd rgb(255,254,253)
```

Tint Color Variation

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

#807f7d
```
#807f7d rgb(128,127,125)
```
#8a8573
```
#8a8573 rgb(138,133,115)
```
#948a69
```
#948a69 rgb(148,138,105)
```
#9d8f60
```
#9d8f60 rgb(157,143,96)
```
#a79456
```
#a79456 rgb(167,148,86)
```
#b1994c
```
#b1994c rgb(177,153,76)
```
#bb9e42
```
#bb9e42 rgb(187,158,66)
```
#c4a339
```
#c4a339 rgb(196,163,57)
```
#cea82f
```
#cea82f rgb(206,168,47)
```
#d8ae25
```
#d8ae25 rgb(216,174,37)
```
#e2b31b
```
#e2b31b rgb(226,179,27)
```
#ebb812
```
#ebb812 rgb(235,184,18)
```
#f5bd08
```
#f5bd08 rgb(245,189,8)
```

Tone Color Variation

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

#b9b9b9 Achromatopsia 0.005% of the population
#c5ba96 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e0c818 Protanopia 1% of men
#fabe18 Deuteranopia 1% of men
#ffb3c0 Tritanopia 0.001% of the population

Trichromacy

#e7c412 Protanomaly 1% of men, 0.01% of women
#f8bd12 Deuteranomaly 6% of men, 0.4% of women
#fbb77d Tritanomaly 0.01% of the population

#f5bd08 hex color

#f5bd08 Color Information

#f5bd08 Color Conversion

Color Schemes with #f5bd08

Alternatives to #f5bd08

#f5bd08 Preview

Shades and Tints of #f5bd08

Tones of #f5bd08

Color Blindness Simulator