#f0cccc hex color

In a RGB color space, hex #f0cccc is composed of 94.1% red, 80% green and 80% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 15% magenta, 15% yellow and 5.9% black. It has a hue angle of 0 degrees, a saturation of 54.5% and a lightness of 87.1%. #f0cccc color hex could be obtained by blending #ffffff with #e19999. Closest websafe color is: #ffcccc.

♥
- f
- t
- g
- R 94
- G 80
- B 80
RGB color chart
- C 0
- M 15
- Y 15
- K 6
CMYK color chart

● #f0cccc color description : Light grayish red.

The hexadecimal color #f0cccc has RGB values of R:240, G:204, B:204 and CMYK values of C:0, M:0.15, Y:0.15, K:0.06. Its decimal value is 15781068.

Hex triplet	f0cccc	`#f0cccc`
RGB Decimal	240, 204, 204	`rgb(240,204,204)`
RGB Percent	94.1, 80, 80	`rgb(94.1%,80%,80%)`
CMYK	0, 15, 15, 6
HSL	0°, 54.5, 87.1	`hsl(0,54.5%,87.1%)`
HSV (or HSB)	0°, 15, 94.1
Web Safe	ffcccc	`#ffcccc`

CIE-LAB	85.033, 12.635, 4.701
XYZ	68.426, 66.072, 66.272
xyY	0.341, 0.329, 66.072
CIE-LCH	85.033, 13.481, 20.41
CIE-LUV	85.033, 21.749, 4.683
Hunter-Lab	81.285, 8.014, 8.56
Binary	11110000, 11001100, 11001100

#f0cccc
```
#f0cccc rgb(240,204,204)
```
#ccf0f0
```
#ccf0f0 rgb(204,240,240)
```

Complementary Color

#f0ccde
```
#f0ccde rgb(240,204,222)
```
#f0cccc
```
#f0cccc rgb(240,204,204)
```
#f0decc
```
#f0decc rgb(240,222,204)
```

Analogous Color

#ccdef0
```
#ccdef0 rgb(204,222,240)
```
#f0cccc
```
#f0cccc rgb(240,204,204)
```
#ccf0de
```
#ccf0de rgb(204,240,222)
```

Split Complementary Color

#ccccf0
```
#ccccf0 rgb(204,204,240)
```
#f0cccc
```
#f0cccc rgb(240,204,204)
```
#ccf0cc
```
#ccf0cc rgb(204,240,204)
```

Triadic Color

#f0ccf0
```
#f0ccf0 rgb(240,204,240)
```
#f0cccc
```
#f0cccc rgb(240,204,204)
```
#ccf0cc
```
#ccf0cc rgb(204,240,204)
```
#ccf0f0
```
#ccf0f0 rgb(204,240,240)
```

Tetradic Color

#df9191
```
#df9191 rgb(223,145,145)
```
#e4a5a5
```
#e4a5a5 rgb(228,165,165)
```
#eab8b8
```
#eab8b8 rgb(234,184,184)
```
#f0cccc
```
#f0cccc rgb(240,204,204)
```
#f6e0e0
```
#f6e0e0 rgb(246,224,224)
```
#fcf3f3
```
#fcf3f3 rgb(252,243,243)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#f0ccd5
```
#f0ccd5 rgb(240,204,213)
```
#f0ccd2
```
#f0ccd2 rgb(240,204,210)
```
#f0cccf
```
#f0cccf rgb(240,204,207)
```
#f0cccc
```
#f0cccc rgb(240,204,204)
```
#f0cfcc
```
#f0cfcc rgb(240,207,204)
```
#f0d2cc
```
#f0d2cc rgb(240,210,204)
```
#f0d5cc
```
#f0d5cc rgb(240,213,204)
```

Similar Colors

Text with hexadecimal color #f0cccc

This text has a font color of #f0cccc.

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

#f0cccc background color

This paragraph has a background color of #f0cccc.

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

#f0cccc border color

This element has a border color of #f0cccc.

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

CSS codes

.text {color:#f0cccc;}

.background {background-color:#f0cccc;}

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

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

#0a0303
```
#0a0303 rgb(10,3,3)
```
#190707
```
#190707 rgb(25,7,7)
```
#280c0c
```
#280c0c rgb(40,12,12)
```
#371010
```
#371010 rgb(55,16,16)
```
#461515
```
#461515 rgb(70,21,21)
```
#551919
```
#551919 rgb(85,25,25)
```
#651e1e
```
#651e1e rgb(101,30,30)
```
#742222
```
#742222 rgb(116,34,34)
```
#832626
```
#832626 rgb(131,38,38)
```
#922b2b
```
#922b2b rgb(146,43,43)
```
#a12f2f
```
#a12f2f rgb(161,47,47)
```
#b03434
```
#b03434 rgb(176,52,52)
```
#c03838
```
#c03838 rgb(192,56,56)
```

Shade Color Variation

#c84444
```
#c84444 rgb(200,68,68)
```
#cc5353
```
#cc5353 rgb(204,83,83)
```
#d16262
```
#d16262 rgb(209,98,98)
```
#d57171
```
#d57171 rgb(213,113,113)
```
#da8080
```
#da8080 rgb(218,128,128)
```
#de8f8f
```
#de8f8f rgb(222,143,143)
```
#e39f9f
```
#e39f9f rgb(227,159,159)
```
#e7aeae
```
#e7aeae rgb(231,174,174)
```
#ecbdbd
```
#ecbdbd rgb(236,189,189)
```
#f0cccc
```
#f0cccc rgb(240,204,204)
```
#f4dbdb
```
#f4dbdb rgb(244,219,219)
```
#f9eaea
```
#f9eaea rgb(249,234,234)
```
#fdf9f9
```
#fdf9f9 rgb(253,249,249)
```

Tint Color Variation

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

#dedede
```
#dedede rgb(222,222,222)
```
#e1dbdb
```
#e1dbdb rgb(225,219,219)
```
#e3d9d9
```
#e3d9d9 rgb(227,217,217)
```
#e6d6d6
```
#e6d6d6 rgb(230,214,214)
```
#e8d4d4
```
#e8d4d4 rgb(232,212,212)
```
#ebd1d1
```
#ebd1d1 rgb(235,209,209)
```
#edcfcf
```
#edcfcf rgb(237,207,207)
```
#f0cccc
```
#f0cccc rgb(240,204,204)
```
#f3c9c9
```
#f3c9c9 rgb(243,201,201)
```
#f5c7c7
```
#f5c7c7 rgb(245,199,199)
```
#f8c4c4
```
#f8c4c4 rgb(248,196,196)
```
#fac2c2
```
#fac2c2 rgb(250,194,194)
```
#fdbfbf
```
#fdbfbf rgb(253,191,191)
```

Tone Color Variation

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

#d7d7d7 Achromatopsia 0.005% of the population
#dcd5d5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dbd5d2 Protanopia 1% of men
#edcfce Deuteranopia 1% of men
#f2ccdb Tritanopia 0.001% of the population

Trichromacy

#e2d2cf Protanomaly 1% of men, 0.01% of women
#eececd Deuteranomaly 6% of men, 0.4% of women
#f1ccd5 Tritanomaly 0.01% of the population

#f0cccc hex color

#f0cccc Color Information

#f0cccc Color Conversion

Color Schemes with #f0cccc

Alternatives to #f0cccc

#f0cccc Preview

Shades and Tints of #f0cccc

Tones of #f0cccc

Color Blindness Simulator