colorhexa.com

#f5c65e hex color

In a RGB color space, hex #f5c65e is composed of 96.1% red, 77.6% green and 36.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 19.2% magenta, 61.6% yellow and 3.9% black. It has a hue angle of 41.3 degrees, a saturation of 88.3% and a lightness of 66.5%. #f5c65e color hex could be obtained by blending #ffffbc with #eb8d00. Closest websafe color is: #ffcc66.

- R 96
- G 78
- B 37
RGB color chart
- C 0
- M 19
- Y 62
- K 4
CMYK color chart

● #f5c65e color description : Soft orange.

The hexadecimal color #f5c65e has RGB values of R:245, G:198, B:94 and CMYK values of C:0, M:0.19, Y:0.62, K:0.04. Its decimal value is 16107102.

Hex triplet	f5c65e	`#f5c65e`
RGB Decimal	245, 198, 94	`rgb(245,198,94)`
RGB Percent	96.1, 77.6, 36.9	`rgb(96.1%,77.6%,36.9%)`
CMYK	0, 19, 62, 4
HSL	41.3°, 88.3, 66.5	`hsl(41.3,88.3%,66.5%)`
HSV (or HSB)	41.3°, 61.6, 96.1
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	82.169, 5.467, 57.232
XYZ	59.871, 60.611, 19.135
xyY	0.429, 0.434, 60.611
CIE-LCH	82.169, 57.492, 84.543
CIE-LUV	82.169, 37.894, 67.416
Hunter-Lab	77.853, 1.028, 39.925
Binary	11110101, 11000110, 01011110

#f5c65e
```
#f5c65e rgb(245,198,94)
```
#5e8df5
```
#5e8df5 rgb(94,141,245)
```

Complementary Color

#f57b5e
```
#f57b5e rgb(245,123,94)
```
#f5c65e
```
#f5c65e rgb(245,198,94)
```
#d9f55e
```
#d9f55e rgb(217,245,94)
```

Analogous Color

#7b5ef5
```
#7b5ef5 rgb(123,94,245)
```
#f5c65e
```
#f5c65e rgb(245,198,94)
```
#5ed9f5
```
#5ed9f5 rgb(94,217,245)
```

Split Complementary Color

#c65ef5
```
#c65ef5 rgb(198,94,245)
```
#f5c65e
```
#f5c65e rgb(245,198,94)
```
#5ef5c6
```
#5ef5c6 rgb(94,245,198)
```

Triadic Color

#f55e8d
```
#f55e8d rgb(245,94,141)
```
#f5c65e
```
#f5c65e rgb(245,198,94)
```
#5ef5c6
```
#5ef5c6 rgb(94,245,198)
```
#5e8df5
```
#5e8df5 rgb(94,141,245)
```

Tetradic Color

#f1ad16
```
#f1ad16 rgb(241,173,22)
```
#f2b52e
```
#f2b52e rgb(242,181,46)
```
#f4be46
```
#f4be46 rgb(244,190,70)
```
#f5c65e
```
#f5c65e rgb(245,198,94)
```
#f6cf76
```
#f6cf76 rgb(246,207,118)
```
#f8d78e
```
#f8d78e rgb(248,215,142)
```
#f9e0a6
```
#f9e0a6 rgb(249,224,166)
```

Monochromatic Color

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

#f5a05e
```
#f5a05e rgb(245,160,94)
```
#f5ad5e
```
#f5ad5e rgb(245,173,94)
```
#f5b95e
```
#f5b95e rgb(245,185,94)
```
#f5c65e
```
#f5c65e rgb(245,198,94)
```
#f5d35e
```
#f5d35e rgb(245,211,94)
```
#f5df5e
```
#f5df5e rgb(245,223,94)
```
#f5ec5e
```
#f5ec5e rgb(245,236,94)
```

Similar Colors

Text with hexadecimal color #f5c65e

This text has a font color of #f5c65e.

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

#f5c65e background color

This paragraph has a background color of #f5c65e.

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

#f5c65e border color

This element has a border color of #f5c65e.

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

CSS codes

.text {color:#f5c65e;}

.background {background-color:#f5c65e;}

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

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

#050400
```
#050400 rgb(5,4,0)
```
#181101
```
#181101 rgb(24,17,1)
```
#2a1e03
```
#2a1e03 rgb(42,30,3)
```
#3d2b04
```
#3d2b04 rgb(61,43,4)
```
#4f3805
```
#4f3805 rgb(79,56,5)
```
#624506
```
#624506 rgb(98,69,6)
```
#745207
```
#745207 rgb(116,82,7)
```
#865f08
```
#865f08 rgb(134,95,8)
```
#996c0a
```
#996c0a rgb(153,108,10)
```
#ab790b
```
#ab790b rgb(171,121,11)
```
#be860c
```
#be860c rgb(190,134,12)
```
#d0940d
```
#d0940d rgb(208,148,13)
```
#e3a10e
```
#e3a10e rgb(227,161,14)
```

Shade Color Variation

#f0ac14
```
#f0ac14 rgb(240,172,20)
```
#f2b227
```
#f2b227 rgb(242,178,39)
```
#f3b939
```
#f3b939 rgb(243,185,57)
```
#f4bf4c
```
#f4bf4c rgb(244,191,76)
```
#f5c65e
```
#f5c65e rgb(245,198,94)
```
#f6cd70
```
#f6cd70 rgb(246,205,112)
```
#f7d383
```
#f7d383 rgb(247,211,131)
```
#f8da95
```
#f8da95 rgb(248,218,149)
```
#fae0a8
```
#fae0a8 rgb(250,224,168)
```
#fbe7ba
```
#fbe7ba rgb(251,231,186)
```
#fcedcd
```
#fcedcd rgb(252,237,205)
```
#fdf4df
```
#fdf4df rgb(253,244,223)
```
#fefaf2
```
#fefaf2 rgb(254,250,242)
```

Tint Color Variation

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

#adaba6
```
#adaba6 rgb(173,171,166)
```
#b3ada0
```
#b3ada0 rgb(179,173,160)
```
#bab099
```
#bab099 rgb(186,176,153)
```
#c0b293
```
#c0b293 rgb(192,178,147)
```
#c7b58c
```
#c7b58c rgb(199,181,140)
```
#ceb785
```
#ceb785 rgb(206,183,133)
```
#d4ba7f
```
#d4ba7f rgb(212,186,127)
```
#dbbc78
```
#dbbc78 rgb(219,188,120)
```
#e1bf72
```
#e1bf72 rgb(225,191,114)
```
#e8c16b
```
#e8c16b rgb(232,193,107)
```
#eec465
```
#eec465 rgb(238,196,101)
```
#f5c65e
```
#f5c65e rgb(245,198,94)
```
#fcc857
```
#fcc857 rgb(252,200,87)
```

Tone Color Variation

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

#c8c8c8 Achromatopsia 0.005% of the population
#d1c8b3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e4cf68 Protanopia 1% of men
#fdc567 Deuteranopia 1% of men
#febdcb Tritanopia 0.001% of the population

Trichromacy

#eacb64 Protanomaly 1% of men, 0.01% of women
#fac564 Deuteranomaly 6% of men, 0.4% of women
#fbc0a3 Tritanomaly 0.01% of the population