#f5bd62 hex color

In a RGB color space, hex #f5bd62 is composed of 96.1% red, 74.1% green and 38.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22.9% magenta, 60% yellow and 3.9% black. It has a hue angle of 37.1 degrees, a saturation of 88% and a lightness of 67.3%. #f5bd62 color hex could be obtained by blending #ffffc4 with #eb7b00. Closest websafe color is: #ffcc66.

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

● #f5bd62 color description : Soft orange.

The hexadecimal color #f5bd62 has RGB values of R:245, G:189, B:98 and CMYK values of C:0, M:0.23, Y:0.6, K:0.04. Its decimal value is 16104802.

Hex triplet	f5bd62	`#f5bd62`
RGB Decimal	245, 189, 98	`rgb(245,189,98)`
RGB Percent	96.1, 74.1, 38.4	`rgb(96.1%,74.1%,38.4%)`
CMYK	0, 23, 60, 4
HSL	37.1°, 88, 67.3	`hsl(37.1,88%,67.3%)`
HSV (or HSB)	37.1°, 60, 96.1
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	80.006, 10.422, 52.911
XYZ	58.059, 56.692, 19.439
xyY	0.433, 0.422, 56.692
CIE-LCH	80.006, 53.928, 78.857
CIE-LUV	80.006, 44.08, 61.819
Hunter-Lab	75.294, 5.875, 37.399
Binary	11110101, 10111101, 01100010

#f5bd62
```
#f5bd62 rgb(245,189,98)
```
#629af5
```
#629af5 rgb(98,154,245)
```

Complementary Color

#f57462
```
#f57462 rgb(245,116,98)
```
#f5bd62
```
#f5bd62 rgb(245,189,98)
```
#e4f562
```
#e4f562 rgb(228,245,98)
```

Analogous Color

#7462f5
```
#7462f5 rgb(116,98,245)
```
#f5bd62
```
#f5bd62 rgb(245,189,98)
```
#62e4f5
```
#62e4f5 rgb(98,228,245)
```

Split Complementary Color

#bd62f5
```
#bd62f5 rgb(189,98,245)
```
#f5bd62
```
#f5bd62 rgb(245,189,98)
```
#62f5bd
```
#62f5bd rgb(98,245,189)
```

Triadic Color

#f5629a
```
#f5629a rgb(245,98,154)
```
#f5bd62
```
#f5bd62 rgb(245,189,98)
```
#62f5bd
```
#62f5bd rgb(98,245,189)
```
#629af5
```
#629af5 rgb(98,154,245)
```

Tetradic Color

#f09f1a
```
#f09f1a rgb(240,159,26)
```
#f2a932
```
#f2a932 rgb(242,169,50)
```
#f3b34a
```
#f3b34a rgb(243,179,74)
```
#f5bd62
```
#f5bd62 rgb(245,189,98)
```
#f7c77a
```
#f7c77a rgb(247,199,122)
```
#f8d192
```
#f8d192 rgb(248,209,146)
```
#fadbaa
```
#fadbaa rgb(250,219,170)
```

Monochromatic Color

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

#f59862
```
#f59862 rgb(245,152,98)
```
#f5a562
```
#f5a562 rgb(245,165,98)
```
#f5b162
```
#f5b162 rgb(245,177,98)
```
#f5bd62
```
#f5bd62 rgb(245,189,98)
```
#f5c962
```
#f5c962 rgb(245,201,98)
```
#f5d662
```
#f5d662 rgb(245,214,98)
```
#f5e262
```
#f5e262 rgb(245,226,98)
```

Similar Colors

Text with hexadecimal color #f5bd62

This text has a font color of #f5bd62.

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

#f5bd62 background color

This paragraph has a background color of #f5bd62.

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

#f5bd62 border color

This element has a border color of #f5bd62.

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

CSS codes

.text {color:#f5bd62;}

.background {background-color:#f5bd62;}

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

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

#090601
```
#090601 rgb(9,6,1)
```
#1b1202
```
#1b1202 rgb(27,18,2)
```
#2e1d03
```
#2e1d03 rgb(46,29,3)
```
#402904
```
#402904 rgb(64,41,4)
```
#533505
```
#533505 rgb(83,53,5)
```
#654106
```
#654106 rgb(101,65,6)
```
#784d08
```
#784d08 rgb(120,77,8)
```
#8a5909
```
#8a5909 rgb(138,89,9)
```
#9c650a
```
#9c650a rgb(156,101,10)
```
#af710b
```
#af710b rgb(175,113,11)
```
#c17c0c
```
#c17c0c rgb(193,124,12)
```
#d4880d
```
#d4880d rgb(212,136,13)
```
#e6940f
```
#e6940f rgb(230,148,15)
```

Shade Color Variation

#f09e18
```
#f09e18 rgb(240,158,24)
```
#f1a62b
```
#f1a62b rgb(241,166,43)
```
#f3ad3d
```
#f3ad3d rgb(243,173,61)
```
#f4b550
```
#f4b550 rgb(244,181,80)
```
#f5bd62
```
#f5bd62 rgb(245,189,98)
```
#f6c574
```
#f6c574 rgb(246,197,116)
```
#f7cd87
```
#f7cd87 rgb(247,205,135)
```
#f9d499
```
#f9d499 rgb(249,212,153)
```
#fadcac
```
#fadcac rgb(250,220,172)
```
#fbe4be
```
#fbe4be rgb(251,228,190)
```
#fcecd1
```
#fcecd1 rgb(252,236,209)
```
#fdf3e3
```
#fdf3e3 rgb(253,243,227)
```
#fefbf6
```
#fefbf6 rgb(254,251,246)
```

Tint Color Variation

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

#aeaca9
```
#aeaca9 rgb(174,172,169)
```
#b5aea2
```
#b5aea2 rgb(181,174,162)
```
#bbaf9c
```
#bbaf9c rgb(187,175,156)
```
#c2b195
```
#c2b195 rgb(194,177,149)
```
#c8b28f
```
#c8b28f rgb(200,178,143)
```
#ceb489
```
#ceb489 rgb(206,180,137)
```
#d5b582
```
#d5b582 rgb(213,181,130)
```
#dbb77c
```
#dbb77c rgb(219,183,124)
```
#e2b875
```
#e2b875 rgb(226,184,117)
```
#e8ba6f
```
#e8ba6f rgb(232,186,111)
```
#efbb68
```
#efbb68 rgb(239,187,104)
```
#f5bd62
```
#f5bd62 rgb(245,189,98)
```
#fbbf5c
```
#fbbf5c rgb(251,191,92)
```

Tone Color Variation

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

#c3c3c3 Achromatopsia 0.005% of the population
#cdc2b0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ddc96d Protanopia 1% of men
#f5c06a Deuteranopia 1% of men
#fdb6c2 Tritanopia 0.001% of the population

Trichromacy

#e5c469 Protanomaly 1% of men, 0.01% of women
#f5bf67 Deuteranomaly 6% of men, 0.4% of women
#fab89f Tritanomaly 0.01% of the population

#f5bd62 hex color

#f5bd62 Color Information

#f5bd62 Color Conversion

Color Schemes with #f5bd62

Alternatives to #f5bd62

#f5bd62 Preview

Shades and Tints of #f5bd62

Tones of #f5bd62

Color Blindness Simulator