#fec5a2 hex color

In a RGB color space, hex #fec5a2 is composed of 99.6% red, 77.3% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22.4% magenta, 36.2% yellow and 0.4% black. It has a hue angle of 22.8 degrees, a saturation of 97.9% and a lightness of 81.6%. #fec5a2 color hex could be obtained by blending #ffffff with #fd8b45. Closest websafe color is: #ffcc99.

♥
- f
- t
- g
- R 100
- G 77
- B 64
RGB color chart
- C 0
- M 22
- Y 36
- K 0
CMYK color chart

● #fec5a2 color description : Very soft orange.

The hexadecimal color #fec5a2 has RGB values of R:254, G:197, B:162 and CMYK values of C:0, M:0.22, Y:0.36, K:0. Its decimal value is 16696738.

Hex triplet	fec5a2	`#fec5a2`
RGB Decimal	254, 197, 162	`rgb(254,197,162)`
RGB Percent	99.6, 77.3, 63.5	`rgb(99.6%,77.3%,63.5%)`
CMYK	0, 22, 36, 0
HSL	22.8°, 97.9, 81.6	`hsl(22.8,97.9%,81.6%)`
HSV (or HSB)	22.8°, 36.2, 99.6
Web Safe	ffcc99	`#ffcc99`

CIE-LAB	83.765, 15.765, 25.374
XYZ	67.361, 63.615, 42.911
xyY	0.387, 0.366, 63.615
CIE-LCH	83.765, 29.873, 58.147
CIE-LUV	83.765, 39.632, 31.995
Hunter-Lab	79.759, 11.175, 23.932
Binary	11111110, 11000101, 10100010

#fec5a2
```
#fec5a2 rgb(254,197,162)
```
#a2dbfe
```
#a2dbfe rgb(162,219,254)
```

Complementary Color

#fea2ad
```
#fea2ad rgb(254,162,173)
```
#fec5a2
```
#fec5a2 rgb(254,197,162)
```
#fef3a2
```
#fef3a2 rgb(254,243,162)
```

Analogous Color

#a2adfe
```
#a2adfe rgb(162,173,254)
```
#fec5a2
```
#fec5a2 rgb(254,197,162)
```
#a2fef3
```
#a2fef3 rgb(162,254,243)
```

Split Complementary Color

#c5a2fe
```
#c5a2fe rgb(197,162,254)
```
#fec5a2
```
#fec5a2 rgb(254,197,162)
```
#a2fec5
```
#a2fec5 rgb(162,254,197)
```

Triadic Color

#fea2db
```
#fea2db rgb(254,162,219)
```
#fec5a2
```
#fec5a2 rgb(254,197,162)
```
#a2fec5
```
#a2fec5 rgb(162,254,197)
```
#a2dbfe
```
#a2dbfe rgb(162,219,254)
```

Tetradic Color

#fd9656
```
#fd9656 rgb(253,150,86)
```
#fda670
```
#fda670 rgb(253,166,112)
```
#feb589
```
#feb589 rgb(254,181,137)
```
#fec5a2
```
#fec5a2 rgb(254,197,162)
```
#fed5bb
```
#fed5bb rgb(254,213,187)
```
#ffe4d4
```
#ffe4d4 rgb(255,228,212)
```
#fff4ee
```
#fff4ee rgb(255,244,238)
```

Monochromatic Color

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

#feaea2
```
#feaea2 rgb(254,174,162)
```
#feb6a2
```
#feb6a2 rgb(254,182,162)
```
#febda2
```
#febda2 rgb(254,189,162)
```
#fec5a2
```
#fec5a2 rgb(254,197,162)
```
#fecda2
```
#fecda2 rgb(254,205,162)
```
#fed4a2
```
#fed4a2 rgb(254,212,162)
```
#fedca2
```
#fedca2 rgb(254,220,162)
```

Similar Colors

Text with hexadecimal color #fec5a2

This text has a font color of #fec5a2.

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

#fec5a2 background color

This paragraph has a background color of #fec5a2.

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

#fec5a2 border color

This element has a border color of #fec5a2.

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

CSS codes

.text {color:#fec5a2;}

.background {background-color:#fec5a2;}

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

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

#040200
```
#040200 rgb(4,2,0)
```
#170900
```
#170900 rgb(23,9,0)
```
#2b1100
```
#2b1100 rgb(43,17,0)
```
#3e1801
```
#3e1801 rgb(62,24,1)
```
#522001
```
#522001 rgb(82,32,1)
```
#652701
```
#652701 rgb(101,39,1)
```
#782f01
```
#782f01 rgb(120,47,1)
```
#8c3602
```
#8c3602 rgb(140,54,2)
```
#9f3e02
```
#9f3e02 rgb(159,62,2)
```
#b34502
```
#b34502 rgb(179,69,2)
```
#c64d02
```
#c64d02 rgb(198,77,2)
```
#da5402
```
#da5402 rgb(218,84,2)
```
#ed5c03
```
#ed5c03 rgb(237,92,3)
```

Shade Color Variation

#fc6407
```
#fc6407 rgb(252,100,7)
```
#fd701a
```
#fd701a rgb(253,112,26)
```
#fd7c2e
```
#fd7c2e rgb(253,124,46)
```
#fd8841
```
#fd8841 rgb(253,136,65)
```
#fd9554
```
#fd9554 rgb(253,149,84)
```
#fda168
```
#fda168 rgb(253,161,104)
```
#fead7b
```
#fead7b rgb(254,173,123)
```
#feb98f
```
#feb98f rgb(254,185,143)
```
#fec5a2
```
#fec5a2 rgb(254,197,162)
```
#fed1b5
```
#fed1b5 rgb(254,209,181)
```
#feddc9
```
#feddc9 rgb(254,221,201)
```
#ffe9dc
```
#ffe9dc rgb(255,233,220)
```
#fff5f0
```
#fff5f0 rgb(255,245,240)
```

Tint Color Variation

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

#d3cfcd
```
#d3cfcd rgb(211,207,205)
```
#d6cfca
```
#d6cfca rgb(214,207,202)
```
#dacec6
```
#dacec6 rgb(218,206,198)
```
#ddcdc3
```
#ddcdc3 rgb(221,205,195)
```
#e1ccbf
```
#e1ccbf rgb(225,204,191)
```
#e5cbbb
```
#e5cbbb rgb(229,203,187)
```
#e8cab8
```
#e8cab8 rgb(232,202,184)
```
#ecc9b4
```
#ecc9b4 rgb(236,201,180)
```
#f0c8b0
```
#f0c8b0 rgb(240,200,176)
```
#f3c8ad
```
#f3c8ad rgb(243,200,173)
```
#f7c7a9
```
#f7c7a9 rgb(247,199,169)
```
#fac6a6
```
#fac6a6 rgb(250,198,166)
```
#fec5a2
```
#fec5a2 rgb(254,197,162)
```

Tone Color Variation

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

#d2d2d2 Achromatopsia 0.005% of the population
#dbcfc8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dfd2ab Protanopia 1% of men
#f6cba5 Deuteranopia 1% of men
#ffc3cf Tritanopia 0.001% of the population

Trichromacy

#eacda8 Protanomaly 1% of men, 0.01% of women
#f9c8a4 Deuteranomaly 6% of men, 0.4% of women
#fec4bf Tritanomaly 0.01% of the population

#fec5a2 hex color

#fec5a2 Color Information

#fec5a2 Color Conversion

Color Schemes with #fec5a2

Alternatives to #fec5a2

#fec5a2 Preview

Shades and Tints of #fec5a2

Tones of #fec5a2

Color Blindness Simulator