#f0cc76 hex color

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

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

● #f0cc76 color description : Soft orange.

The hexadecimal color #f0cc76 has RGB values of R:240, G:204, B:118 and CMYK values of C:0, M:0.15, Y:0.51, K:0.06. Its decimal value is 15780982.

Hex triplet	f0cc76	`#f0cc76`
RGB Decimal	240, 204, 118	`rgb(240,204,118)`
RGB Percent	94.1, 80, 46.3	`rgb(94.1%,80%,46.3%)`
CMYK	0, 15, 51, 6
HSL	42.3°, 80.3, 70.2	`hsl(42.3,80.3%,70.2%)`
HSV (or HSB)	42.3°, 50.8, 94.1
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	83.453, 2.133, 47.232
XYZ	60.798, 63.021, 26.1
xyY	0.406, 0.42, 63.021
CIE-LCH	83.453, 47.28, 87.414
CIE-LUV	83.453, 28.665, 59.345
Hunter-Lab	79.386, -2.22, 36.077
Binary	11110000, 11001100, 01110110

#f0cc76
```
#f0cc76 rgb(240,204,118)
```
#769af0
```
#769af0 rgb(118,154,240)
```

Complementary Color

#f08f76
```
#f08f76 rgb(240,143,118)
```
#f0cc76
```
#f0cc76 rgb(240,204,118)
```
#d7f076
```
#d7f076 rgb(215,240,118)
```

Analogous Color

#8f76f0
```
#8f76f0 rgb(143,118,240)
```
#f0cc76
```
#f0cc76 rgb(240,204,118)
```
#76d7f0
```
#76d7f0 rgb(118,215,240)
```

Split Complementary Color

#cc76f0
```
#cc76f0 rgb(204,118,240)
```
#f0cc76
```
#f0cc76 rgb(240,204,118)
```
#76f0cc
```
#76f0cc rgb(118,240,204)
```

Triadic Color

#f0769a
```
#f0769a rgb(240,118,154)
```
#f0cc76
```
#f0cc76 rgb(240,204,118)
```
#76f0cc
```
#76f0cc rgb(118,240,204)
```
#769af0
```
#769af0 rgb(118,154,240)
```

Tetradic Color

#e8b231
```
#e8b231 rgb(232,178,49)
```
#ebbb48
```
#ebbb48 rgb(235,187,72)
```
#edc35f
```
#edc35f rgb(237,195,95)
```
#f0cc76
```
#f0cc76 rgb(240,204,118)
```
#f3d58d
```
#f3d58d rgb(243,213,141)
```
#f5dda4
```
#f5dda4 rgb(245,221,164)
```
#f8e6bb
```
#f8e6bb rgb(248,230,187)
```

Monochromatic Color

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

#f0ae76
```
#f0ae76 rgb(240,174,118)
```
#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)
```
#f0eb76
```
#f0eb76 rgb(240,235,118)
```

Similar Colors

Text with hexadecimal color #f0cc76

This text has a font color of #f0cc76.

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

#f0cc76 background color

This paragraph has a background color of #f0cc76.

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

#f0cc76 border color

This element has a border color of #f0cc76.

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

CSS codes

.text {color:#f0cc76;}

.background {background-color:#f0cc76;}

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

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

#040300
```
#040300 rgb(4,3,0)
```
#161002
```
#161002 rgb(22,16,2)
```
#281d04
```
#281d04 rgb(40,29,4)
```
#392a06
```
#392a06 rgb(57,42,6)
```
#4b3708
```
#4b3708 rgb(75,55,8)
```
#5d440a
```
#5d440a rgb(93,68,10)
```
#6f510c
```
#6f510c rgb(111,81,12)
```
#805f0e
```
#805f0e rgb(128,95,14)
```
#926c10
```
#926c10 rgb(146,108,16)
```
#a47912
```
#a47912 rgb(164,121,18)
```
#b58614
```
#b58614 rgb(181,134,20)
```
#c79316
```
#c79316 rgb(199,147,22)
```
#d9a018
```
#d9a018 rgb(217,160,24)
```

Shade Color Variation

#e6ab1e
```
#e6ab1e rgb(230,171,30)
```
#e8b22f
```
#e8b22f rgb(232,178,47)
```
#eab841
```
#eab841 rgb(234,184,65)
```
#ecbf53
```
#ecbf53 rgb(236,191,83)
```
#eec564
```
#eec564 rgb(238,197,100)
```
#f0cc76
```
#f0cc76 rgb(240,204,118)
```
#f2d388
```
#f2d388 rgb(242,211,136)
```
#f4d999
```
#f4d999 rgb(244,217,153)
```
#f6e0ab
```
#f6e0ab rgb(246,224,171)
```
#f8e6bd
```
#f8e6bd rgb(248,230,189)
```
#faedce
```
#faedce rgb(250,237,206)
```
#fcf3e0
```
#fcf3e0 rgb(252,243,224)
```
#fefaf2
```
#fefaf2 rgb(254,250,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 #fcd16a is the most saturated one.

#b6b4b0
```
#b6b4b0 rgb(182,180,176)
```
#bbb6ab
```
#bbb6ab rgb(187,182,171)
```
#c1b9a5
```
#c1b9a5 rgb(193,185,165)
```
#c7bb9f
```
#c7bb9f rgb(199,187,159)
```
#cdbe99
```
#cdbe99 rgb(205,190,153)
```
#d3c093
```
#d3c093 rgb(211,192,147)
```
#d9c28d
```
#d9c28d rgb(217,194,141)
```
#dec588
```
#dec588 rgb(222,197,136)
```
#e4c782
```
#e4c782 rgb(228,199,130)
```
#eaca7c
```
#eaca7c rgb(234,202,124)
```
#f0cc76
```
#f0cc76 rgb(240,204,118)
```
#f6ce70
```
#f6ce70 rgb(246,206,112)
```
#fcd16a
```
#fcd16a rgb(252,209,106)
```

Tone Color Variation

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

#cdcdcd Achromatopsia 0.005% of the population
#d4cdbc Atypical Achromatopsia 0.001% of the population

Dichromacy

#e5d27e Protanopia 1% of men
#fec97e Deuteranopia 1% of men
#f9c4d2 Tritanopia 0.001% of the population

Trichromacy

#e9d07b Protanomaly 1% of men, 0.01% of women
#f8ca7b Deuteranomaly 6% of men, 0.4% of women
#f6c7b0 Tritanomaly 0.01% of the population

#f0cc76 hex color

#f0cc76 Color Information

#f0cc76 Color Conversion

Color Schemes with #f0cc76

Alternatives to #f0cc76

#f0cc76 Preview

Shades and Tints of #f0cc76

Tones of #f0cc76

Color Blindness Simulator