#f2c786 hex color

In a RGB color space, hex #f2c786 is composed of 94.9% red, 78% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 17.8% magenta, 44.6% yellow and 5.1% black. It has a hue angle of 36.1 degrees, a saturation of 80.6% and a lightness of 73.7%. #f2c786 color hex could be obtained by blending #ffffff with #e58f0d. Closest websafe color is: #ffcc99.

♥
- f
- t
- g
- R 95
- G 78
- B 53
RGB color chart
- C 0
- M 18
- Y 45
- K 5
CMYK color chart

● #f2c786 color description : Very soft orange.

The hexadecimal color #f2c786 has RGB values of R:242, G:199, B:134 and CMYK values of C:0, M:0.18, Y:0.45, K:0.05. Its decimal value is 15910790.

Hex triplet	f2c786	`#f2c786`
RGB Decimal	242, 199, 134	`rgb(242,199,134)`
RGB Percent	94.9, 78, 52.5	`rgb(94.9%,78%,52.5%)`
CMYK	0, 18, 45, 5
HSL	36.1°, 80.6, 73.7	`hsl(36.1,80.6%,73.7%)`
HSV (or HSB)	36.1°, 44.6, 94.9
Web Safe	ffcc99	`#ffcc99`

CIE-LAB	82.619, 7.017, 38.203
XYZ	61.345, 61.448, 31.182
xyY	0.398, 0.399, 61.448
CIE-LCH	82.619, 38.842, 79.592
CIE-LUV	82.619, 32.306, 48.699
Hunter-Lab	78.388, 2.509, 31.287
Binary	11110010, 11000111, 10000110

#f2c786
```
#f2c786 rgb(242,199,134)
```
#86b1f2
```
#86b1f2 rgb(134,177,242)
```

Complementary Color

#f29186
```
#f29186 rgb(242,145,134)
```
#f2c786
```
#f2c786 rgb(242,199,134)
```
#e7f286
```
#e7f286 rgb(231,242,134)
```

Analogous Color

#9186f2
```
#9186f2 rgb(145,134,242)
```
#f2c786
```
#f2c786 rgb(242,199,134)
```
#86e7f2
```
#86e7f2 rgb(134,231,242)
```

Split Complementary Color

#c786f2
```
#c786f2 rgb(199,134,242)
```
#f2c786
```
#f2c786 rgb(242,199,134)
```
#86f2c7
```
#86f2c7 rgb(134,242,199)
```

Triadic Color

#f286b1
```
#f286b1 rgb(242,134,177)
```
#f2c786
```
#f2c786 rgb(242,199,134)
```
#86f2c7
```
#86f2c7 rgb(134,242,199)
```
#86b1f2
```
#86b1f2 rgb(134,177,242)
```

Tetradic Color

#eba741
```
#eba741 rgb(235,167,65)
```
#edb258
```
#edb258 rgb(237,178,88)
```
#f0bc6f
```
#f0bc6f rgb(240,188,111)
```
#f2c786
```
#f2c786 rgb(242,199,134)
```
#f4d29d
```
#f4d29d rgb(244,210,157)
```
#f7dcb4
```
#f7dcb4 rgb(247,220,180)
```
#f9e7cb
```
#f9e7cb rgb(249,231,203)
```

Monochromatic Color

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

#f2ac86
```
#f2ac86 rgb(242,172,134)
```
#f2b586
```
#f2b586 rgb(242,181,134)
```
#f2be86
```
#f2be86 rgb(242,190,134)
```
#f2c786
```
#f2c786 rgb(242,199,134)
```
#f2d086
```
#f2d086 rgb(242,208,134)
```
#f2d986
```
#f2d986 rgb(242,217,134)
```
#f2e286
```
#f2e286 rgb(242,226,134)
```

Similar Colors

Text with hexadecimal color #f2c786

This text has a font color of #f2c786.

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

#f2c786 background color

This paragraph has a background color of #f2c786.

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

#f2c786 border color

This element has a border color of #f2c786.

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

CSS codes

.text {color:#f2c786;}

.background {background-color:#f2c786;}

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

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

#030200
```
#030200 rgb(3,2,0)
```
#150d02
```
#150d02 rgb(21,13,2)
```
#261904
```
#261904 rgb(38,25,4)
```
#382406
```
#382406 rgb(56,36,6)
```
#4a3008
```
#4a3008 rgb(74,48,8)
```
#5c3b0a
```
#5c3b0a rgb(92,59,10)
```
#6d460c
```
#6d460c rgb(109,70,12)
```
#7f520e
```
#7f520e rgb(127,82,14)
```
#915d10
```
#915d10 rgb(145,93,16)
```
#a26911
```
#a26911 rgb(162,105,17)
```
#b47413
```
#b47413 rgb(180,116,19)
```
#c68015
```
#c68015 rgb(198,128,21)
```
#d88b17
```
#d88b17 rgb(216,139,23)
```

Shade Color Variation

#e7961c
```
#e7961c rgb(231,150,28)
```
#e89e2d
```
#e89e2d rgb(232,158,45)
```
#eaa63f
```
#eaa63f rgb(234,166,63)
```
#ecae51
```
#ecae51 rgb(236,174,81)
```
#eeb763
```
#eeb763 rgb(238,183,99)
```
#f0bf74
```
#f0bf74 rgb(240,191,116)
```
#f2c786
```
#f2c786 rgb(242,199,134)
```
#f4cf98
```
#f4cf98 rgb(244,207,152)
```
#f6d7a9
```
#f6d7a9 rgb(246,215,169)
```
#f8e0bb
```
#f8e0bb rgb(248,224,187)
```
#fae8cd
```
#fae8cd rgb(250,232,205)
```
#fcf0df
```
#fcf0df rgb(252,240,223)
```
#fdf8f0
```
#fdf8f0 rgb(253,248,240)
```

Tint Color Variation

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

#bebdba
```
#bebdba rgb(190,189,186)
```
#c4beb4
```
#c4beb4 rgb(196,190,180)
```
#c9bfaf
```
#c9bfaf rgb(201,191,175)
```
#cec0aa
```
#cec0aa rgb(206,192,170)
```
#d3c1a5
```
#d3c1a5 rgb(211,193,165)
```
#d8c2a0
```
#d8c2a0 rgb(216,194,160)
```
#ddc39b
```
#ddc39b rgb(221,195,155)
```
#e3c495
```
#e3c495 rgb(227,196,149)
```
#e8c590
```
#e8c590 rgb(232,197,144)
```
#edc68b
```
#edc68b rgb(237,198,139)
```
#f2c786
```
#f2c786 rgb(242,199,134)
```
#f7c881
```
#f7c881 rgb(247,200,129)
```
#fcc97c
```
#fcc97c rgb(252,201,124)
```

Tone Color Variation

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

#cccccc Achromatopsia 0.005% of the population
#d4cbbe Atypical Achromatopsia 0.001% of the population

Dichromacy

#e1d08e Protanopia 1% of men
#f8c78c Deuteranopia 1% of men
#f9c1ce Tritanopia 0.001% of the population

Trichromacy

#e7cc8b Protanomaly 1% of men, 0.01% of women
#f5c78a Deuteranomaly 6% of men, 0.4% of women
#f7c3b4 Tritanomaly 0.01% of the population

#f2c786 hex color

#f2c786 Color Information

#f2c786 Color Conversion

Color Schemes with #f2c786

Alternatives to #f2c786

#f2c786 Preview

Shades and Tints of #f2c786

Tones of #f2c786

Color Blindness Simulator