#f2c85e hex color

In a RGB color space, hex #f2c85e is composed of 94.9% red, 78.4% green and 36.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 17.4% magenta, 61.2% yellow and 5.1% black. It has a hue angle of 43 degrees, a saturation of 85.1% and a lightness of 65.9%. #f2c85e color hex could be obtained by blending #ffffbc with #e59100. Closest websafe color is: #ffcc66.

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

● #f2c85e color description : Soft orange.

The hexadecimal color #f2c85e has RGB values of R:242, G:200, B:94 and CMYK values of C:0, M:0.17, Y:0.61, K:0.05. Its decimal value is 15911006.

Hex triplet	f2c85e	`#f2c85e`
RGB Decimal	242, 200, 94	`rgb(242,200,94)`
RGB Percent	94.9, 78.4, 36.9	`rgb(94.9%,78.4%,36.9%)`
CMYK	0, 17, 61, 5
HSL	43°, 85.1, 65.9	`hsl(43,85.1%,65.9%)`
HSV (or HSB)	43°, 61.2, 94.9
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	82.377, 3.189, 57.385
XYZ	59.293, 60.996, 19.239
xyY	0.425, 0.437, 60.996
CIE-LCH	82.377, 57.474, 86.819
CIE-LUV	82.377, 34.256, 68.142
Hunter-Lab	78.1, -1.159, 40.064
Binary	11110010, 11001000, 01011110

#f2c85e
```
#f2c85e rgb(242,200,94)
```
#5e88f2
```
#5e88f2 rgb(94,136,242)
```

Complementary Color

#f27e5e
```
#f27e5e rgb(242,126,94)
```
#f2c85e
```
#f2c85e rgb(242,200,94)
```
#d2f25e
```
#d2f25e rgb(210,242,94)
```

Analogous Color

#7e5ef2
```
#7e5ef2 rgb(126,94,242)
```
#f2c85e
```
#f2c85e rgb(242,200,94)
```
#5ed2f2
```
#5ed2f2 rgb(94,210,242)
```

Split Complementary Color

#c85ef2
```
#c85ef2 rgb(200,94,242)
```
#f2c85e
```
#f2c85e rgb(242,200,94)
```
#5ef2c8
```
#5ef2c8 rgb(94,242,200)
```

Triadic Color

#f25e88
```
#f25e88 rgb(242,94,136)
```
#f2c85e
```
#f2c85e rgb(242,200,94)
```
#5ef2c8
```
#5ef2c8 rgb(94,242,200)
```
#5e88f2
```
#5e88f2 rgb(94,136,242)
```

Tetradic Color

#ecb017
```
#ecb017 rgb(236,176,23)
```
#eeb82f
```
#eeb82f rgb(238,184,47)
```
#f0c046
```
#f0c046 rgb(240,192,70)
```
#f2c85e
```
#f2c85e rgb(242,200,94)
```
#f4d076
```
#f4d076 rgb(244,208,118)
```
#f6d88d
```
#f6d88d rgb(246,216,141)
```
#f8e0a5
```
#f8e0a5 rgb(248,224,165)
```

Monochromatic Color

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

#f2a35e
```
#f2a35e rgb(242,163,94)
```
#f2af5e
```
#f2af5e rgb(242,175,94)
```
#f2bc5e
```
#f2bc5e rgb(242,188,94)
```
#f2c85e
```
#f2c85e rgb(242,200,94)
```
#f2d45e
```
#f2d45e rgb(242,212,94)
```
#f2e15e
```
#f2e15e rgb(242,225,94)
```
#f2ed5e
```
#f2ed5e rgb(242,237,94)
```

Similar Colors

Text with hexadecimal color #f2c85e

This text has a font color of #f2c85e.

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

#f2c85e background color

This paragraph has a background color of #f2c85e.

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

#f2c85e border color

This element has a border color of #f2c85e.

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

CSS codes

.text {color:#f2c85e;}

.background {background-color:#f2c85e;}

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

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

#020200
```
#020200 rgb(2,2,0)
```
#140f02
```
#140f02 rgb(20,15,2)
```
#271d03
```
#271d03 rgb(39,29,3)
```
#392a05
```
#392a05 rgb(57,42,5)
```
#4b3706
```
#4b3706 rgb(75,55,6)
```
#5d4508
```
#5d4508 rgb(93,69,8)
```
#6f5209
```
#6f5209 rgb(111,82,9)
```
#81600a
```
#81600a rgb(129,96,10)
```
#946d0c
```
#946d0c rgb(148,109,12)
```
#a67a0d
```
#a67a0d rgb(166,122,13)
```
#b8880f
```
#b8880f rgb(184,136,15)
```
#ca9510
```
#ca9510 rgb(202,149,16)
```
#dca312
```
#dca312 rgb(220,163,18)
```

Shade Color Variation

#ecaf15
```
#ecaf15 rgb(236,175,21)
```
#eeb528
```
#eeb528 rgb(238,181,40)
```
#efbc3a
```
#efbc3a rgb(239,188,58)
```
#f1c24c
```
#f1c24c rgb(241,194,76)
```
#f2c85e
```
#f2c85e rgb(242,200,94)
```
#f3ce70
```
#f3ce70 rgb(243,206,112)
```
#f5d482
```
#f5d482 rgb(245,212,130)
```
#f6db94
```
#f6db94 rgb(246,219,148)
```
#f8e1a7
```
#f8e1a7 rgb(248,225,167)
```
#f9e7b9
```
#f9e7b9 rgb(249,231,185)
```
#fbedcb
```
#fbedcb rgb(251,237,203)
```
#fcf3dd
```
#fcf3dd rgb(252,243,221)
```
#fefaef
```
#fefaef rgb(254,250,239)
```

Tint Color Variation

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

#a8a8a8
```
#a8a8a8 rgb(168,168,168)
```
#afaba1
```
#afaba1 rgb(175,171,161)
```
#b6ae9a
```
#b6ae9a rgb(182,174,154)
```
#bcb194
```
#bcb194 rgb(188,177,148)
```
#c3b48d
```
#c3b48d rgb(195,180,141)
```
#cab786
```
#cab786 rgb(202,183,134)
```
#d1ba7f
```
#d1ba7f rgb(209,186,127)
```
#d7bc79
```
#d7bc79 rgb(215,188,121)
```
#debf72
```
#debf72 rgb(222,191,114)
```
#e5c26b
```
#e5c26b rgb(229,194,107)
```
#ebc565
```
#ebc565 rgb(235,197,101)
```
#f2c85e
```
#f2c85e rgb(242,200,94)
```
#f9cb57
```
#f9cb57 rgb(249,203,87)
```

Tone Color Variation

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

#c8c8c8 Achromatopsia 0.005% of the population
#d0c8b3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e5cf67 Protanopia 1% of men
#fdc667 Deuteranopia 1% of men
#fcbfcc Tritanopia 0.001% of the population

Trichromacy

#e9cc64 Protanomaly 1% of men, 0.01% of women
#f9c664 Deuteranomaly 6% of men, 0.4% of women
#f8c2a4 Tritanomaly 0.01% of the population

#f2c85e hex color

#f2c85e Color Information

#f2c85e Color Conversion

Color Schemes with #f2c85e

Alternatives to #f2c85e

#f2c85e Preview

Shades and Tints of #f2c85e

Tones of #f2c85e

Color Blindness Simulator