#f0d676 hex color

In a RGB color space, hex #f0d676 is composed of 94.1% red, 83.9% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 10.8% magenta, 50.8% yellow and 5.9% black. It has a hue angle of 47.2 degrees, a saturation of 80.3% and a lightness of 70.2%. #f0d676 color hex could be obtained by blending #ffffec with #e1ad00. Closest websafe color is: #ffcc66.

♥
- f
- t
- g
- R 94
- G 84
- B 46
RGB color chart
- C 0
- M 11
- Y 51
- K 6
CMYK color chart

● #f0d676 color description : Soft yellow.

The hexadecimal color #f0d676 has RGB values of R:240, G:214, B:118 and CMYK values of C:0, M:0.11, Y:0.51, K:0.06. Its decimal value is 15783542.

Hex triplet	f0d676	`#f0d676`
RGB Decimal	240, 214, 118	`rgb(240,214,118)`
RGB Percent	94.1, 83.9, 46.3	`rgb(94.1%,83.9%,46.3%)`
CMYK	0, 11, 51, 6
HSL	47.2°, 80.3, 70.2	`hsl(47.2,80.3%,70.2%)`
HSV (or HSB)	47.2°, 50.8, 94.1
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	85.971, -2.997, 50.288
XYZ	63.252, 67.928, 26.918
xyY	0.4, 0.43, 67.928
CIE-LCH	85.971, 50.377, 93.411
CIE-LUV	85.971, 22.04, 64.112
Hunter-Lab	82.419, -7.243, 38.329
Binary	11110000, 11010110, 01110110

#f0d676
```
#f0d676 rgb(240,214,118)
```
#7690f0
```
#7690f0 rgb(118,144,240)
```

Complementary Color

#f09976
```
#f09976 rgb(240,153,118)
```
#f0d676
```
#f0d676 rgb(240,214,118)
```
#cdf076
```
#cdf076 rgb(205,240,118)
```

Analogous Color

#9976f0
```
#9976f0 rgb(153,118,240)
```
#f0d676
```
#f0d676 rgb(240,214,118)
```
#76cdf0
```
#76cdf0 rgb(118,205,240)
```

Split Complementary Color

#d676f0
```
#d676f0 rgb(214,118,240)
```
#f0d676
```
#f0d676 rgb(240,214,118)
```
#76f0d6
```
#76f0d6 rgb(118,240,214)
```

Triadic Color

#f07690
```
#f07690 rgb(240,118,144)
```
#f0d676
```
#f0d676 rgb(240,214,118)
```
#76f0d6
```
#76f0d6 rgb(118,240,214)
```
#7690f0
```
#7690f0 rgb(118,144,240)
```

Tetradic Color

#e8c131
```
#e8c131 rgb(232,193,49)
```
#ebc848
```
#ebc848 rgb(235,200,72)
```
#edcf5f
```
#edcf5f rgb(237,207,95)
```
#f0d676
```
#f0d676 rgb(240,214,118)
```
#f3dd8d
```
#f3dd8d rgb(243,221,141)
```
#f5e4a4
```
#f5e4a4 rgb(245,228,164)
```
#f8ebbb
```
#f8ebbb rgb(248,235,187)
```

Monochromatic Color

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

#f0b876
```
#f0b876 rgb(240,184,118)
```
#f0c276
```
#f0c276 rgb(240,194,118)
```
#f0cc76
```
#f0cc76 rgb(240,204,118)
```
#f0d676
```
#f0d676 rgb(240,214,118)
```
#f0e076
```
#f0e076 rgb(240,224,118)
```
#f0ea76
```
#f0ea76 rgb(240,234,118)
```
#ecf076
```
#ecf076 rgb(236,240,118)
```

Similar Colors

Text with hexadecimal color #f0d676

This text has a font color of #f0d676.

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

#f0d676 background color

This paragraph has a background color of #f0d676.

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

#f0d676 border color

This element has a border color of #f0d676.

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

CSS codes

.text {color:#f0d676;}

.background {background-color:#f0d676;}

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

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

#040400
```
#040400 rgb(4,4,0)
```
#161202
```
#161202 rgb(22,18,2)
```
#282004
```
#282004 rgb(40,32,4)
```
#392f06
```
#392f06 rgb(57,47,6)
```
#4b3d08
```
#4b3d08 rgb(75,61,8)
```
#5d4b0a
```
#5d4b0a rgb(93,75,10)
```
#6f5a0c
```
#6f5a0c rgb(111,90,12)
```
#80680e
```
#80680e rgb(128,104,14)
```
#927610
```
#927610 rgb(146,118,16)
```
#a48512
```
#a48512 rgb(164,133,18)
```
#b59314
```
#b59314 rgb(181,147,20)
```
#c7a116
```
#c7a116 rgb(199,161,22)
```
#d9af18
```
#d9af18 rgb(217,175,24)
```

Shade Color Variation

#e6bc1e
```
#e6bc1e rgb(230,188,30)
```
#e8c12f
```
#e8c12f rgb(232,193,47)
```
#eac641
```
#eac641 rgb(234,198,65)
```
#eccb53
```
#eccb53 rgb(236,203,83)
```
#eed164
```
#eed164 rgb(238,209,100)
```
#f0d676
```
#f0d676 rgb(240,214,118)
```
#f2db88
```
#f2db88 rgb(242,219,136)
```
#f4e199
```
#f4e199 rgb(244,225,153)
```
#f6e6ab
```
#f6e6ab rgb(246,230,171)
```
#f8ebbd
```
#f8ebbd rgb(248,235,189)
```
#faf0ce
```
#faf0ce rgb(250,240,206)
```
#fcf6e0
```
#fcf6e0 rgb(252,246,224)
```
#fefbf2
```
#fefbf2 rgb(254,251,242)
```

Tint Color Variation

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

#b6b4b0
```
#b6b4b0 rgb(182,180,176)
```
#bbb8ab
```
#bbb8ab rgb(187,184,171)
```
#c1bba5
```
#c1bba5 rgb(193,187,165)
```
#c7bf9f
```
#c7bf9f rgb(199,191,159)
```
#cdc299
```
#cdc299 rgb(205,194,153)
```
#d3c593
```
#d3c593 rgb(211,197,147)
```
#d9c98d
```
#d9c98d rgb(217,201,141)
```
#decc88
```
#decc88 rgb(222,204,136)
```
#e4cf82
```
#e4cf82 rgb(228,207,130)
```
#ead37c
```
#ead37c rgb(234,211,124)
```
#f0d676
```
#f0d676 rgb(240,214,118)
```
#f6d970
```
#f6d970 rgb(246,217,112)
```
#fcdd6a
```
#fcdd6a rgb(252,221,106)
```

Tone Color Variation

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

#d3d3d3 Achromatopsia 0.005% of the population
#d9d4c0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#edd97d Protanopia 1% of men
#ffd196 Deuteranopia 1% of men
#facddb Tritanopia 0.001% of the population

Trichromacy

#eed87a Protanomaly 1% of men, 0.01% of women
#f9d38a Deuteranomaly 6% of men, 0.4% of women
#f6d0b6 Tritanomaly 0.01% of the population

#f0d676 hex color

#f0d676 Color Information

#f0d676 Color Conversion

Color Schemes with #f0d676

Alternatives to #f0d676

#f0d676 Preview

Shades and Tints of #f0d676

Tones of #f0d676

Color Blindness Simulator