#fca5a2 hex color

In a RGB color space, hex #fca5a2 is composed of 98.8% red, 64.7% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 34.5% magenta, 35.7% yellow and 1.2% black. It has a hue angle of 2 degrees, a saturation of 93.8% and a lightness of 81.2%. #fca5a2 color hex could be obtained by blending #ffffff with #f94b45. Closest websafe color is: #ff9999.

♥
- f
- t
- g
- R 99
- G 65
- B 64
RGB color chart
- C 0
- M 35
- Y 36
- K 1
CMYK color chart

● #fca5a2 color description : Very soft red.

The hexadecimal color #fca5a2 has RGB values of R:252, G:165, B:162 and CMYK values of C:0, M:0.35, Y:0.36, K:0.01. Its decimal value is 16557474.

Hex triplet	fca5a2	`#fca5a2`
RGB Decimal	252, 165, 162	`rgb(252,165,162)`
RGB Percent	98.8, 64.7, 63.5	`rgb(98.8%,64.7%,63.5%)`
CMYK	0, 35, 36, 1
HSL	2°, 93.8, 81.2	`hsl(2,93.8%,81.2%)`
HSV (or HSB)	2°, 35.7, 98.8
Web Safe	ff9999	`#ff9999`

CIE-LAB	76.203, 31.783, 14.892
XYZ	60.122, 50.218, 40.707
xyY	0.398, 0.332, 50.218
CIE-LCH	76.203, 35.099, 25.105
CIE-LUV	76.203, 58.672, 14.642
Hunter-Lab	70.864, 27.428, 15.547
Binary	11111100, 10100101, 10100010

#fca5a2
```
#fca5a2 rgb(252,165,162)
```
#a2f9fc
```
#a2f9fc rgb(162,249,252)
```

Complementary Color

#fca2cc
```
#fca2cc rgb(252,162,204)
```
#fca5a2
```
#fca5a2 rgb(252,165,162)
```
#fcd2a2
```
#fcd2a2 rgb(252,210,162)
```

Analogous Color

#a2ccfc
```
#a2ccfc rgb(162,204,252)
```
#fca5a2
```
#fca5a2 rgb(252,165,162)
```
#a2fcd2
```
#a2fcd2 rgb(162,252,210)
```

Split Complementary Color

#a5a2fc
```
#a5a2fc rgb(165,162,252)
```
#fca5a2
```
#fca5a2 rgb(252,165,162)
```
#a2fca5
```
#a2fca5 rgb(162,252,165)
```

Triadic Color

#fca2f9
```
#fca2f9 rgb(252,162,249)
```
#fca5a2
```
#fca5a2 rgb(252,165,162)
```
#a2fca5
```
#a2fca5 rgb(162,252,165)
```
#a2f9fc
```
#a2f9fc rgb(162,249,252)
```

Tetradic Color

#fa5d58
```
#fa5d58 rgb(250,93,88)
```
#fa7571
```
#fa7571 rgb(250,117,113)
```
#fb8d89
```
#fb8d89 rgb(251,141,137)
```
#fca5a2
```
#fca5a2 rgb(252,165,162)
```
#fdbdbb
```
#fdbdbb rgb(253,189,187)
```
#fed5d3
```
#fed5d3 rgb(254,213,211)
```
#feedec
```
#feedec rgb(254,237,236)
```

Monochromatic Color

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

#fca2b6
```
#fca2b6 rgb(252,162,182)
```
#fca2ae
```
#fca2ae rgb(252,162,174)
```
#fca2a7
```
#fca2a7 rgb(252,162,167)
```
#fca5a2
```
#fca5a2 rgb(252,165,162)
```
#fcada2
```
#fcada2 rgb(252,173,162)
```
#fcb4a2
```
#fcb4a2 rgb(252,180,162)
```
#fcbca2
```
#fcbca2 rgb(252,188,162)
```

Similar Colors

Text with hexadecimal color #fca5a2

This text has a font color of #fca5a2.

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

#fca5a2 background color

This paragraph has a background color of #fca5a2.

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

#fca5a2 border color

This element has a border color of #fca5a2.

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

CSS codes

.text {color:#fca5a2;}

.background {background-color:#fca5a2;}

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

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

#020000
```
#020000 rgb(2,0,0)
```
#150101
```
#150101 rgb(21,1,1)
```
#280301
```
#280301 rgb(40,3,1)
```
#3b0402
```
#3b0402 rgb(59,4,2)
```
#4e0503
```
#4e0503 rgb(78,5,3)
```
#610603
```
#610603 rgb(97,6,3)
```
#740704
```
#740704 rgb(116,7,4)
```
#870904
```
#870904 rgb(135,9,4)
```
#9a0a05
```
#9a0a05 rgb(154,10,5)
```
#ad0b06
```
#ad0b06 rgb(173,11,6)
```
#c00c06
```
#c00c06 rgb(192,12,6)
```
#d30e07
```
#d30e07 rgb(211,14,7)
```
#e60f07
```
#e60f07 rgb(230,15,7)
```

Shade Color Variation

#f7120a
```
#f7120a rgb(247,18,10)
```
#f8241d
```
#f8241d rgb(248,36,29)
```
#f83730
```
#f83730 rgb(248,55,48)
```
#f94943
```
#f94943 rgb(249,73,67)
```
#fa5b56
```
#fa5b56 rgb(250,91,86)
```
#fa6e69
```
#fa6e69 rgb(250,110,105)
```
#fb807c
```
#fb807c rgb(251,128,124)
```
#fb938f
```
#fb938f rgb(251,147,143)
```
#fca5a2
```
#fca5a2 rgb(252,165,162)
```
#fdb7b5
```
#fdb7b5 rgb(253,183,181)
```
#fdcac8
```
#fdcac8 rgb(253,202,200)
```
#fedcdb
```
#fedcdb rgb(254,220,219)
```
#feefee
```
#feefee rgb(254,239,238)
```

Tint Color Variation

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

#d0cece
```
#d0cece rgb(208,206,206)
```
#d3cbcb
```
#d3cbcb rgb(211,203,203)
```
#d7c7c7
```
#d7c7c7 rgb(215,199,199)
```
#dbc4c3
```
#dbc4c3 rgb(219,196,195)
```
#dec1c0
```
#dec1c0 rgb(222,193,192)
```
#e2bdbc
```
#e2bdbc rgb(226,189,188)
```
#e6bab8
```
#e6bab8 rgb(230,186,184)
```
#eab6b4
```
#eab6b4 rgb(234,182,180)
```
#edb3b1
```
#edb3b1 rgb(237,179,177)
```
#f1afad
```
#f1afad rgb(241,175,173)
```
#f5aca9
```
#f5aca9 rgb(245,172,169)
```
#f8a8a6
```
#f8a8a6 rgb(248,168,166)
```
#fca5a2
```
#fca5a2 rgb(252,165,162)
```

Tone Color Variation

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

#bfbfbf Achromatopsia 0.005% of the population
#cbbab9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6beb0 Protanopia 1% of men
#dbb8a2 Deuteranopia 1% of men
#fda7b3 Tritanopia 0.001% of the population

Trichromacy

#d9b5ab Protanomaly 1% of men, 0.01% of women
#e7b1a2 Deuteranomaly 6% of men, 0.4% of women
#fca6ac Tritanomaly 0.01% of the population

#fca5a2 hex color

#fca5a2 Color Information

#fca5a2 Color Conversion

Color Schemes with #fca5a2

Alternatives to #fca5a2

#fca5a2 Preview

Shades and Tints of #fca5a2

Tones of #fca5a2

Color Blindness Simulator