#f2caf0 hex color

In a RGB color space, hex #f2caf0 is composed of 94.9% red, 79.2% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 16.5% magenta, 0.8% yellow and 5.1% black. It has a hue angle of 303 degrees, a saturation of 60.6% and a lightness of 87.1%. #f2caf0 color hex could be obtained by blending #ffffff with #e595e1. Closest websafe color is: #ffccff.

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

● #f2caf0 color description : Light grayish magenta.

The hexadecimal color #f2caf0 has RGB values of R:242, G:202, B:240 and CMYK values of C:0, M:0.17, Y:0.01, K:0.05. Its decimal value is 15911664.

Hex triplet	f2caf0	`#f2caf0`
RGB Decimal	242, 202, 240	`rgb(242,202,240)`
RGB Percent	94.9, 79.2, 94.1	`rgb(94.9%,79.2%,94.1%)`
CMYK	0, 17, 1, 5
HSL	303°, 60.6, 87.1	`hsl(303,60.6%,87.1%)`
HSV (or HSB)	303°, 16.5, 94.9
Web Safe	ffccff	`#ffccff`

CIE-LAB	85.711, 20.453, -13.422
XYZ	73.464, 67.411, 91.575
xyY	0.316, 0.29, 67.411
CIE-LCH	85.711, 24.464, 326.727
CIE-LUV	85.711, 20.43, -24.538
Hunter-Lab	82.104, 16.035, -8.656
Binary	11110010, 11001010, 11110000

#f2caf0
```
#f2caf0 rgb(242,202,240)
```
#caf2cc
```
#caf2cc rgb(202,242,204)
```

Complementary Color

#e0caf2
```
#e0caf2 rgb(224,202,242)
```
#f2caf0
```
#f2caf0 rgb(242,202,240)
```
#f2cadc
```
#f2cadc rgb(242,202,220)
```

Analogous Color

#caf2e0
```
#caf2e0 rgb(202,242,224)
```
#f2caf0
```
#f2caf0 rgb(242,202,240)
```
#dcf2ca
```
#dcf2ca rgb(220,242,202)
```

Split Complementary Color

#caf0f2
```
#caf0f2 rgb(202,240,242)
```
#f2caf0
```
#f2caf0 rgb(242,202,240)
```
#f0f2ca
```
#f0f2ca rgb(240,242,202)
```

Triadic Color

#cccaf2
```
#cccaf2 rgb(204,202,242)
```
#f2caf0
```
#f2caf0 rgb(242,202,240)
```
#f0f2ca
```
#f0f2ca rgb(240,242,202)
```
#caf2cc
```
#caf2cc rgb(202,242,204)
```

Tetradic Color

#e38ddf
```
#e38ddf rgb(227,141,223)
```
#e8a1e4
```
#e8a1e4 rgb(232,161,228)
```
#edb6ea
```
#edb6ea rgb(237,182,234)
```
#f2caf0
```
#f2caf0 rgb(242,202,240)
```
#f7def6
```
#f7def6 rgb(247,222,246)
```
#fcf3fc
```
#fcf3fc rgb(252,243,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#eacaf2
```
#eacaf2 rgb(234,202,242)
```
#edcaf2
```
#edcaf2 rgb(237,202,242)
```
#f1caf2
```
#f1caf2 rgb(241,202,242)
```
#f2caf0
```
#f2caf0 rgb(242,202,240)
```
#f2caed
```
#f2caed rgb(242,202,237)
```
#f2cae9
```
#f2cae9 rgb(242,202,233)
```
#f2cae6
```
#f2cae6 rgb(242,202,230)
```

Similar Colors

Text with hexadecimal color #f2caf0

This text has a font color of #f2caf0.

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

#f2caf0 background color

This paragraph has a background color of #f2caf0.

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

#f2caf0 border color

This element has a border color of #f2caf0.

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

CSS codes

.text {color:#f2caf0;}

.background {background-color:#f2caf0;}

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

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

#0a020a
```
#0a020a rgb(10,2,10)
```
#1a0619
```
#1a0619 rgb(26,6,25)
```
#2a0a28
```
#2a0a28 rgb(42,10,40)
```
#390e37
```
#390e37 rgb(57,14,55)
```
#491246
```
#491246 rgb(73,18,70)
```
#591655
```
#591655 rgb(89,22,85)
```
#691a65
```
#691a65 rgb(105,26,101)
```
#781e74
```
#781e74 rgb(120,30,116)
```
#882183
```
#882183 rgb(136,33,131)
```
#982592
```
#982592 rgb(152,37,146)
```
#a829a1
```
#a829a1 rgb(168,41,161)
```
#b72db0
```
#b72db0 rgb(183,45,176)
```
#c731c0
```
#c731c0 rgb(199,49,192)
```

Shade Color Variation

#cf3cc8
```
#cf3cc8 rgb(207,60,200)
```
#d34ccc
```
#d34ccc rgb(211,76,204)
```
#d75cd1
```
#d75cd1 rgb(215,92,209)
```
#db6bd5
```
#db6bd5 rgb(219,107,213)
```
#df7bda
```
#df7bda rgb(223,123,218)
```
#e38bde
```
#e38bde rgb(227,139,222)
```
#e69be3
```
#e69be3 rgb(230,155,227)
```
#eaaae7
```
#eaaae7 rgb(234,170,231)
```
#eebaec
```
#eebaec rgb(238,186,236)
```
#f2caf0
```
#f2caf0 rgb(242,202,240)
```
#f6daf4
```
#f6daf4 rgb(246,218,244)
```
#faeaf9
```
#faeaf9 rgb(250,234,249)
```
#fef9fd
```
#fef9fd rgb(254,249,253)
```

Tint Color Variation

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

#e0dce0
```
#e0dce0 rgb(224,220,224)
```
#e3d9e2
```
#e3d9e2 rgb(227,217,226)
```
#e5d7e5
```
#e5d7e5 rgb(229,215,229)
```
#e8d4e7
```
#e8d4e7 rgb(232,212,231)
```
#ead2e9
```
#ead2e9 rgb(234,210,233)
```
#edcfeb
```
#edcfeb rgb(237,207,235)
```
#efcdee
```
#efcdee rgb(239,205,238)
```
#f2caf0
```
#f2caf0 rgb(242,202,240)
```
#f5c7f2
```
#f5c7f2 rgb(245,199,242)
```
#f7c5f5
```
#f7c5f5 rgb(247,197,245)
```
#fac2f7
```
#fac2f7 rgb(250,194,247)
```
#fcc0f9
```
#fcc0f9 rgb(252,192,249)
```
#ffbdfb
```
#ffbdfb rgb(255,189,251)
```

Tone Color Variation

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

#dadada Achromatopsia 0.005% of the population
#dfd7de Atypical Achromatopsia 0.001% of the population

Dichromacy

#d2d6f6 Protanopia 1% of men
#e1d3ee Deuteranopia 1% of men
#efd0de Tritanopia 0.001% of the population

Trichromacy

#ddd2f4 Protanomaly 1% of men, 0.01% of women
#e7cfef Deuteranomaly 6% of men, 0.4% of women
#f0cde4 Tritanomaly 0.01% of the population

#f2caf0 hex color

#f2caf0 Color Information

#f2caf0 Color Conversion

Color Schemes with #f2caf0

Alternatives to #f2caf0

#f2caf0 Preview

Shades and Tints of #f2caf0

Tones of #f2caf0

Color Blindness Simulator