#f2cc85 hex color

In a RGB color space, hex #f2cc85 is composed of 94.9% red, 80% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 15.7% magenta, 45% yellow and 5.1% black. It has a hue angle of 39.1 degrees, a saturation of 80.7% and a lightness of 73.5%. #f2cc85 color hex could be obtained by blending #ffffff with #e5990b. Closest websafe color is: #ffcc99.

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

● #f2cc85 color description : Soft orange.

The hexadecimal color #f2cc85 has RGB values of R:242, G:204, B:133 and CMYK values of C:0, M:0.16, Y:0.45, K:0.05. Its decimal value is 15912069.

Hex triplet	f2cc85	`#f2cc85`
RGB Decimal	242, 204, 133	`rgb(242,204,133)`
RGB Percent	94.9, 80, 52.2	`rgb(94.9%,80%,52.2%)`
CMYK	0, 16, 45, 5
HSL	39.1°, 80.7, 73.5	`hsl(39.1,80.7%,73.5%)`
HSV (or HSB)	39.1°, 45, 94.9
Web Safe	ffcc99	`#ffcc99`

CIE-LAB	83.84, 4.321, 40.274
XYZ	62.444, 63.759, 31.206
xyY	0.397, 0.405, 63.759
CIE-LCH	83.84, 40.505, 83.876
CIE-LUV	83.84, 29.091, 51.76
Hunter-Lab	79.849, -0.143, 32.723
Binary	11110010, 11001100, 10000101

#f2cc85
```
#f2cc85 rgb(242,204,133)
```
#85abf2
```
#85abf2 rgb(133,171,242)
```

Complementary Color

#f29685
```
#f29685 rgb(242,150,133)
```
#f2cc85
```
#f2cc85 rgb(242,204,133)
```
#e2f285
```
#e2f285 rgb(226,242,133)
```

Analogous Color

#9685f2
```
#9685f2 rgb(150,133,242)
```
#f2cc85
```
#f2cc85 rgb(242,204,133)
```
#85e2f2
```
#85e2f2 rgb(133,226,242)
```

Split Complementary Color

#cc85f2
```
#cc85f2 rgb(204,133,242)
```
#f2cc85
```
#f2cc85 rgb(242,204,133)
```
#85f2cc
```
#85f2cc rgb(133,242,204)
```

Triadic Color

#f285ab
```
#f285ab rgb(242,133,171)
```
#f2cc85
```
#f2cc85 rgb(242,204,133)
```
#85f2cc
```
#85f2cc rgb(133,242,204)
```
#85abf2
```
#85abf2 rgb(133,171,242)
```

Tetradic Color

#ebaf40
```
#ebaf40 rgb(235,175,64)
```
#edb957
```
#edb957 rgb(237,185,87)
```
#f0c26e
```
#f0c26e rgb(240,194,110)
```
#f2cc85
```
#f2cc85 rgb(242,204,133)
```
#f4d69c
```
#f4d69c rgb(244,214,156)
```
#f7dfb3
```
#f7dfb3 rgb(247,223,179)
```
#f9e9ca
```
#f9e9ca rgb(249,233,202)
```

Monochromatic Color

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

#f2b185
```
#f2b185 rgb(242,177,133)
```
#f2ba85
```
#f2ba85 rgb(242,186,133)
```
#f2c385
```
#f2c385 rgb(242,195,133)
```
#f2cc85
```
#f2cc85 rgb(242,204,133)
```
#f2d585
```
#f2d585 rgb(242,213,133)
```
#f2de85
```
#f2de85 rgb(242,222,133)
```
#f2e785
```
#f2e785 rgb(242,231,133)
```

Similar Colors

Text with hexadecimal color #f2cc85

This text has a font color of #f2cc85.

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

#f2cc85 background color

This paragraph has a background color of #f2cc85.

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

#f2cc85 border color

This element has a border color of #f2cc85.

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

CSS codes

.text {color:#f2cc85;}

.background {background-color:#f2cc85;}

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

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

#020100
```
#020100 rgb(2,1,0)
```
#140e02
```
#140e02 rgb(20,14,2)
```
#261a04
```
#261a04 rgb(38,26,4)
```
#372606
```
#372606 rgb(55,38,6)
```
#493208
```
#493208 rgb(73,50,8)
```
#5b3e0a
```
#5b3e0a rgb(91,62,10)
```
#6c4b0c
```
#6c4b0c rgb(108,75,12)
```
#7e570d
```
#7e570d rgb(126,87,13)
```
#90630f
```
#90630f rgb(144,99,15)
```
#a26f11
```
#a26f11 rgb(162,111,17)
```
#b37b13
```
#b37b13 rgb(179,123,19)
```
#c58815
```
#c58815 rgb(197,136,21)
```
#d79417
```
#d79417 rgb(215,148,23)
```

Shade Color Variation

#e7a01b
```
#e7a01b rgb(231,160,27)
```
#e9a72c
```
#e9a72c rgb(233,167,44)
```
#eaae3e
```
#eaae3e rgb(234,174,62)
```
#ecb650
```
#ecb650 rgb(236,182,80)
```
#eebd62
```
#eebd62 rgb(238,189,98)
```
#f0c573
```
#f0c573 rgb(240,197,115)
```
#f2cc85
```
#f2cc85 rgb(242,204,133)
```
#f4d397
```
#f4d397 rgb(244,211,151)
```
#f6dba8
```
#f6dba8 rgb(246,219,168)
```
#f8e2ba
```
#f8e2ba rgb(248,226,186)
```
#faeacc
```
#faeacc rgb(250,234,204)
```
#fbf1de
```
#fbf1de rgb(251,241,222)
```
#fdf8ef
```
#fdf8ef rgb(253,248,239)
```

Tint Color Variation

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

#bebcb9
```
#bebcb9 rgb(190,188,185)
```
#c3beb4
```
#c3beb4 rgb(195,190,180)
```
#c8bfaf
```
#c8bfaf rgb(200,191,175)
```
#cec1a9
```
#cec1a9 rgb(206,193,169)
```
#d3c3a4
```
#d3c3a4 rgb(211,195,164)
```
#d8c49f
```
#d8c49f rgb(216,196,159)
```
#ddc69a
```
#ddc69a rgb(221,198,154)
```
#e2c795
```
#e2c795 rgb(226,199,149)
```
#e8c98f
```
#e8c98f rgb(232,201,143)
```
#edca8a
```
#edca8a rgb(237,202,138)
```
#f2cc85
```
#f2cc85 rgb(242,204,133)
```
#f7ce80
```
#f7ce80 rgb(247,206,128)
```
#fccf7b
```
#fccf7b rgb(252,207,123)
```

Tone Color Variation

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

#cfcfcf Achromatopsia 0.005% of the population
#d6cec0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e5d38d Protanopia 1% of men
#fcca8c Deuteranopia 1% of men
#fac5d3 Tritanopia 0.001% of the population

Trichromacy

#e9d08a Protanomaly 1% of men, 0.01% of women
#f8cb89 Deuteranomaly 6% of men, 0.4% of women
#f7c7b6 Tritanomaly 0.01% of the population

#f2cc85 hex color

#f2cc85 Color Information

#f2cc85 Color Conversion

Color Schemes with #f2cc85

Alternatives to #f2cc85

#f2cc85 Preview

Shades and Tints of #f2cc85

Tones of #f2cc85

Color Blindness Simulator