#f01dd4 hex color

In a RGB color space, hex #f01dd4 is composed of 94.1% red, 11.4% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 87.9% magenta, 11.7% yellow and 5.9% black. It has a hue angle of 308 degrees, a saturation of 87.6% and a lightness of 52.7%. #f01dd4 color hex could be obtained by blending #ff3aff with #e100a9. Closest websafe color is: #ff33cc.

♥
- f
- t
- g
- R 94
- G 11
- B 83
RGB color chart
- C 0
- M 88
- Y 12
- K 6
CMYK color chart

● #f01dd4 color description : Vivid magenta.

The hexadecimal color #f01dd4 has RGB values of R:240, G:29, B:212 and CMYK values of C:0, M:0.88, Y:0.12, K:0.06. Its decimal value is 15736276.

Hex triplet	f01dd4	`#f01dd4`
RGB Decimal	240, 29, 212	`rgb(240,29,212)`
RGB Percent	94.1, 11.4, 83.1	`rgb(94.1%,11.4%,83.1%)`
CMYK	0, 88, 12, 6
HSL	308°, 87.6, 52.7	`hsl(308,87.6%,52.7%)`
HSV (or HSB)	308°, 87.9, 94.1
Web Safe	ff33cc	`#ff33cc`

CIE-LAB	56.249, 87.466, -43.32
XYZ	48.258, 24.161, 64.406
xyY	0.353, 0.177, 24.161
CIE-LCH	56.249, 97.606, 333.652
CIE-LUV	56.249, 89.068, -79.159
Hunter-Lab	49.154, 89.225, -43.279
Binary	11110000, 00011101, 11010100

#f01dd4
```
#f01dd4 rgb(240,29,212)
```
#1df039
```
#1df039 rgb(29,240,57)
```

Complementary Color

#a31df0
```
#a31df0 rgb(163,29,240)
```
#f01dd4
```
#f01dd4 rgb(240,29,212)
```
#f01d6b
```
#f01d6b rgb(240,29,107)
```

Analogous Color

#1df0a3
```
#1df0a3 rgb(29,240,163)
```
#f01dd4
```
#f01dd4 rgb(240,29,212)
```
#6bf01d
```
#6bf01d rgb(107,240,29)
```

Split Complementary Color

#1dd4f0
```
#1dd4f0 rgb(29,212,240)
```
#f01dd4
```
#f01dd4 rgb(240,29,212)
```
#d4f01d
```
#d4f01d rgb(212,240,29)
```

Triadic Color

#391df0
```
#391df0 rgb(57,29,240)
```
#f01dd4
```
#f01dd4 rgb(240,29,212)
```
#d4f01d
```
#d4f01d rgb(212,240,29)
```
#1df039
```
#1df039 rgb(29,240,57)
```

Tetradic Color

#b50c9e
```
#b50c9e rgb(181,12,158)
```
#cc0eb3
```
#cc0eb3 rgb(204,14,179)
```
#e40fc8
```
#e40fc8 rgb(228,15,200)
```
#f01dd4
```
#f01dd4 rgb(240,29,212)
```
#f235d9
```
#f235d9 rgb(242,53,217)
```
#f34ddd
```
#f34ddd rgb(243,77,221)
```
#f565e2
```
#f565e2 rgb(245,101,226)
```

Monochromatic Color

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

#d71df0
```
#d71df0 rgb(215,29,240)
```
#e91df0
```
#e91df0 rgb(233,29,240)
```
#f01de6
```
#f01de6 rgb(240,29,230)
```
#f01dd4
```
#f01dd4 rgb(240,29,212)
```
#f01dc2
```
#f01dc2 rgb(240,29,194)
```
#f01db1
```
#f01db1 rgb(240,29,177)
```
#f01d9f
```
#f01d9f rgb(240,29,159)
```

Similar Colors

Text with hexadecimal color #f01dd4

This text has a font color of #f01dd4.

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

#f01dd4 background color

This paragraph has a background color of #f01dd4.

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

#f01dd4 border color

This element has a border color of #f01dd4.

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

CSS codes

.text {color:#f01dd4;}

.background {background-color:#f01dd4;}

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

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

#0d010c
```
#0d010c rgb(13,1,12)
```
#20021c
```
#20021c rgb(32,2,28)
```
#32032c
```
#32032c rgb(50,3,44)
```
#44053c
```
#44053c rgb(68,5,60)
```
#57064c
```
#57064c rgb(87,6,76)
```
#69075c
```
#69075c rgb(105,7,92)
```
#7b086c
```
#7b086c rgb(123,8,108)
```
#8e097c
```
#8e097c rgb(142,9,124)
```
#a00b8c
```
#a00b8c rgb(160,11,140)
```
#b30c9d
```
#b30c9d rgb(179,12,157)
```
#c50dad
```
#c50dad rgb(197,13,173)
```
#d70ebd
```
#d70ebd rgb(215,14,189)
```
#ea10cd
```
#ea10cd rgb(234,16,205)
```

Shade Color Variation

#f01dd4
```
#f01dd4 rgb(240,29,212)
```
#f12fd7
```
#f12fd7 rgb(241,47,215)
```
#f242db
```
#f242db rgb(242,66,219)
```
#f454de
```
#f454de rgb(244,84,222)
```
#f567e2
```
#f567e2 rgb(245,103,226)
```
#f679e5
```
#f679e5 rgb(246,121,229)
```
#f78be9
```
#f78be9 rgb(247,139,233)
```
#f99eec
```
#f99eec rgb(249,158,236)
```
#fab0f0
```
#fab0f0 rgb(250,176,240)
```
#fbc3f3
```
#fbc3f3 rgb(251,195,243)
```
#fcd5f7
```
#fcd5f7 rgb(252,213,247)
```
#fde7fa
```
#fde7fa rgb(253,231,250)
```
#fffafe
```
#fffafe rgb(255,250,254)
```

Tint Color Variation

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

#8a8389
```
#8a8389 rgb(138,131,137)
```
#937a90
```
#937a90 rgb(147,122,144)
```
#9d7097
```
#9d7097 rgb(157,112,151)
```
#a6679e
```
#a6679e rgb(166,103,158)
```
#af5ea4
```
#af5ea4 rgb(175,94,164)
```
#b855ab
```
#b855ab rgb(184,85,171)
```
#c24bb2
```
#c24bb2 rgb(194,75,178)
```
#cb42b9
```
#cb42b9 rgb(203,66,185)
```
#d439c0
```
#d439c0 rgb(212,57,192)
```
#dd30c6
```
#dd30c6 rgb(221,48,198)
```
#e726cd
```
#e726cd rgb(231,38,205)
```
#f01dd4
```
#f01dd4 rgb(240,29,212)
```
#f914db
```
#f914db rgb(249,20,219)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#8a6085 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3f89ff Protanopia 1% of men
#778bc2 Deuteranopia 1% of men
#e56065 Tritanopia 0.001% of the population

Trichromacy

#7f61ef Protanomaly 1% of men, 0.01% of women
#a363c9 Deuteranomaly 6% of men, 0.4% of women
#e9478d Tritanomaly 0.01% of the population

#f01dd4 hex color

#f01dd4 Color Information

#f01dd4 Color Conversion

Color Schemes with #f01dd4

Alternatives to #f01dd4

#f01dd4 Preview

Shades and Tints of #f01dd4

Tones of #f01dd4

Color Blindness Simulator