#f2c7a2 hex color

In a RGB color space, hex #f2c7a2 is composed of 94.9% red, 78% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 17.8% magenta, 33.1% yellow and 5.1% black. It has a hue angle of 27.8 degrees, a saturation of 75.5% and a lightness of 79.2%. #f2c7a2 color hex could be obtained by blending #ffffff with #e58f45. Closest websafe color is: #ffcc99.

♥
- f
- t
- g
- R 95
- G 78
- B 64
RGB color chart
- C 0
- M 18
- Y 33
- K 5
CMYK color chart

● #f2c7a2 color description : Very soft orange.

The hexadecimal color #f2c7a2 has RGB values of R:242, G:199, B:162 and CMYK values of C:0, M:0.18, Y:0.33, K:0.05. Its decimal value is 15910818.

Hex triplet	f2c7a2	`#f2c7a2`
RGB Decimal	242, 199, 162	`rgb(242,199,162)`
RGB Percent	94.9, 78, 63.5	`rgb(94.9%,78%,63.5%)`
CMYK	0, 18, 33, 5
HSL	27.8°, 75.5, 79.2	`hsl(27.8,75.5%,79.2%)`
HSV (or HSB)	27.8°, 33.1, 94.9
Web Safe	ffcc99	`#ffcc99`

CIE-LAB	83.091, 10.128, 24.267
XYZ	63.563, 62.335, 42.864
xyY	0.377, 0.369, 62.335
CIE-LCH	83.091, 26.295, 67.347
CIE-LUV	83.091, 29.947, 31.735
Hunter-Lab	78.952, 5.539, 23.077
Binary	11110010, 11000111, 10100010

#f2c7a2
```
#f2c7a2 rgb(242,199,162)
```
#a2cdf2
```
#a2cdf2 rgb(162,205,242)
```

Complementary Color

#f2a2a5
```
#f2a2a5 rgb(242,162,165)
```
#f2c7a2
```
#f2c7a2 rgb(242,199,162)
```
#f2efa2
```
#f2efa2 rgb(242,239,162)
```

Analogous Color

#a2a5f2
```
#a2a5f2 rgb(162,165,242)
```
#f2c7a2
```
#f2c7a2 rgb(242,199,162)
```
#a2f2ef
```
#a2f2ef rgb(162,242,239)
```

Split Complementary Color

#c7a2f2
```
#c7a2f2 rgb(199,162,242)
```
#f2c7a2
```
#f2c7a2 rgb(242,199,162)
```
#a2f2c7
```
#a2f2c7 rgb(162,242,199)
```

Triadic Color

#f2a2cd
```
#f2a2cd rgb(242,162,205)
```
#f2c7a2
```
#f2c7a2 rgb(242,199,162)
```
#a2f2c7
```
#a2f2c7 rgb(162,242,199)
```
#a2cdf2
```
#a2cdf2 rgb(162,205,242)
```

Tetradic Color

#e99f5f
```
#e99f5f rgb(233,159,95)
```
#ecac75
```
#ecac75 rgb(236,172,117)
```
#efba8c
```
#efba8c rgb(239,186,140)
```
#f2c7a2
```
#f2c7a2 rgb(242,199,162)
```
#f5d4b8
```
#f5d4b8 rgb(245,212,184)
```
#f8e2cf
```
#f8e2cf rgb(248,226,207)
```
#fbefe5
```
#fbefe5 rgb(251,239,229)
```

Monochromatic Color

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

#f2b3a2
```
#f2b3a2 rgb(242,179,162)
```
#f2baa2
```
#f2baa2 rgb(242,186,162)
```
#f2c0a2
```
#f2c0a2 rgb(242,192,162)
```
#f2c7a2
```
#f2c7a2 rgb(242,199,162)
```
#f2cea2
```
#f2cea2 rgb(242,206,162)
```
#f2d4a2
```
#f2d4a2 rgb(242,212,162)
```
#f2dba2
```
#f2dba2 rgb(242,219,162)
```

Similar Colors

