#f2ca85 hex color

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

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

● #f2ca85 color description : Soft orange.

The hexadecimal color #f2ca85 has RGB values of R:242, G:202, B:133 and CMYK values of C:0, M:0.17, Y:0.45, K:0.05. Its decimal value is 15911557.

Hex triplet	f2ca85	`#f2ca85`
RGB Decimal	242, 202, 133	`rgb(242,202,133)`
RGB Percent	94.9, 79.2, 52.2	`rgb(94.9%,79.2%,52.2%)`
CMYK	0, 17, 45, 5
HSL	38°, 80.7, 73.5	`hsl(38,80.7%,73.5%)`
HSV (or HSB)	38°, 45, 94.9
Web Safe	ffcc99	`#ffcc99`

CIE-LAB	83.344, 5.358, 39.642
XYZ	61.972, 62.814, 31.049
xyY	0.398, 0.403, 62.814
CIE-LCH	83.344, 40.002, 82.302
CIE-LUV	83.344, 30.405, 50.758
Hunter-Lab	79.255, 0.878, 32.251
Binary	11110010, 11001010, 10000101

#f2ca85
```
#f2ca85 rgb(242,202,133)
```
#85adf2
```
#85adf2 rgb(133,173,242)
```

Complementary Color

#f29485
```
#f29485 rgb(242,148,133)
```
#f2ca85
```
#f2ca85 rgb(242,202,133)
```
#e4f285
```
#e4f285 rgb(228,242,133)
```

Analogous Color

#9485f2
```
#9485f2 rgb(148,133,242)
```
#f2ca85
```
#f2ca85 rgb(242,202,133)
```
#85e4f2
```
#85e4f2 rgb(133,228,242)
```

Split Complementary Color

#ca85f2
```
#ca85f2 rgb(202,133,242)
```
#f2ca85
```
#f2ca85 rgb(242,202,133)
```
#85f2ca
```
#85f2ca rgb(133,242,202)
```

Triadic Color

#f285ad
```
#f285ad rgb(242,133,173)
```
#f2ca85
```
#f2ca85 rgb(242,202,133)
```
#85f2ca
```
#85f2ca rgb(133,242,202)
```
#85adf2
```
#85adf2 rgb(133,173,242)
```

Tetradic Color

#ebac40
```
#ebac40 rgb(235,172,64)
```
#edb657
```
#edb657 rgb(237,182,87)
```
#f0c06e
```
#f0c06e rgb(240,192,110)
```
#f2ca85
```
#f2ca85 rgb(242,202,133)
```
#f4d49c
```
#f4d49c rgb(244,212,156)
```
#f7deb3
```
#f7deb3 rgb(247,222,179)
```
#f9e8ca
```
#f9e8ca rgb(249,232,202)
```

Monochromatic Color

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

#f2af85
```
#f2af85 rgb(242,175,133)
```
#f2b885
```
#f2b885 rgb(242,184,133)
```
#f2c185
```
#f2c185 rgb(242,193,133)
```
#f2ca85
```
#f2ca85 rgb(242,202,133)
```
#f2d385
```
#f2d385 rgb(242,211,133)
```
#f2dc85
```
#f2dc85 rgb(242,220,133)
```
#f2e585
```
#f2e585 rgb(242,229,133)
```

Similar Colors

Text with hexadecimal color #f2ca85

This text has a font color of #f2ca85.

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

#f2ca85 background color

This paragraph has a background color of #f2ca85.

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

#f2ca85 border color

This element has a border color of #f2ca85.

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

CSS codes

.text {color:#f2ca85;}

.background {background-color:#f2ca85;}

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

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)
```
#140d02
```
#140d02 rgb(20,13,2)
```
#261904
```
#261904 rgb(38,25,4)
```
#372506
```
#372506 rgb(55,37,6)
```
#493108
```
#493108 rgb(73,49,8)
```
#5b3d0a
```
#5b3d0a rgb(91,61,10)
```
#6c490c
```
#6c490c rgb(108,73,12)
```
#7e550d
```
#7e550d rgb(126,85,13)
```
#90610f
```
#90610f rgb(144,97,15)
```
#a26d11
```
#a26d11 rgb(162,109,17)
```
#b37913
```
#b37913 rgb(179,121,19)
```
#c58415
```
#c58415 rgb(197,132,21)
```
#d79017
```
#d79017 rgb(215,144,23)
```

Shade Color Variation

#e79c1b
```
#e79c1b rgb(231,156,27)
```
#e9a32c
```
#e9a32c rgb(233,163,44)
```
#eaab3e
```
#eaab3e rgb(234,171,62)
```
#ecb350
```
#ecb350 rgb(236,179,80)
```
#eebb62
```
#eebb62 rgb(238,187,98)
```
#f0c273
```
#f0c273 rgb(240,194,115)
```
#f2ca85
```
#f2ca85 rgb(242,202,133)
```
#f4d297
```
#f4d297 rgb(244,210,151)
```
#f6d9a8
```
#f6d9a8 rgb(246,217,168)
```
#f8e1ba
```
#f8e1ba rgb(248,225,186)
```
#fae9cc
```
#fae9cc rgb(250,233,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 #fccd7b is the most saturated one.

#bebcb9
```
#bebcb9 rgb(190,188,185)
```
#c3beb4
```
#c3beb4 rgb(195,190,180)
```
#c8bfaf
```
#c8bfaf rgb(200,191,175)
```
#cec0a9
```
#cec0a9 rgb(206,192,169)
```
#d3c2a4
```
#d3c2a4 rgb(211,194,164)
```
#d8c39f
```
#d8c39f rgb(216,195,159)
```
#ddc49a
```
#ddc49a rgb(221,196,154)
```
#e2c695
```
#e2c695 rgb(226,198,149)
```
#e8c78f
```
#e8c78f rgb(232,199,143)
```
#edc98a
```
#edc98a rgb(237,201,138)
```
#f2ca85
```
#f2ca85 rgb(242,202,133)
```
#f7cb80
```
#f7cb80 rgb(247,203,128)
```
#fccd7b
```
#fccd7b rgb(252,205,123)
```

Tone Color Variation

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

#cecece Achromatopsia 0.005% of the population
#d5cdbf Atypical Achromatopsia 0.001% of the population

Dichromacy

#e3d28d Protanopia 1% of men
#fac98c Deuteranopia 1% of men
#fac3d1 Tritanopia 0.001% of the population

Trichromacy

#e8cf8a Protanomaly 1% of men, 0.01% of women
#f7c989 Deuteranomaly 6% of men, 0.4% of women
#f7c6b5 Tritanomaly 0.01% of the population

#f2ca85 hex color

#f2ca85 Color Information

#f2ca85 Color Conversion

Color Schemes with #f2ca85

Alternatives to #f2ca85

#f2ca85 Preview

Shades and Tints of #f2ca85

Tones of #f2ca85

Color Blindness Simulator