#f2c86a hex color

In a RGB color space, hex #f2c86a is composed of 94.9% red, 78.4% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 17.4% magenta, 56.2% yellow and 5.1% black. It has a hue angle of 41.5 degrees, a saturation of 84% and a lightness of 68.2%. #f2c86a color hex could be obtained by blending #ffffd4 with #e59100. Closest websafe color is: #ffcc66.

♥
- f
- t
- g
- R 95
- G 78
- B 42
RGB color chart
- C 0
- M 17
- Y 56
- K 5
CMYK color chart

● #f2c86a color description : Soft orange.

The hexadecimal color #f2c86a has RGB values of R:242, G:200, B:106 and CMYK values of C:0, M:0.17, Y:0.56, K:0.05. Its decimal value is 15911018.

Hex triplet	f2c86a	`#f2c86a`
RGB Decimal	242, 200, 106	`rgb(242,200,106)`
RGB Percent	94.9, 78.4, 41.6	`rgb(94.9%,78.4%,41.6%)`
CMYK	0, 17, 56, 5
HSL	41.5°, 84, 68.2	`hsl(41.5,84%,68.2%)`
HSV (or HSB)	41.5°, 56.2, 94.9
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	82.502, 4.042, 51.941
XYZ	59.874, 61.229, 22.3
xyY	0.418, 0.427, 61.229
CIE-LCH	82.502, 52.098, 85.55
CIE-LUV	82.502, 33.569, 63.16
Hunter-Lab	78.249, -0.351, 37.878
Binary	11110010, 11001000, 01101010

#f2c86a
```
#f2c86a rgb(242,200,106)
```
#6a94f2
```
#6a94f2 rgb(106,148,242)
```

Complementary Color

#f2846a
```
#f2846a rgb(242,132,106)
```
#f2c86a
```
#f2c86a rgb(242,200,106)
```
#d8f26a
```
#d8f26a rgb(216,242,106)
```

Analogous Color

#846af2
```
#846af2 rgb(132,106,242)
```
#f2c86a
```
#f2c86a rgb(242,200,106)
```
#6ad8f2
```
#6ad8f2 rgb(106,216,242)
```

Split Complementary Color

#c86af2
```
#c86af2 rgb(200,106,242)
```
#f2c86a
```
#f2c86a rgb(242,200,106)
```
#6af2c8
```
#6af2c8 rgb(106,242,200)
```

Triadic Color

#f26a94
```
#f26a94 rgb(242,106,148)
```
#f2c86a
```
#f2c86a rgb(242,200,106)
```
#6af2c8
```
#6af2c8 rgb(106,242,200)
```
#6a94f2
```
#6a94f2 rgb(106,148,242)
```

Tetradic Color

#ecae24
```
#ecae24 rgb(236,174,36)
```
#eeb73b
```
#eeb73b rgb(238,183,59)
```
#f0bf53
```
#f0bf53 rgb(240,191,83)
```
#f2c86a
```
#f2c86a rgb(242,200,106)
```
#f4d181
```
#f4d181 rgb(244,209,129)
```
#f6d999
```
#f6d999 rgb(246,217,153)
```
#f8e2b0
```
#f8e2b0 rgb(248,226,176)
```

Monochromatic Color

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

#f2a66a
```
#f2a66a rgb(242,166,106)
```
#f2b16a
```
#f2b16a rgb(242,177,106)
```
#f2bd6a
```
#f2bd6a rgb(242,189,106)
```
#f2c86a
```
#f2c86a rgb(242,200,106)
```
#f2d36a
```
#f2d36a rgb(242,211,106)
```
#f2df6a
```
#f2df6a rgb(242,223,106)
```
#f2ea6a
```
#f2ea6a rgb(242,234,106)
```

Similar Colors

Text with hexadecimal color #f2c86a

This text has a font color of #f2c86a.

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

#f2c86a background color

This paragraph has a background color of #f2c86a.

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

#f2c86a border color

This element has a border color of #f2c86a.

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

CSS codes

.text {color:#f2c86a;}

.background {background-color:#f2c86a;}

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

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, #0d0a01 is the darkest color, while #fffdfa is the lightest one.

#0d0a01
```
#0d0a01 rgb(13,10,1)
```
#1f1703
```
#1f1703 rgb(31,23,3)
```
#312404
```
#312404 rgb(49,36,4)
```
#433006
```
#433006 rgb(67,48,6)
```
#563d07
```
#563d07 rgb(86,61,7)
```
#684a09
```
#684a09 rgb(104,74,9)
```
#7a570b
```
#7a570b rgb(122,87,11)
```
#8c640c
```
#8c640c rgb(140,100,12)
```
#9e710e
```
#9e710e rgb(158,113,14)
```
#b07e0f
```
#b07e0f rgb(176,126,15)
```
#c28b11
```
#c28b11 rgb(194,139,17)
```
#d49812
```
#d49812 rgb(212,152,18)
```
#e6a514
```
#e6a514 rgb(230,165,20)
```

Shade Color Variation

#ecad22
```
#ecad22 rgb(236,173,34)
```
#edb434
```
#edb434 rgb(237,180,52)
```
#efbb46
```
#efbb46 rgb(239,187,70)
```
#f0c158
```
#f0c158 rgb(240,193,88)
```
#f2c86a
```
#f2c86a rgb(242,200,106)
```
#f4cf7c
```
#f4cf7c rgb(244,207,124)
```
#f5d58e
```
#f5d58e rgb(245,213,142)
```
#f7dca0
```
#f7dca0 rgb(247,220,160)
```
#f8e3b2
```
#f8e3b2 rgb(248,227,178)
```
#fae9c4
```
#fae9c4 rgb(250,233,196)
```
#fbf0d6
```
#fbf0d6 rgb(251,240,214)
```
#fdf7e8
```
#fdf7e8 rgb(253,247,232)
```
#fffdfa
```
#fffdfa rgb(255,253,250)
```

Tint Color Variation

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

#b4b0a8
```
#b4b0a8 rgb(180,176,168)
```
#bab3a2
```
#bab3a2 rgb(186,179,162)
```
#c0b59c
```
#c0b59c rgb(192,181,156)
```
#c6b796
```
#c6b796 rgb(198,183,150)
```
#cdba8f
```
#cdba8f rgb(205,186,143)
```
#d3bc89
```
#d3bc89 rgb(211,188,137)
```
#d9be83
```
#d9be83 rgb(217,190,131)
```
#dfc17d
```
#dfc17d rgb(223,193,125)
```
#e6c376
```
#e6c376 rgb(230,195,118)
```
#ecc670
```
#ecc670 rgb(236,198,112)
```
#f2c86a
```
#f2c86a rgb(242,200,106)
```
#f8ca64
```
#f8ca64 rgb(248,202,100)
```
#fecd5e
```
#fecd5e rgb(254,205,94)
```

Tone Color Variation

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

#cacaca Achromatopsia 0.005% of the population
#d2cab7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e4cf73 Protanopia 1% of men
#fcc673 Deuteranopia 1% of men
#fbc0cd Tritanopia 0.001% of the population

Trichromacy

#e9cd70 Protanomaly 1% of men, 0.01% of women
#f8c76f Deuteranomaly 6% of men, 0.4% of women
#f8c3a9 Tritanomaly 0.01% of the population

#f2c86a hex color

#f2c86a Color Information

#f2c86a Color Conversion

Color Schemes with #f2c86a

Alternatives to #f2c86a

#f2c86a Preview

Shades and Tints of #f2c86a

Tones of #f2c86a

Color Blindness Simulator