#f5cd58 hex color

In a RGB color space, hex #f5cd58 is composed of 96.1% red, 80.4% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 16.3% magenta, 64.1% yellow and 3.9% black. It has a hue angle of 44.7 degrees, a saturation of 88.7% and a lightness of 65.3%. #f5cd58 color hex could be obtained by blending #ffffb0 with #eb9b00. Closest websafe color is: #ffcc66.

♥
- f
- t
- g
- R 96
- G 80
- B 35
RGB color chart
- C 0
- M 16
- Y 64
- K 4
CMYK color chart

● #f5cd58 color description : Soft orange.

The hexadecimal color #f5cd58 has RGB values of R:245, G:205, B:88 and CMYK values of C:0, M:0.16, Y:0.64, K:0.04. Its decimal value is 16108888.

Hex triplet	f5cd58	`#f5cd58`
RGB Decimal	245, 205, 88	`rgb(245,205,88)`
RGB Percent	96.1, 80.4, 34.5	`rgb(96.1%,80.4%,34.5%)`
CMYK	0, 16, 64, 4
HSL	44.7°, 88.7, 65.3	`hsl(44.7,88.7%,65.3%)`
HSV (or HSB)	44.7°, 64.1, 96.1
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	83.852, 1.478, 61.752
XYZ	61.25, 63.782, 18.317
xyY	0.427, 0.445, 63.782
CIE-LCH	83.852, 61.77, 88.629
CIE-LUV	83.852, 33.252, 72.689
Hunter-Lab	79.864, -2.865, 42.306
Binary	11110101, 11001101, 01011000

#f5cd58
```
#f5cd58 rgb(245,205,88)
```
#5880f5
```
#5880f5 rgb(88,128,245)
```

Complementary Color

#f57f58
```
#f57f58 rgb(245,127,88)
```
#f5cd58
```
#f5cd58 rgb(245,205,88)
```
#cff558
```
#cff558 rgb(207,245,88)
```

Analogous Color

#7f58f5
```
#7f58f5 rgb(127,88,245)
```
#f5cd58
```
#f5cd58 rgb(245,205,88)
```
#58cff5
```
#58cff5 rgb(88,207,245)
```

Split Complementary Color

#cd58f5
```
#cd58f5 rgb(205,88,245)
```
#f5cd58
```
#f5cd58 rgb(245,205,88)
```
#58f5cd
```
#58f5cd rgb(88,245,205)
```

Triadic Color

#f55880
```
#f55880 rgb(245,88,128)
```
#f5cd58
```
#f5cd58 rgb(245,205,88)
```
#58f5cd
```
#58f5cd rgb(88,245,205)
```
#5880f5
```
#5880f5 rgb(88,128,245)
```

Tetradic Color

#f1b710
```
#f1b710 rgb(241,183,16)
```
#f2bf28
```
#f2bf28 rgb(242,191,40)
```
#f4c640
```
#f4c640 rgb(244,198,64)
```
#f5cd58
```
#f5cd58 rgb(245,205,88)
```
#f6d470
```
#f6d470 rgb(246,212,112)
```
#f8db88
```
#f8db88 rgb(248,219,136)
```
#f9e3a0
```
#f9e3a0 rgb(249,227,160)
```

Monochromatic Color

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

#f5a658
```
#f5a658 rgb(245,166,88)
```
#f5b358
```
#f5b358 rgb(245,179,88)
```
#f5c058
```
#f5c058 rgb(245,192,88)
```
#f5cd58
```
#f5cd58 rgb(245,205,88)
```
#f5da58
```
#f5da58 rgb(245,218,88)
```
#f5e758
```
#f5e758 rgb(245,231,88)
```
#f5f458
```
#f5f458 rgb(245,244,88)
```

Similar Colors

Text with hexadecimal color #f5cd58

This text has a font color of #f5cd58.

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

#f5cd58 background color

This paragraph has a background color of #f5cd58.

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

#f5cd58 border color

This element has a border color of #f5cd58.

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

CSS codes

.text {color:#f5cd58;}

.background {background-color:#f5cd58;}

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

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 #ffffff is the lightest one.

#120e01
```
#120e01 rgb(18,14,1)
```
#251c02
```
#251c02 rgb(37,28,2)
```
#372a03
```
#372a03 rgb(55,42,3)
```
#4a3804
```
#4a3804 rgb(74,56,4)
```
#5c4606
```
#5c4606 rgb(92,70,6)
```
#6f5407
```
#6f5407 rgb(111,84,7)
```
#816208
```
#816208 rgb(129,98,8)
```
#947009
```
#947009 rgb(148,112,9)
```
#a67e0a
```
#a67e0a rgb(166,126,10)
```
#b98c0b
```
#b98c0b rgb(185,140,11)
```
#cb9a0c
```
#cb9a0c rgb(203,154,12)
```
#dea90d
```
#dea90d rgb(222,169,13)
```
#f0b70e
```
#f0b70e rgb(240,183,14)
```

Shade Color Variation

#f2bc20
```
#f2bc20 rgb(242,188,32)
```
#f3c233
```
#f3c233 rgb(243,194,51)
```
#f4c745
```
#f4c745 rgb(244,199,69)
```
#f5cd58
```
#f5cd58 rgb(245,205,88)
```
#f6d36b
```
#f6d36b rgb(246,211,107)
```
#f7d87d
```
#f7d87d rgb(247,216,125)
```
#f8de90
```
#f8de90 rgb(248,222,144)
```
#f9e3a2
```
#f9e3a2 rgb(249,227,162)
```
#fbe9b5
```
#fbe9b5 rgb(251,233,181)
```
#fceec7
```
#fceec7 rgb(252,238,199)
```
#fdf4da
```
#fdf4da rgb(253,244,218)
```
#fef9ec
```
#fef9ec rgb(254,249,236)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#aaa8a3
```
#aaa8a3 rgb(170,168,163)
```
#b1ac9c
```
#b1ac9c rgb(177,172,156)
```
#b8af95
```
#b8af95 rgb(184,175,149)
```
#bfb28e
```
#bfb28e rgb(191,178,142)
```
#c5b688
```
#c5b688 rgb(197,182,136)
```
#ccb981
```
#ccb981 rgb(204,185,129)
```
#d3bc7a
```
#d3bc7a rgb(211,188,122)
```
#dac073
```
#dac073 rgb(218,192,115)
```
#e1c36c
```
#e1c36c rgb(225,195,108)
```
#e7c666
```
#e7c666 rgb(231,198,102)
```
#eeca5f
```
#eeca5f rgb(238,202,95)
```
#f5cd58
```
#f5cd58 rgb(245,205,88)
```
#fcd051
```
#fcd051 rgb(252,208,81)
```

Tone Color Variation

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

#cccccc Achromatopsia 0.005% of the population
#d4ccb5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ead361 Protanopia 1% of men
#ffca77 Deuteranopia 1% of men
#ffc3d1 Tritanopia 0.001% of the population

Trichromacy

#eed15e Protanomaly 1% of men, 0.01% of women
#fbcb6b Deuteranomaly 6% of men, 0.4% of women
#fbc7a5 Tritanomaly 0.01% of the population

#f5cd58 hex color

#f5cd58 Color Information

#f5cd58 Color Conversion

Color Schemes with #f5cd58

Alternatives to #f5cd58

#f5cd58 Preview

Shades and Tints of #f5cd58

Tones of #f5cd58

Color Blindness Simulator