#f2c285 hex color

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

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

● #f2c285 color description : Soft orange.

The hexadecimal color #f2c285 has RGB values of R:242, G:194, B:133 and CMYK values of C:0, M:0.2, Y:0.45, K:0.05. Its decimal value is 15909509.

Hex triplet	f2c285	`#f2c285`
RGB Decimal	242, 194, 133	`rgb(242,194,133)`
RGB Percent	94.9, 76.1, 52.2	`rgb(94.9%,76.1%,52.2%)`
CMYK	0, 20, 45, 5
HSL	33.6°, 80.7, 73.5	`hsl(33.6,80.7%,73.5%)`
HSV (or HSB)	33.6°, 45, 94.9
Web Safe	ffcc99	`#ffcc99`

CIE-LAB	81.378, 9.529, 37.118
XYZ	60.144, 59.157, 30.44
xyY	0.402, 0.395, 59.157
CIE-LCH	81.378, 38.322, 75.602
CIE-LUV	81.378, 35.7, 46.74
Hunter-Lab	76.913, 4.982, 30.375
Binary	11110010, 11000010, 10000101

#f2c285
```
#f2c285 rgb(242,194,133)
```
#85b5f2
```
#85b5f2 rgb(133,181,242)
```

Complementary Color

#f28c85
```
#f28c85 rgb(242,140,133)
```
#f2c285
```
#f2c285 rgb(242,194,133)
```
#ecf285
```
#ecf285 rgb(236,242,133)
```

Analogous Color

#8c85f2
```
#8c85f2 rgb(140,133,242)
```
#f2c285
```
#f2c285 rgb(242,194,133)
```
#85ecf2
```
#85ecf2 rgb(133,236,242)
```

Split Complementary Color

#c285f2
```
#c285f2 rgb(194,133,242)
```
#f2c285
```
#f2c285 rgb(242,194,133)
```
#85f2c2
```
#85f2c2 rgb(133,242,194)
```

Triadic Color

#f285b5
```
#f285b5 rgb(242,133,181)
```
#f2c285
```
#f2c285 rgb(242,194,133)
```
#85f2c2
```
#85f2c2 rgb(133,242,194)
```
#85b5f2
```
#85b5f2 rgb(133,181,242)
```

Tetradic Color

#eb9f40
```
#eb9f40 rgb(235,159,64)
```
#edab57
```
#edab57 rgb(237,171,87)
```
#f0b66e
```
#f0b66e rgb(240,182,110)
```
#f2c285
```
#f2c285 rgb(242,194,133)
```
#f4ce9c
```
#f4ce9c rgb(244,206,156)
```
#f7d9b3
```
#f7d9b3 rgb(247,217,179)
```
#f9e5ca
```
#f9e5ca rgb(249,229,202)
```

Monochromatic Color

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

#f2a785
```
#f2a785 rgb(242,167,133)
```
#f2b085
```
#f2b085 rgb(242,176,133)
```
#f2b985
```
#f2b985 rgb(242,185,133)
```
#f2c285
```
#f2c285 rgb(242,194,133)
```
#f2cb85
```
#f2cb85 rgb(242,203,133)
```
#f2d485
```
#f2d485 rgb(242,212,133)
```
#f2dd85
```
#f2dd85 rgb(242,221,133)
```

Similar Colors

Text with hexadecimal color #f2c285

This text has a font color of #f2c285.

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

#f2c285 background color

This paragraph has a background color of #f2c285.

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

#f2c285 border color

This element has a border color of #f2c285.

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

CSS codes

.text {color:#f2c285;}

.background {background-color:#f2c285;}

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

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 #fdf7ef is the lightest one.

#020100
```
#020100 rgb(2,1,0)
```
#140c02
```
#140c02 rgb(20,12,2)
```
#261704
```
#261704 rgb(38,23,4)
```
#372206
```
#372206 rgb(55,34,6)
```
#492c08
```
#492c08 rgb(73,44,8)
```
#5b370a
```
#5b370a rgb(91,55,10)
```
#6c420c
```
#6c420c rgb(108,66,12)
```
#7e4d0d
```
#7e4d0d rgb(126,77,13)
```
#90570f
```
#90570f rgb(144,87,15)
```
#a26211
```
#a26211 rgb(162,98,17)
```
#b36d13
```
#b36d13 rgb(179,109,19)
```
#c57815
```
#c57815 rgb(197,120,21)
```
#d78217
```
#d78217 rgb(215,130,23)
```

Shade Color Variation

#e78d1b
```
#e78d1b rgb(231,141,27)
```
#e9962c
```
#e9962c rgb(233,150,44)
```
#ea9f3e
```
#ea9f3e rgb(234,159,62)
```
#eca750
```
#eca750 rgb(236,167,80)
```
#eeb062
```
#eeb062 rgb(238,176,98)
```
#f0b973
```
#f0b973 rgb(240,185,115)
```
#f2c285
```
#f2c285 rgb(242,194,133)
```
#f4cb97
```
#f4cb97 rgb(244,203,151)
```
#f6d4a8
```
#f6d4a8 rgb(246,212,168)
```
#f8ddba
```
#f8ddba rgb(248,221,186)
```
#fae5cc
```
#fae5cc rgb(250,229,204)
```
#fbeede
```
#fbeede rgb(251,238,222)
```
#fdf7ef
```
#fdf7ef rgb(253,247,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 #fcc37b is the most saturated one.

#bebcb9
```
#bebcb9 rgb(190,188,185)
```
#c3bcb4
```
#c3bcb4 rgb(195,188,180)
```
#c8bdaf
```
#c8bdaf rgb(200,189,175)
```
#cebea9
```
#cebea9 rgb(206,190,169)
```
#d3bea4
```
#d3bea4 rgb(211,190,164)
```
#d8bf9f
```
#d8bf9f rgb(216,191,159)
```
#ddc09a
```
#ddc09a rgb(221,192,154)
```
#e2c095
```
#e2c095 rgb(226,192,149)
```
#e8c18f
```
#e8c18f rgb(232,193,143)
```
#edc18a
```
#edc18a rgb(237,193,138)
```
#f2c285
```
#f2c285 rgb(242,194,133)
```
#f7c380
```
#f7c380 rgb(247,195,128)
```
#fcc37b
```
#fcc37b rgb(252,195,123)
```

Tone Color Variation

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

#c9c9c9 Achromatopsia 0.005% of the population
#d1c8bb Atypical Achromatopsia 0.001% of the population

Dichromacy

#ddcc8e Protanopia 1% of men
#f4c48b Deuteranopia 1% of men
#f9bdca Tritanopia 0.001% of the population

Trichromacy

#e4c88a Protanomaly 1% of men, 0.01% of women
#f3c389 Deuteranomaly 6% of men, 0.4% of women
#f6beb1 Tritanomaly 0.01% of the population

#f2c285 hex color

#f2c285 Color Information

#f2c285 Color Conversion

Color Schemes with #f2c285

Alternatives to #f2c285

#f2c285 Preview

Shades and Tints of #f2c285

Tones of #f2c285

Color Blindness Simulator