#f5d86b hex color

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

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

● #f5d86b color description : Soft yellow.

The hexadecimal color #f5d86b has RGB values of R:245, G:216, B:107 and CMYK values of C:0, M:0.12, Y:0.56, K:0.04. Its decimal value is 16111723.

Hex triplet	f5d86b	`#f5d86b`
RGB Decimal	245, 216, 107	`rgb(245,216,107)`
RGB Percent	96.1, 84.7, 42	`rgb(96.1%,84.7%,42%)`
CMYK	0, 12, 56, 4
HSL	47.4°, 87.3, 69	`hsl(47.4,87.3%,69%)`
HSV (or HSB)	47.4°, 56.3, 96.1
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	86.794, -2.865, 56.546
XYZ	64.866, 69.588, 23.924
xyY	0.41, 0.439, 69.588
CIE-LCH	86.794, 56.618, 92.901
CIE-LUV	86.794, 24.779, 70.197
Hunter-Lab	83.419, -7.184, 41.389
Binary	11110101, 11011000, 01101011

#f5d86b
```
#f5d86b rgb(245,216,107)
```
#6b88f5
```
#6b88f5 rgb(107,136,245)
```

Complementary Color

#f5936b
```
#f5936b rgb(245,147,107)
```
#f5d86b
```
#f5d86b rgb(245,216,107)
```
#cdf56b
```
#cdf56b rgb(205,245,107)
```

Analogous Color

#936bf5
```
#936bf5 rgb(147,107,245)
```
#f5d86b
```
#f5d86b rgb(245,216,107)
```
#6bcdf5
```
#6bcdf5 rgb(107,205,245)
```

Split Complementary Color

#d86bf5
```
#d86bf5 rgb(216,107,245)
```
#f5d86b
```
#f5d86b rgb(245,216,107)
```
#6bf5d8
```
#6bf5d8 rgb(107,245,216)
```

Triadic Color

#f56b88
```
#f56b88 rgb(245,107,136)
```
#f5d86b
```
#f5d86b rgb(245,216,107)
```
#6bf5d8
```
#6bf5d8 rgb(107,245,216)
```
#6b88f5
```
#6b88f5 rgb(107,136,245)
```

Tetradic Color

#f0c523
```
#f0c523 rgb(240,197,35)
```
#f2cb3b
```
#f2cb3b rgb(242,203,59)
```
#f3d253
```
#f3d253 rgb(243,210,83)
```
#f5d86b
```
#f5d86b rgb(245,216,107)
```
#f7de83
```
#f7de83 rgb(247,222,131)
```
#f8e59b
```
#f8e59b rgb(248,229,155)
```
#faebb3
```
#faebb3 rgb(250,235,179)
```

Monochromatic Color

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

#f5b66b
```
#f5b66b rgb(245,182,107)
```
#f5c16b
```
#f5c16b rgb(245,193,107)
```
#f5cd6b
```
#f5cd6b rgb(245,205,107)
```
#f5d86b
```
#f5d86b rgb(245,216,107)
```
#f5e46b
```
#f5e46b rgb(245,228,107)
```
#f5ef6b
```
#f5ef6b rgb(245,239,107)
```
#f0f56b
```
#f0f56b rgb(240,245,107)
```

Similar Colors

Text with hexadecimal color #f5d86b

This text has a font color of #f5d86b.

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

#f5d86b background color

This paragraph has a background color of #f5d86b.

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

#f5d86b border color

This element has a border color of #f5d86b.

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

CSS codes

.text {color:#f5d86b;}

.background {background-color:#f5d86b;}

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

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

#110e01
```
#110e01 rgb(17,14,1)
```
#241d02
```
#241d02 rgb(36,29,2)
```
#362c04
```
#362c04 rgb(54,44,4)
```
#483a05
```
#483a05 rgb(72,58,5)
```
#5b4906
```
#5b4906 rgb(91,73,6)
```
#6d5807
```
#6d5807 rgb(109,88,7)
```
#806709
```
#806709 rgb(128,103,9)
```
#92750a
```
#92750a rgb(146,117,10)
```
#a4840b
```
#a4840b rgb(164,132,11)
```
#b7930c
```
#b7930c rgb(183,147,12)
```
#c9a20e
```
#c9a20e rgb(201,162,14)
```
#dbb00f
```
#dbb00f rgb(219,176,15)
```
#eebf10
```
#eebf10 rgb(238,191,16)
```

Shade Color Variation

#f0c522
```
#f0c522 rgb(240,197,34)
```
#f1c934
```
#f1c934 rgb(241,201,52)
```
#f3ce46
```
#f3ce46 rgb(243,206,70)
```
#f4d359
```
#f4d359 rgb(244,211,89)
```
#f5d86b
```
#f5d86b rgb(245,216,107)
```
#f6dd7d
```
#f6dd7d rgb(246,221,125)
```
#f7e290
```
#f7e290 rgb(247,226,144)
```
#f9e7a2
```
#f9e7a2 rgb(249,231,162)
```
#faebb4
```
#faebb4 rgb(250,235,180)
```
#fbf0c7
```
#fbf0c7 rgb(251,240,199)
```
#fcf5d9
```
#fcf5d9 rgb(252,245,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, #b2b1ae is the less saturated color, while #fbdc65 is the most saturated one.

#b2b1ae
```
#b2b1ae rgb(178,177,174)
```
#b8b5a8
```
#b8b5a8 rgb(184,181,168)
```
#beb8a2
```
#beb8a2 rgb(190,184,162)
```
#c4bc9c
```
#c4bc9c rgb(196,188,156)
```
#cabf96
```
#cabf96 rgb(202,191,150)
```
#d1c38f
```
#d1c38f rgb(209,195,143)
```
#d7c689
```
#d7c689 rgb(215,198,137)
```
#ddca83
```
#ddca83 rgb(221,202,131)
```
#e3cd7d
```
#e3cd7d rgb(227,205,125)
```
#e9d177
```
#e9d177 rgb(233,209,119)
```
#efd471
```
#efd471 rgb(239,212,113)
```
#f5d86b
```
#f5d86b rgb(245,216,107)
```
#fbdc65
```
#fbdc65 rgb(251,220,101)
```

Tone Color Variation

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

#d4d4d4 Achromatopsia 0.005% of the population
#dbd5bf Atypical Achromatopsia 0.001% of the population

Dichromacy

#f1db73 Protanopia 1% of men
#ffd49b Deuteranopia 1% of men
#ffcedc Tritanopia 0.001% of the population

Trichromacy

#f2da70 Protanomaly 1% of men, 0.01% of women
#fbd58a Deuteranomaly 6% of men, 0.4% of women
#fbd2b3 Tritanomaly 0.01% of the population

#f5d86b hex color

#f5d86b Color Information

#f5d86b Color Conversion

Color Schemes with #f5d86b

Alternatives to #f5d86b

#f5d86b Preview

Shades and Tints of #f5d86b

Tones of #f5d86b

Color Blindness Simulator