#f06ddd hex color

In a RGB color space, hex #f06ddd is composed of 94.1% red, 42.7% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 54.6% magenta, 7.9% yellow and 5.9% black. It has a hue angle of 308.7 degrees, a saturation of 81.4% and a lightness of 68.4%. #f06ddd color hex could be obtained by blending #ffdaff with #e100bb. Closest websafe color is: #ff66cc.

♥
- f
- t
- g
- R 94
- G 43
- B 87
RGB color chart
- C 0
- M 55
- Y 8
- K 6
CMYK color chart

● #f06ddd color description : Soft magenta.

The hexadecimal color #f06ddd has RGB values of R:240, G:109, B:221 and CMYK values of C:0, M:0.55, Y:0.08, K:0.06. Its decimal value is 15756765.

Hex triplet	f06ddd	`#f06ddd`
RGB Decimal	240, 109, 221	`rgb(240,109,221)`
RGB Percent	94.1, 42.7, 86.7	`rgb(94.1%,42.7%,86.7%)`
CMYK	0, 55, 8, 6
HSL	308.7°, 81.4, 68.4	`hsl(308.7,81.4%,68.4%)`
HSV (or HSB)	308.7°, 54.6, 94.1
Web Safe	ff66cc	`#ff66cc`

CIE-LAB	65.504, 63.965, -33.904
XYZ	54.454, 34.686, 72.23
xyY	0.337, 0.215, 34.686
CIE-LCH	65.504, 72.395, 332.074
CIE-LUV	65.504, 65.89, -62.924
Hunter-Lab	58.895, 61.974, -31.488
Binary	11110000, 01101101, 11011101

#f06ddd
```
#f06ddd rgb(240,109,221)
```
#6df080
```
#6df080 rgb(109,240,128)
```

Complementary Color

#c26df0
```
#c26df0 rgb(194,109,240)
```
#f06ddd
```
#f06ddd rgb(240,109,221)
```
#f06d9c
```
#f06d9c rgb(240,109,156)
```

Analogous Color

#6df0c2
```
#6df0c2 rgb(109,240,194)
```
#f06ddd
```
#f06ddd rgb(240,109,221)
```
#9cf06d
```
#9cf06d rgb(156,240,109)
```

Split Complementary Color

#6dddf0
```
#6dddf0 rgb(109,221,240)
```
#f06ddd
```
#f06ddd rgb(240,109,221)
```
#ddf06d
```
#ddf06d rgb(221,240,109)
```

Triadic Color

#806df0
```
#806df0 rgb(128,109,240)
```
#f06ddd
```
#f06ddd rgb(240,109,221)
```
#ddf06d
```
#ddf06d rgb(221,240,109)
```
#6df080
```
#6df080 rgb(109,240,128)
```

Tetradic Color

#e928cd
```
#e928cd rgb(233,40,205)
```
#eb3fd2
```
#eb3fd2 rgb(235,63,210)
```
#ee56d8
```
#ee56d8 rgb(238,86,216)
```
#f06ddd
```
#f06ddd rgb(240,109,221)
```
#f284e2
```
#f284e2 rgb(242,132,226)
```
#f59be8
```
#f59be8 rgb(245,155,232)
```
#f7b2ed
```
#f7b2ed rgb(247,178,237)
```

Monochromatic Color

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

#e26df0
```
#e26df0 rgb(226,109,240)
```
#ed6df0
```
#ed6df0 rgb(237,109,240)
```
#f06de8
```
#f06de8 rgb(240,109,232)
```
#f06ddd
```
#f06ddd rgb(240,109,221)
```
#f06dd2
```
#f06dd2 rgb(240,109,210)
```
#f06dc7
```
#f06dc7 rgb(240,109,199)
```
#f06dbc
```
#f06dbc rgb(240,109,188)
```

Similar Colors

Text with hexadecimal color #f06ddd

This text has a font color of #f06ddd.

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

#f06ddd background color

This paragraph has a background color of #f06ddd.

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

#f06ddd border color

This element has a border color of #f06ddd.

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

CSS codes

.text {color:#f06ddd;}

.background {background-color:#f06ddd;}

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

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

#0e010c
```
#0e010c rgb(14,1,12)
```
#20031c
```
#20031c rgb(32,3,28)
```
#32052b
```
#32052b rgb(50,5,43)
```
#43073b
```
#43073b rgb(67,7,59)
```
#55094a
```
#55094a rgb(85,9,74)
```
#670b5a
```
#670b5a rgb(103,11,90)
```
#790c69
```
#790c69 rgb(121,12,105)
```
#8b0e79
```
#8b0e79 rgb(139,14,121)
```
#9c1088
```
#9c1088 rgb(156,16,136)
```
#ae1298
```
#ae1298 rgb(174,18,152)
```
#c014a7
```
#c014a7 rgb(192,20,167)
```
#d216b6
```
#d216b6 rgb(210,22,182)
```
#e417c6
```
#e417c6 rgb(228,23,198)
```

Shade Color Variation

#e926cc
```
#e926cc rgb(233,38,204)
```
#eb38d1
```
#eb38d1 rgb(235,56,209)
```
#ec49d5
```
#ec49d5 rgb(236,73,213)
```
#ee5bd9
```
#ee5bd9 rgb(238,91,217)
```
#f06ddd
```
#f06ddd rgb(240,109,221)
```
#f27fe1
```
#f27fe1 rgb(242,127,225)
```
#f491e5
```
#f491e5 rgb(244,145,229)
```
#f5a2e9
```
#f5a2e9 rgb(245,162,233)
```
#f7b4ee
```
#f7b4ee rgb(247,180,238)
```
#f9c6f2
```
#f9c6f2 rgb(249,198,242)
```
#fbd8f6
```
#fbd8f6 rgb(251,216,246)
```
#fdeafa
```
#fdeafa rgb(253,234,250)
```
#fffbfe
```
#fffbfe rgb(255,251,254)
```

Tint Color Variation

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

#b2abb1
```
#b2abb1 rgb(178,171,177)
```
#b8a5b5
```
#b8a5b5 rgb(184,165,181)
```
#be9fba
```
#be9fba rgb(190,159,186)
```
#c598be
```
#c598be rgb(197,152,190)
```
#cb92c3
```
#cb92c3 rgb(203,146,195)
```
#d18cc7
```
#d18cc7 rgb(209,140,199)
```
#d786cb
```
#d786cb rgb(215,134,203)
```
#dd80d0
```
#dd80d0 rgb(221,128,208)
```
#e479d4
```
#e479d4 rgb(228,121,212)
```
#ea73d9
```
#ea73d9 rgb(234,115,217)
```
#f06ddd
```
#f06ddd rgb(240,109,221)
```
#f667e1
```
#f667e1 rgb(246,103,225)
```
#fc61e6
```
#fc61e6 rgb(252,97,230)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#b197ad Atypical Achromatopsia 0.001% of the population

Dichromacy

#7ca1fe Protanopia 1% of men
#98a1d2 Deuteranopia 1% of men
#e78891 Tritanopia 0.001% of the population

Trichromacy

#a68ef2 Protanomaly 1% of men, 0.01% of women
#b88ed6 Deuteranomaly 6% of men, 0.4% of women
#ea7ead Tritanomaly 0.01% of the population

#f06ddd hex color

#f06ddd Color Information

#f06ddd Color Conversion

Color Schemes with #f06ddd

Alternatives to #f06ddd

#f06ddd Preview

Shades and Tints of #f06ddd

Tones of #f06ddd

Color Blindness Simulator