colorhexa.com

#f06dd4 hex color

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

- R 94
- G 43
- B 83
RGB color chart
- C 0
- M 55
- Y 12
- K 6
CMYK color chart

● #f06dd4 color description : Soft magenta.

The hexadecimal color #f06dd4 has RGB values of R:240, G:109, B:212 and CMYK values of C:0, M:0.55, Y:0.12, K:0.06. Its decimal value is 15756756.

Hex triplet	f06dd4	`#f06dd4`
RGB Decimal	240, 109, 212	`rgb(240,109,212)`
RGB Percent	94.1, 42.7, 83.1	`rgb(94.1%,42.7%,83.1%)`
CMYK	0, 55, 12, 6
HSL	312.8°, 81.4, 68.4	`hsl(312.8,81.4%,68.4%)`
HSV (or HSB)	312.8°, 54.6, 94.1
Web Safe	ff66cc	`#ff66cc`

CIE-LAB	65.136, 62.559, -29.442
XYZ	53.287, 34.219, 66.082
xyY	0.347, 0.223, 34.219
CIE-LCH	65.136, 69.141, 334.798
CIE-LUV	65.136, 68.461, -55.602
Hunter-Lab	58.497, 60.231, -26.03
Binary	11110000, 01101101, 11010100

#f06dd4
```
#f06dd4 rgb(240,109,212)
```
#6df089
```
#6df089 rgb(109,240,137)
```

Complementary Color

#cb6df0
```
#cb6df0 rgb(203,109,240)
```
#f06dd4
```
#f06dd4 rgb(240,109,212)
```
#f06d93
```
#f06d93 rgb(240,109,147)
```

Analogous Color

#6df0cb
```
#6df0cb rgb(109,240,203)
```
#f06dd4
```
#f06dd4 rgb(240,109,212)
```
#93f06d
```
#93f06d rgb(147,240,109)
```

Split Complementary Color

#6dd4f0
```
#6dd4f0 rgb(109,212,240)
```
#f06dd4
```
#f06dd4 rgb(240,109,212)
```
#d4f06d
```
#d4f06d rgb(212,240,109)
```

Triadic Color

#896df0
```
#896df0 rgb(137,109,240)
```
#f06dd4
```
#f06dd4 rgb(240,109,212)
```
#d4f06d
```
#d4f06d rgb(212,240,109)
```
#6df089
```
#6df089 rgb(109,240,137)
```

Tetradic Color

#e928c0
```
#e928c0 rgb(233,40,192)
```
#eb3fc6
```
#eb3fc6 rgb(235,63,198)
```
#ee56cd
```
#ee56cd rgb(238,86,205)
```
#f06dd4
```
#f06dd4 rgb(240,109,212)
```
#f284db
```
#f284db rgb(242,132,219)
```
#f59be2
```
#f59be2 rgb(245,155,226)
```
#f7b2e8
```
#f7b2e8 rgb(247,178,232)
```

Monochromatic Color

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

#eb6df0
```
#eb6df0 rgb(235,109,240)
```
#f06dea
```
#f06dea rgb(240,109,234)
```
#f06ddf
```
#f06ddf rgb(240,109,223)
```
#f06dd4
```
#f06dd4 rgb(240,109,212)
```
#f06dc9
```
#f06dc9 rgb(240,109,201)
```
#f06dbe
```
#f06dbe rgb(240,109,190)
```
#f06db3
```
#f06db3 rgb(240,109,179)
```

Similar Colors

Text with hexadecimal color #f06dd4

This text has a font color of #f06dd4.

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

#f06dd4 background color

This paragraph has a background color of #f06dd4.

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

#f06dd4 border color

This element has a border color of #f06dd4.

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

CSS codes

.text {color:#f06dd4;}

.background {background-color:#f06dd4;}

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

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

#0e010b
```
#0e010b rgb(14,1,11)
```
#20031a
```
#20031a rgb(32,3,26)
```
#320528
```
#320528 rgb(50,5,40)
```
#430737
```
#430737 rgb(67,7,55)
```
#550945
```
#550945 rgb(85,9,69)
```
#670b53
```
#670b53 rgb(103,11,83)
```
#790c62
```
#790c62 rgb(121,12,98)
```
#8b0e70
```
#8b0e70 rgb(139,14,112)
```
#9c107e
```
#9c107e rgb(156,16,126)
```
#ae128d
```
#ae128d rgb(174,18,141)
```
#c0149b
```
#c0149b rgb(192,20,155)
```
#d216aa
```
#d216aa rgb(210,22,170)
```
#e417b8
```
#e417b8 rgb(228,23,184)
```

Shade Color Variation

#e926bf
```
#e926bf rgb(233,38,191)
```
#eb38c4
```
#eb38c4 rgb(235,56,196)
```
#ec49ca
```
#ec49ca rgb(236,73,202)
```
#ee5bcf
```
#ee5bcf rgb(238,91,207)
```
#f06dd4
```
#f06dd4 rgb(240,109,212)
```
#f27fd9
```
#f27fd9 rgb(242,127,217)
```
#f491de
```
#f491de rgb(244,145,222)
```
#f5a2e4
```
#f5a2e4 rgb(245,162,228)
```
#f7b4e9
```
#f7b4e9 rgb(247,180,233)
```
#f9c6ee
```
#f9c6ee rgb(249,198,238)
```
#fbd8f3
```
#fbd8f3 rgb(251,216,243)
```
#fdeaf9
```
#fdeaf9 rgb(253,234,249)
```
#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 #fc61db is the most saturated one.

#b2abb1
```
#b2abb1 rgb(178,171,177)
```
#b8a5b4
```
#b8a5b4 rgb(184,165,180)
```
#be9fb8
```
#be9fb8 rgb(190,159,184)
```
#c598bb
```
#c598bb rgb(197,152,187)
```
#cb92bf
```
#cb92bf rgb(203,146,191)
```
#d18cc2
```
#d18cc2 rgb(209,140,194)
```
#d786c6
```
#d786c6 rgb(215,134,198)
```
#dd80c9
```
#dd80c9 rgb(221,128,201)
```
#e479cd
```
#e479cd rgb(228,121,205)
```
#ea73d0
```
#ea73d0 rgb(234,115,208)
```
#f06dd4
```
#f06dd4 rgb(240,109,212)
```
#f667d8
```
#f667d8 rgb(246,103,216)
```
#fc61db
```
#fc61db rgb(252,97,219)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#b096aa Atypical Achromatopsia 0.001% of the population

Dichromacy

#81a0f4 Protanopia 1% of men
#9ca0ca Deuteranopia 1% of men
#e8868f Tritanopia 0.001% of the population

Trichromacy

#a98de8 Protanomaly 1% of men, 0.01% of women
#ba8dcd Deuteranomaly 6% of men, 0.4% of women
#eb7da8 Tritanomaly 0.01% of the population