#f2c870 hex color

In a RGB color space, hex #f2c870 is composed of 94.9% red, 78.4% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 17.4% magenta, 53.7% yellow and 5.1% black. It has a hue angle of 40.6 degrees, a saturation of 83.3% and a lightness of 69.4%. #f2c870 color hex could be obtained by blending #ffffe0 with #e59100. Closest websafe color is: #ffcc66.

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

● #f2c870 color description : Soft orange.

The hexadecimal color #f2c870 has RGB values of R:242, G:200, B:112 and CMYK values of C:0, M:0.17, Y:0.54, K:0.05. Its decimal value is 15911024.

Hex triplet	f2c870	`#f2c870`
RGB Decimal	242, 200, 112	`rgb(242,200,112)`
RGB Percent	94.9, 78.4, 43.9	`rgb(94.9%,78.4%,43.9%)`
CMYK	0, 17, 54, 5
HSL	40.6°, 83.3, 69.4	`hsl(40.6,83.3%,69.4%)`
HSV (or HSB)	40.6°, 53.7, 94.9
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	82.571, 4.513, 49.135
XYZ	60.197, 61.358, 24.001
xyY	0.414, 0.422, 61.358
CIE-LCH	82.571, 49.342, 84.752
CIE-LUV	82.571, 33.193, 60.439
Hunter-Lab	78.331, 0.096, 36.665
Binary	11110010, 11001000, 01110000

#f2c870
```
#f2c870 rgb(242,200,112)
```
#709af2
```
#709af2 rgb(112,154,242)
```

Complementary Color

#f28770
```
#f28770 rgb(242,135,112)
```
#f2c870
```
#f2c870 rgb(242,200,112)
```
#dbf270
```
#dbf270 rgb(219,242,112)
```

Analogous Color

#8770f2
```
#8770f2 rgb(135,112,242)
```
#f2c870
```
#f2c870 rgb(242,200,112)
```
#70dbf2
```
#70dbf2 rgb(112,219,242)
```

Split Complementary Color

#c870f2
```
#c870f2 rgb(200,112,242)
```
#f2c870
```
#f2c870 rgb(242,200,112)
```
#70f2c8
```
#70f2c8 rgb(112,242,200)
```

Triadic Color

#f2709a
```
#f2709a rgb(242,112,154)
```
#f2c870
```
#f2c870 rgb(242,200,112)
```
#70f2c8
```
#70f2c8 rgb(112,242,200)
```
#709af2
```
#709af2 rgb(112,154,242)
```

Tetradic Color

#ecad2a
```
#ecad2a rgb(236,173,42)
```
#eeb641
```
#eeb641 rgb(238,182,65)
```
#f0bf59
```
#f0bf59 rgb(240,191,89)
```
#f2c870
```
#f2c870 rgb(242,200,112)
```
#f4d187
```
#f4d187 rgb(244,209,135)
```
#f6da9f
```
#f6da9f rgb(246,218,159)
```
#f8e3b6
```
#f8e3b6 rgb(248,227,182)
```

Monochromatic Color

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

#f2a870
```
#f2a870 rgb(242,168,112)
```
#f2b270
```
#f2b270 rgb(242,178,112)
```
#f2bd70
```
#f2bd70 rgb(242,189,112)
```
#f2c870
```
#f2c870 rgb(242,200,112)
```
#f2d370
```
#f2d370 rgb(242,211,112)
```
#f2de70
```
#f2de70 rgb(242,222,112)
```
#f2e970
```
#f2e970 rgb(242,233,112)
```

Similar Colors

Text with hexadecimal color #f2c870

This text has a font color of #f2c870.

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

#f2c870 background color

This paragraph has a background color of #f2c870.

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

#f2c870 border color

This element has a border color of #f2c870.

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

CSS codes

.text {color:#f2c870;}

.background {background-color:#f2c870;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#130d02
```
#130d02 rgb(19,13,2)
```
#251a03
```
#251a03 rgb(37,26,3)
```
#372705
```
#372705 rgb(55,39,5)
```
#493307
```
#493307 rgb(73,51,7)
```
#5b4008
```
#5b4008 rgb(91,64,8)
```
#6d4d0a
```
#6d4d0a rgb(109,77,10)
```
#7f590c
```
#7f590c rgb(127,89,12)
```
#91660d
```
#91660d rgb(145,102,13)
```
#a3730f
```
#a3730f rgb(163,115,15)
```
#b58010
```
#b58010 rgb(181,128,16)
```
#c78c12
```
#c78c12 rgb(199,140,18)
```
#d99914
```
#d99914 rgb(217,153,20)
```

Shade Color Variation

#eaa516
```
#eaa516 rgb(234,165,22)
```
#ebac28
```
#ebac28 rgb(235,172,40)
```
#edb33a
```
#edb33a rgb(237,179,58)
```
#efba4c
```
#efba4c rgb(239,186,76)
```
#f0c15e
```
#f0c15e rgb(240,193,94)
```
#f2c870
```
#f2c870 rgb(242,200,112)
```
#f4cf82
```
#f4cf82 rgb(244,207,130)
```
#f5d694
```
#f5d694 rgb(245,214,148)
```
#f7dda6
```
#f7dda6 rgb(247,221,166)
```
#f9e4b8
```
#f9e4b8 rgb(249,228,184)
```
#faebca
```
#faebca rgb(250,235,202)
```
#fcf1dc
```
#fcf1dc rgb(252,241,220)
```
#fdf8ee
```
#fdf8ee rgb(253,248,238)
```

Tint Color Variation

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

#b6b3ac
```
#b6b3ac rgb(182,179,172)
```
#bcb5a6
```
#bcb5a6 rgb(188,181,166)
```
#c2b7a0
```
#c2b7a0 rgb(194,183,160)
```
#c8b99a
```
#c8b99a rgb(200,185,154)
```
#cebb94
```
#cebb94 rgb(206,187,148)
```
#d4bd8e
```
#d4bd8e rgb(212,189,142)
```
#dac088
```
#dac088 rgb(218,192,136)
```
#e0c282
```
#e0c282 rgb(224,194,130)
```
#e6c47c
```
#e6c47c rgb(230,196,124)
```
#ecc676
```
#ecc676 rgb(236,198,118)
```
#f2c870
```
#f2c870 rgb(242,200,112)
```
#f8ca6a
```
#f8ca6a rgb(248,202,106)
```
#fecc64
```
#fecc64 rgb(254,204,100)
```

Tone Color Variation

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

#cbcbcb Achromatopsia 0.005% of the population
#d3cab9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e3d079 Protanopia 1% of men
#fcc778 Deuteranopia 1% of men
#fbc0ce Tritanopia 0.001% of the population

Trichromacy

#e8cd75 Protanomaly 1% of men, 0.01% of women
#f8c775 Deuteranomaly 6% of men, 0.4% of women
#f7c3ab Tritanomaly 0.01% of the population

#f2c870 hex color

#f2c870 Color Information

#f2c870 Color Conversion

Color Schemes with #f2c870

Alternatives to #f2c870

#f2c870 Preview

Shades and Tints of #f2c870

Tones of #f2c870

Color Blindness Simulator