#f5bf1d hex color

In a RGB color space, hex #f5bf1d is composed of 96.1% red, 74.9% green and 11.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22% magenta, 88.2% yellow and 3.9% black. It has a hue angle of 45 degrees, a saturation of 91.5% and a lightness of 53.7%. #f5bf1d color hex could be obtained by blending #ffff3a with #eb7f00. Closest websafe color is: #ffcc33.

♥
- f
- t
- g
- R 96
- G 75
- B 11
RGB color chart
- C 0
- M 22
- Y 88
- K 4
CMYK color chart

● #f5bf1d color description : Vivid yellow.

The hexadecimal color #f5bf1d has RGB values of R:245, G:191, B:29 and CMYK values of C:0, M:0.22, Y:0.88, K:0.04. Its decimal value is 16105245.

Hex triplet	f5bf1d	`#f5bf1d`
RGB Decimal	245, 191, 29	`rgb(245,191,29)`
RGB Percent	96.1, 74.9, 11.4	`rgb(96.1%,74.9%,11.4%)`
CMYK	0, 22, 88, 4
HSL	45°, 91.5, 53.7	`hsl(45,91.5%,53.7%)`
HSV (or HSB)	45°, 88.2, 96.1
Web Safe	ffcc33	`#ffcc33`

CIE-LAB	80.048, 6.436, 78.019
XYZ	56.51, 56.766, 9.143
xyY	0.462, 0.464, 56.766
CIE-LCH	80.048, 78.284, 85.284
CIE-LUV	80.048, 45.583, 80.985
Hunter-Lab	75.343, 2.031, 45.545
Binary	11110101, 10111111, 00011101

#f5bf1d
```
#f5bf1d rgb(245,191,29)
```
#1d53f5
```
#1d53f5 rgb(29,83,245)
```

Complementary Color

#f5531d
```
#f5531d rgb(245,83,29)
```
#f5bf1d
```
#f5bf1d rgb(245,191,29)
```
#bff51d
```
#bff51d rgb(191,245,29)
```

Analogous Color

#531df5
```
#531df5 rgb(83,29,245)
```
#f5bf1d
```
#f5bf1d rgb(245,191,29)
```
#1dbff5
```
#1dbff5 rgb(29,191,245)
```

Split Complementary Color

#bf1df5
```
#bf1df5 rgb(191,29,245)
```
#f5bf1d
```
#f5bf1d rgb(245,191,29)
```
#1df5bf
```
#1df5bf rgb(29,245,191)
```

Triadic Color

#f51d53
```
#f51d53 rgb(245,29,83)
```
#f5bf1d
```
#f5bf1d rgb(245,191,29)
```
#1df5bf
```
#1df5bf rgb(29,245,191)
```
#1d53f5
```
#1d53f5 rgb(29,83,245)
```

Tetradic Color

#bd9008
```
#bd9008 rgb(189,144,8)
```
#d6a309
```
#d6a309 rgb(214,163,9)
```
#eeb50b
```
#eeb50b rgb(238,181,11)
```
#f5bf1d
```
#f5bf1d rgb(245,191,29)
```
#f6c635
```
#f6c635 rgb(246,198,53)
```
#f7cd4e
```
#f7cd4e rgb(247,205,78)
```
#f8d466
```
#f8d466 rgb(248,212,102)
```

Monochromatic Color

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

#f5891d
```
#f5891d rgb(245,137,29)
```
#f59b1d
```
#f59b1d rgb(245,155,29)
```
#f5ad1d
```
#f5ad1d rgb(245,173,29)
```
#f5bf1d
```
#f5bf1d rgb(245,191,29)
```
#f5d11d
```
#f5d11d rgb(245,209,29)
```
#f5e31d
```
#f5e31d rgb(245,227,29)
```
#f5f51d
```
#f5f51d rgb(245,245,29)
```

Similar Colors

Text with hexadecimal color #f5bf1d

This text has a font color of #f5bf1d.

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

#f5bf1d background color

This paragraph has a background color of #f5bf1d.

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

#f5bf1d border color

This element has a border color of #f5bf1d.

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

CSS codes

.text {color:#f5bf1d;}

.background {background-color:#f5bf1d;}

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

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, #120e01 is the darkest color, while #fffffe is the lightest one.

#120e01
```
#120e01 rgb(18,14,1)
```
#251c02
```
#251c02 rgb(37,28,2)
```
#382a02
```
#382a02 rgb(56,42,2)
```
#4b3903
```
#4b3903 rgb(75,57,3)
```
#5d4704
```
#5d4704 rgb(93,71,4)
```
#705505
```
#705505 rgb(112,85,5)
```
#836406
```
#836406 rgb(131,100,6)
```
#967207
```
#967207 rgb(150,114,7)
```
#a88007
```
#a88007 rgb(168,128,7)
```
#bb8f08
```
#bb8f08 rgb(187,143,8)
```
#ce9d09
```
#ce9d09 rgb(206,157,9)
```
#e1ab0a
```
#e1ab0a rgb(225,171,10)
```
#f4b90b
```
#f4b90b rgb(244,185,11)
```

Shade Color Variation

#f5bf1d
```
#f5bf1d rgb(245,191,29)
```
#f6c430
```
#f6c430 rgb(246,196,48)
```
#f7ca43
```
#f7ca43 rgb(247,202,67)
```
#f7cf55
```
#f7cf55 rgb(247,207,85)
```
#f8d468
```
#f8d468 rgb(248,212,104)
```
#f9da7b
```
#f9da7b rgb(249,218,123)
```
#fadf8e
```
#fadf8e rgb(250,223,142)
```
#fbe4a0
```
#fbe4a0 rgb(251,228,160)
```
#fceab3
```
#fceab3 rgb(252,234,179)
```
#fcefc6
```
#fcefc6 rgb(252,239,198)
```
#fdf4d9
```
#fdf4d9 rgb(253,244,217)
```
#fefaec
```
#fefaec rgb(254,250,236)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#918d81
```
#918d81 rgb(145,141,129)
```
#9a9278
```
#9a9278 rgb(154,146,120)
```
#a3966f
```
#a3966f rgb(163,150,111)
```
#ac9b66
```
#ac9b66 rgb(172,155,102)
```
#b59f5d
```
#b59f5d rgb(181,159,93)
```
#bfa453
```
#bfa453 rgb(191,164,83)
```
#c8a84a
```
#c8a84a rgb(200,168,74)
```
#d1ad41
```
#d1ad41 rgb(209,173,65)
```
#dab138
```
#dab138 rgb(218,177,56)
```
#e3b62f
```
#e3b62f rgb(227,182,47)
```
#ecba26
```
#ecba26 rgb(236,186,38)
```
#f5bf1d
```
#f5bf1d rgb(245,191,29)
```
#fec414
```
#fec414 rgb(254,196,20)
```

Tone Color Variation

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

#bdbdbd Achromatopsia 0.005% of the population
#c8bd9d Atypical Achromatopsia 0.001% of the population

Dichromacy

#e1c92a Protanopia 1% of men
#fbbf2a Deuteranopia 1% of men
#ffb5c2 Tritanopia 0.001% of the population

Trichromacy

#e8c525 Protanomaly 1% of men, 0.01% of women
#f9bf25 Deuteranomaly 6% of men, 0.4% of women
#fbb986 Tritanomaly 0.01% of the population

#f5bf1d hex color

#f5bf1d Color Information

#f5bf1d Color Conversion

Color Schemes with #f5bf1d

Alternatives to #f5bf1d

#f5bf1d Preview

Shades and Tints of #f5bf1d

Tones of #f5bf1d

Color Blindness Simulator