#f5cd6b hex color

In a RGB color space, hex #f5cd6b is composed of 96.1% red, 80.4% green and 42% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 16.3% magenta, 56.3% yellow and 3.9% black. It has a hue angle of 42.6 degrees, a saturation of 87.3% and a lightness of 69%. #f5cd6b color hex could be obtained by blending #ffffd6 with #eb9b00. Closest websafe color is: #ffcc66.

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

● #f5cd6b color description : Soft orange.

The hexadecimal color #f5cd6b has RGB values of R:245, G:205, B:107 and CMYK values of C:0, M:0.16, Y:0.56, K:0.04. Its decimal value is 16108907.

Hex triplet	f5cd6b	`#f5cd6b`
RGB Decimal	245, 205, 107	`rgb(245,205,107)`
RGB Percent	96.1, 80.4, 42	`rgb(96.1%,80.4%,42%)`
CMYK	0, 16, 56, 4
HSL	42.6°, 87.3, 69	`hsl(42.6,87.3%,69%)`
HSV (or HSB)	42.6°, 56.3, 96.1
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	84.038, 2.763, 53.341
XYZ	62.142, 64.139, 23.016
xyY	0.416, 0.43, 64.139
CIE-LCH	84.038, 53.412, 87.034
CIE-LUV	84.038, 32.251, 65.184
Hunter-Lab	80.087, -1.649, 39.022
Binary	11110101, 11001101, 01101011

#f5cd6b
```
#f5cd6b rgb(245,205,107)
```
#6b93f5
```
#6b93f5 rgb(107,147,245)
```

Complementary Color

#f5886b
```
#f5886b rgb(245,136,107)
```
#f5cd6b
```
#f5cd6b rgb(245,205,107)
```
#d8f56b
```
#d8f56b rgb(216,245,107)
```

Analogous Color

#886bf5
```
#886bf5 rgb(136,107,245)
```
#f5cd6b
```
#f5cd6b rgb(245,205,107)
```
#6bd8f5
```
#6bd8f5 rgb(107,216,245)
```

Split Complementary Color

#cd6bf5
```
#cd6bf5 rgb(205,107,245)
```
#f5cd6b
```
#f5cd6b rgb(245,205,107)
```
#6bf5cd
```
#6bf5cd rgb(107,245,205)
```

Triadic Color

#f56b93
```
#f56b93 rgb(245,107,147)
```
#f5cd6b
```
#f5cd6b rgb(245,205,107)
```
#6bf5cd
```
#6bf5cd rgb(107,245,205)
```
#6b93f5
```
#6b93f5 rgb(107,147,245)
```

Tetradic Color

#f0b523
```
#f0b523 rgb(240,181,35)
```
#f2bd3b
```
#f2bd3b rgb(242,189,59)
```
#f3c553
```
#f3c553 rgb(243,197,83)
```
#f5cd6b
```
#f5cd6b rgb(245,205,107)
```
#f7d583
```
#f7d583 rgb(247,213,131)
```
#f8dd9b
```
#f8dd9b rgb(248,221,155)
```
#fae5b3
```
#fae5b3 rgb(250,229,179)
```

Monochromatic Color

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

#f5ab6b
```
#f5ab6b rgb(245,171,107)
```
#f5b66b
```
#f5b66b rgb(245,182,107)
```
#f5c26b
```
#f5c26b rgb(245,194,107)
```
#f5cd6b
```
#f5cd6b rgb(245,205,107)
```
#f5d96b
```
#f5d96b rgb(245,217,107)
```
#f5e46b
```
#f5e46b rgb(245,228,107)
```
#f5f06b
```
#f5f06b rgb(245,240,107)
```

Similar Colors

Text with hexadecimal color #f5cd6b

This text has a font color of #f5cd6b.

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

#f5cd6b background color

This paragraph has a background color of #f5cd6b.

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

#f5cd6b border color

This element has a border color of #f5cd6b.

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

CSS codes

.text {color:#f5cd6b;}

.background {background-color:#f5cd6b;}

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

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

#110d01
```
#110d01 rgb(17,13,1)
```
#241a02
```
#241a02 rgb(36,26,2)
```
#362704
```
#362704 rgb(54,39,4)
```
#483505
```
#483505 rgb(72,53,5)
```
#5b4206
```
#5b4206 rgb(91,66,6)
```
#6d5007
```
#6d5007 rgb(109,80,7)
```
#805d09
```
#805d09 rgb(128,93,9)
```
#926b0a
```
#926b0a rgb(146,107,10)
```
#a4780b
```
#a4780b rgb(164,120,11)
```
#b7850c
```
#b7850c rgb(183,133,12)
```
#c9930e
```
#c9930e rgb(201,147,14)
```
#dba00f
```
#dba00f rgb(219,160,15)
```
#eeae10
```
#eeae10 rgb(238,174,16)
```

Shade Color Variation

#f0b422
```
#f0b422 rgb(240,180,34)
```
#f1ba34
```
#f1ba34 rgb(241,186,52)
```
#f3c146
```
#f3c146 rgb(243,193,70)
```
#f4c759
```
#f4c759 rgb(244,199,89)
```
#f5cd6b
```
#f5cd6b rgb(245,205,107)
```
#f6d37d
```
#f6d37d rgb(246,211,125)
```
#f7d990
```
#f7d990 rgb(247,217,144)
```
#f9e0a2
```
#f9e0a2 rgb(249,224,162)
```
#fae6b4
```
#fae6b4 rgb(250,230,180)
```
#fbecc7
```
#fbecc7 rgb(251,236,199)
```
#fcf2d9
```
#fcf2d9 rgb(252,242,217)
```
#fef8ec
```
#fef8ec rgb(254,248,236)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#b2b1ae
```
#b2b1ae rgb(178,177,174)
```
#b8b3a8
```
#b8b3a8 rgb(184,179,168)
```
#beb6a2
```
#beb6a2 rgb(190,182,162)
```
#c4b99c
```
#c4b99c rgb(196,185,156)
```
#cabb96
```
#cabb96 rgb(202,187,150)
```
#d1be8f
```
#d1be8f rgb(209,190,143)
```
#d7c089
```
#d7c089 rgb(215,192,137)
```
#ddc383
```
#ddc383 rgb(221,195,131)
```
#e3c57d
```
#e3c57d rgb(227,197,125)
```
#e9c877
```
#e9c877 rgb(233,200,119)
```
#efca71
```
#efca71 rgb(239,202,113)
```
#f5cd6b
```
#f5cd6b rgb(245,205,107)
```
#fbd065
```
#fbd065 rgb(251,208,101)
```

Tone Color Variation

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

#cecece Achromatopsia 0.005% of the population
#d6ceba Atypical Achromatopsia 0.001% of the population

Dichromacy

#e8d474 Protanopia 1% of men
#ffcb7e Deuteranopia 1% of men
#fec4d2 Tritanopia 0.001% of the population

Trichromacy

#edd170 Protanomaly 1% of men, 0.01% of women
#fbcb77 Deuteranomaly 6% of men, 0.4% of women
#fbc7ac Tritanomaly 0.01% of the population

#f5cd6b hex color

#f5cd6b Color Information

#f5cd6b Color Conversion

Color Schemes with #f5cd6b

Alternatives to #f5cd6b

#f5cd6b Preview

Shades and Tints of #f5cd6b

Tones of #f5cd6b

Color Blindness Simulator