#f2cc76 hex color

In a RGB color space, hex #f2cc76 is composed of 94.9% red, 80% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 15.7% magenta, 51.2% yellow and 5.1% black. It has a hue angle of 41.6 degrees, a saturation of 82.7% and a lightness of 70.6%. #f2cc76 color hex could be obtained by blending #ffffec with #e59900. Closest websafe color is: #ffcc66.

♥
- f
- t
- g
- R 95
- G 80
- B 46
RGB color chart
- C 0
- M 16
- Y 51
- K 5
CMYK color chart

● #f2cc76 color description : Soft orange.

The hexadecimal color #f2cc76 has RGB values of R:242, G:204, B:118 and CMYK values of C:0, M:0.16, Y:0.51, K:0.05. Its decimal value is 15912054.

Hex triplet	f2cc76	`#f2cc76`
RGB Decimal	242, 204, 118	`rgb(242,204,118)`
RGB Percent	94.9, 80, 46.3	`rgb(94.9%,80%,46.3%)`
CMYK	0, 16, 51, 5
HSL	41.6°, 82.7, 70.6	`hsl(41.6,82.7%,70.6%)`
HSV (or HSB)	41.6°, 51.2, 94.9
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	83.638, 2.943, 47.5
XYZ	61.481, 63.373, 26.132
xyY	0.407, 0.42, 63.373
CIE-LCH	83.638, 47.591, 86.455
CIE-LUV	83.638, 30.097, 59.475
Hunter-Lab	79.607, -1.456, 36.262
Binary	11110010, 11001100, 01110110

#f2cc76
```
#f2cc76 rgb(242,204,118)
```
#769cf2
```
#769cf2 rgb(118,156,242)
```

Complementary Color

#f28e76
```
#f28e76 rgb(242,142,118)
```
#f2cc76
```
#f2cc76 rgb(242,204,118)
```
#daf276
```
#daf276 rgb(218,242,118)
```

Analogous Color

#8e76f2
```
#8e76f2 rgb(142,118,242)
```
#f2cc76
```
#f2cc76 rgb(242,204,118)
```
#76daf2
```
#76daf2 rgb(118,218,242)
```

Split Complementary Color

#cc76f2
```
#cc76f2 rgb(204,118,242)
```
#f2cc76
```
#f2cc76 rgb(242,204,118)
```
#76f2cc
```
#76f2cc rgb(118,242,204)
```

Triadic Color

#f2769c
```
#f2769c rgb(242,118,156)
```
#f2cc76
```
#f2cc76 rgb(242,204,118)
```
#76f2cc
```
#76f2cc rgb(118,242,204)
```
#769cf2
```
#769cf2 rgb(118,156,242)
```

Tetradic Color

#ebb230
```
#ebb230 rgb(235,178,48)
```
#eebb47
```
#eebb47 rgb(238,187,71)
```
#f0c35f
```
#f0c35f rgb(240,195,95)
```
#f2cc76
```
#f2cc76 rgb(242,204,118)
```
#f4d58d
```
#f4d58d rgb(244,213,141)
```
#f6dda5
```
#f6dda5 rgb(246,221,165)
```
#f9e6bc
```
#f9e6bc rgb(249,230,188)
```

Monochromatic Color

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

#f2ad76
```
#f2ad76 rgb(242,173,118)
```
#f2b776
```
#f2b776 rgb(242,183,118)
```
#f2c276
```
#f2c276 rgb(242,194,118)
```
#f2cc76
```
#f2cc76 rgb(242,204,118)
```
#f2d676
```
#f2d676 rgb(242,214,118)
```
#f2e176
```
#f2e176 rgb(242,225,118)
```
#f2eb76
```
#f2eb76 rgb(242,235,118)
```

Similar Colors

Text with hexadecimal color #f2cc76

This text has a font color of #f2cc76.

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

#f2cc76 background color

This paragraph has a background color of #f2cc76.

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

#f2cc76 border color

This element has a border color of #f2cc76.

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

CSS codes

.text {color:#f2cc76;}

.background {background-color:#f2cc76;}

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

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

#060501
```
#060501 rgb(6,5,1)
```
#181202
```
#181202 rgb(24,18,2)
```
#2a1e04
```
#2a1e04 rgb(42,30,4)
```
#3c2b06
```
#3c2b06 rgb(60,43,6)
```
#4e3807
```
#4e3807 rgb(78,56,7)
```
#604509
```
#604509 rgb(96,69,9)
```
#72520b
```
#72520b rgb(114,82,11)
```
#845f0d
```
#845f0d rgb(132,95,13)
```
#966c0e
```
#966c0e rgb(150,108,14)
```
#a87910
```
#a87910 rgb(168,121,16)
```
#b98612
```
#b98612 rgb(185,134,18)
```
#cb9313
```
#cb9313 rgb(203,147,19)
```
#dda015
```
#dda015 rgb(221,160,21)
```

Shade Color Variation

#eaab1c
```
#eaab1c rgb(234,171,28)
```
#ebb12e
```
#ebb12e rgb(235,177,46)
```
#edb840
```
#edb840 rgb(237,184,64)
```
#efbf52
```
#efbf52 rgb(239,191,82)
```
#f0c564
```
#f0c564 rgb(240,197,100)
```
#f2cc76
```
#f2cc76 rgb(242,204,118)
```
#f4d388
```
#f4d388 rgb(244,211,136)
```
#f5d99a
```
#f5d99a rgb(245,217,154)
```
#f7e0ac
```
#f7e0ac rgb(247,224,172)
```
#f9e7be
```
#f9e7be rgb(249,231,190)
```
#fbedd0
```
#fbedd0 rgb(251,237,208)
```
#fcf4e1
```
#fcf4e1 rgb(252,244,225)
```
#fefbf3
```
#fefbf3 rgb(254,251,243)
```

Tint Color Variation

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

#b8b6b0
```
#b8b6b0 rgb(184,182,176)
```
#beb8aa
```
#beb8aa rgb(190,184,170)
```
#c4baa4
```
#c4baa4 rgb(196,186,164)
```
#cabc9e
```
#cabc9e rgb(202,188,158)
```
#cfbf99
```
#cfbf99 rgb(207,191,153)
```
#d5c193
```
#d5c193 rgb(213,193,147)
```
#dbc38d
```
#dbc38d rgb(219,195,141)
```
#e1c587
```
#e1c587 rgb(225,197,135)
```
#e6c882
```
#e6c882 rgb(230,200,130)
```
#ecca7c
```
#ecca7c rgb(236,202,124)
```
#f2cc76
```
#f2cc76 rgb(242,204,118)
```
#f8ce70
```
#f8ce70 rgb(248,206,112)
```
#fed06a
```
#fed06a rgb(254,208,106)
```

Tone Color Variation

Below, you can see how #f2cc76 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
#d5cebc Atypical Achromatopsia 0.001% of the population

Dichromacy

#e6d27e Protanopia 1% of men
#fec97e Deuteranopia 1% of men
#fbc4d2 Tritanopia 0.001% of the population

Trichromacy

#ead07b Protanomaly 1% of men, 0.01% of women
#faca7b Deuteranomaly 6% of men, 0.4% of women
#f7c7b0 Tritanomaly 0.01% of the population

#f2cc76 hex color

#f2cc76 Color Information

#f2cc76 Color Conversion

Color Schemes with #f2cc76

Alternatives to #f2cc76

#f2cc76 Preview

Shades and Tints of #f2cc76

Tones of #f2cc76

Color Blindness Simulator