Text with hexadecimal color #f2c7a2

This text has a font color of #f2c7a2.

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

#f2c7a2 background color

This paragraph has a background color of #f2c7a2.

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

#f2c7a2 border color

This element has a border color of #f2c7a2.

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

CSS codes

.text {color:#f2c7a2;}

.background {background-color:#f2c7a2;}

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

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, #0a0601 is the darkest color, while #fefbf8 is the lightest one.

#0a0601
```
#0a0601 rgb(10,6,1)
```
#1b0f04
```
#1b0f04 rgb(27,15,4)
```
#2d1806
```
#2d1806 rgb(45,24,6)
```
#3e2109
```
#3e2109 rgb(62,33,9)
```
#4f2b0b
```
#4f2b0b rgb(79,43,11)
```
#60340d
```
#60340d rgb(96,52,13)
```
#723d10
```
#723d10 rgb(114,61,16)
```
#834612
```
#834612 rgb(131,70,18)
```
#945015
```
#945015 rgb(148,80,21)
```
#a55917
```
#a55917 rgb(165,89,23)
```
#b66219
```
#b66219 rgb(182,98,25)
```
#c86b1c
```
#c86b1c rgb(200,107,28)
```
#d9751e
```
#d9751e rgb(217,117,30)
```

Shade Color Variation

#e17e2a
```
#e17e2a rgb(225,126,42)
```
#e4893b
```
#e4893b rgb(228,137,59)
```
#e6934c
```
#e6934c rgb(230,147,76)
```
#e89e5d
```
#e89e5d rgb(232,158,93)
```
#eba86e
```
#eba86e rgb(235,168,110)
```
#edb280
```
#edb280 rgb(237,178,128)
```
#f0bd91
```
#f0bd91 rgb(240,189,145)
```
#f2c7a2
```
#f2c7a2 rgb(242,199,162)
```
#f4d1b3
```
#f4d1b3 rgb(244,209,179)
```
#f7dcc4
```
#f7dcc4 rgb(247,220,196)
```
#f9e6d6
```
#f9e6d6 rgb(249,230,214)
```
#fcf0e7
```
#fcf0e7 rgb(252,240,231)
```
#fefbf8
```
#fefbf8 rgb(254,251,248)
```

Tint Color Variation

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

#cdcac7
```
#cdcac7 rgb(205,202,199)
```
#d1c9c3
```
#d1c9c3 rgb(209,201,195)
```
#d5c9bf
```
#d5c9bf rgb(213,201,191)
```
#dac9ba
```
#dac9ba rgb(218,201,186)
```
#dec9b6
```
#dec9b6 rgb(222,201,182)
```
#e2c8b2
```
#e2c8b2 rgb(226,200,178)
```
#e6c8ae
```
#e6c8ae rgb(230,200,174)
```
#eac8aa
```
#eac8aa rgb(234,200,170)
```
#eec7a6
```
#eec7a6 rgb(238,199,166)
```
#f2c7a2
```
#f2c7a2 rgb(242,199,162)
```
#f6c79e
```
#f6c79e rgb(246,199,158)
```
#fac69a
```
#fac69a rgb(250,198,154)
```
#fec696
```
#fec696 rgb(254,198,150)
```

Tone Color Variation

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

#d0d0d0 Achromatopsia 0.005% of the population
#d7cec7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ddd1a9 Protanopia 1% of men
#f3c9a6 Deuteranopia 1% of men
#f7c3d1 Tritanopia 0.001% of the population

Trichromacy

#e5cda7 Protanomaly 1% of men, 0.01% of women
#f2c8a5 Deuteranomaly 6% of men, 0.4% of women
#f5c5c0 Tritanomaly 0.01% of the population

#f2c7a2 hex color

#f2c7a2 Color Information

#f2c7a2 Color Conversion

Color Schemes with #f2c7a2

Alternatives to #f2c7a2

#f2c7a2 Preview

Shades and Tints of #f2c7a2

Tones of #f2c7a2

Color Blindness Simulator