#f04ddf hex color

In a RGB color space, hex #f04ddf is composed of 94.1% red, 30.2% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 67.9% magenta, 7.1% yellow and 5.9% black. It has a hue angle of 306.3 degrees, a saturation of 84.5% and a lightness of 62.2%. #f04ddf color hex could be obtained by blending #ff9aff with #e100bf. Closest websafe color is: #ff66cc.

♥
- f
- t
- g
- R 94
- G 30
- B 87
RGB color chart
- C 0
- M 68
- Y 7
- K 6
CMYK color chart

● #f04ddf color description : Soft magenta.

The hexadecimal color #f04ddf has RGB values of R:240, G:77, B:223 and CMYK values of C:0, M:0.68, Y:0.07, K:0.06. Its decimal value is 15748575.

Hex triplet	f04ddf	`#f04ddf`
RGB Decimal	240, 77, 223	`rgb(240,77,223)`
RGB Percent	94.1, 30.2, 87.5	`rgb(94.1%,30.2%,87.5%)`
CMYK	0, 68, 7, 6
HSL	306.3°, 84.5, 62.2	`hsl(306.3,84.5%,62.2%)`
HSV (or HSB)	306.3°, 67.9, 94.1
Web Safe	ff66cc	`#ff66cc`

CIE-LAB	60.926, 77.118, -42.177
XYZ	51.908, 29.164, 72.703
xyY	0.338, 0.19, 29.164
CIE-LCH	60.926, 87.898, 331.325
CIE-LUV	60.926, 75.75, -77.092
Hunter-Lab	54.004, 77.064, -42.017
Binary	11110000, 01001101, 11011111

#f04ddf
```
#f04ddf rgb(240,77,223)
```
#4df05e
```
#4df05e rgb(77,240,94)
```

Complementary Color

#b04df0
```
#b04df0 rgb(176,77,240)
```
#f04ddf
```
#f04ddf rgb(240,77,223)
```
#f04d8e
```
#f04d8e rgb(240,77,142)
```

Analogous Color

#4df0b0
```
#4df0b0 rgb(77,240,176)
```
#f04ddf
```
#f04ddf rgb(240,77,223)
```
#8ef04d
```
#8ef04d rgb(142,240,77)
```

Split Complementary Color

#4ddff0
```
#4ddff0 rgb(77,223,240)
```
#f04ddf
```
#f04ddf rgb(240,77,223)
```
#dff04d
```
#dff04d rgb(223,240,77)
```

Triadic Color

#5e4df0
```
#5e4df0 rgb(94,77,240)
```
#f04ddf
```
#f04ddf rgb(240,77,223)
```
#dff04d
```
#dff04d rgb(223,240,77)
```
#4df05e
```
#4df05e rgb(77,240,94)
```

Tetradic Color

#de13c9
```
#de13c9 rgb(222,19,201)
```
#ec1ed7
```
#ec1ed7 rgb(236,30,215)
```
#ee35db
```
#ee35db rgb(238,53,219)
```
#f04ddf
```
#f04ddf rgb(240,77,223)
```
#f265e3
```
#f265e3 rgb(242,101,227)
```
#f47ce7
```
#f47ce7 rgb(244,124,231)
```
#f694ec
```
#f694ec rgb(246,148,236)
```

Monochromatic Color

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

#d84df0
```
#d84df0 rgb(216,77,240)
```
#e64df0
```
#e64df0 rgb(230,77,240)
```
#f04ded
```
#f04ded rgb(240,77,237)
```
#f04ddf
```
#f04ddf rgb(240,77,223)
```
#f04dd1
```
#f04dd1 rgb(240,77,209)
```
#f04dc4
```
#f04dc4 rgb(240,77,196)
```
#f04db6
```
#f04db6 rgb(240,77,182)
```

Similar Colors

Text with hexadecimal color #f04ddf

This text has a font color of #f04ddf.

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

#f04ddf background color

This paragraph has a background color of #f04ddf.

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

#f04ddf border color

This element has a border color of #f04ddf.

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

CSS codes

.text {color:#f04ddf;}

.background {background-color:#f04ddf;}

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

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, #030003 is the darkest color, while #fef0fc is the lightest one.

#030003
```
#030003 rgb(3,0,3)
```
#150213
```
#150213 rgb(21,2,19)
```
#270323
```
#270323 rgb(39,3,35)
```
#390534
```
#390534 rgb(57,5,52)
```
#4b0644
```
#4b0644 rgb(75,6,68)
```
#5d0854
```
#5d0854 rgb(93,8,84)
```
#6f0965
```
#6f0965 rgb(111,9,101)
```
#820b75
```
#820b75 rgb(130,11,117)
```
#940c86
```
#940c86 rgb(148,12,134)
```
#a60e96
```
#a60e96 rgb(166,14,150)
```
#b80fa6
```
#b80fa6 rgb(184,15,166)
```
#ca11b7
```
#ca11b7 rgb(202,17,183)
```
#dc13c7
```
#dc13c7 rgb(220,19,199)
```

Shade Color Variation

#eb17d5
```
#eb17d5 rgb(235,23,213)
```
#ed29d8
```
#ed29d8 rgb(237,41,216)
```
#ee3bdc
```
#ee3bdc rgb(238,59,220)
```
#f04ddf
```
#f04ddf rgb(240,77,223)
```
#f25fe2
```
#f25fe2 rgb(242,95,226)
```
#f371e6
```
#f371e6 rgb(243,113,230)
```
#f583e9
```
#f583e9 rgb(245,131,233)
```
#f695ec
```
#f695ec rgb(246,149,236)
```
#f8a7ef
```
#f8a7ef rgb(248,167,239)
```
#f9baf3
```
#f9baf3 rgb(249,186,243)
```
#fbccf6
```
#fbccf6 rgb(251,204,246)
```
#fcdef9
```
#fcdef9 rgb(252,222,249)
```
#fef0fc
```
#fef0fc rgb(254,240,252)
```

Tint Color Variation

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

#a697a4
```
#a697a4 rgb(166,151,164)
```
#ad90aa
```
#ad90aa rgb(173,144,170)
```
#b588b0
```
#b588b0 rgb(181,136,176)
```
#bc81b6
```
#bc81b6 rgb(188,129,182)
```
#c37abc
```
#c37abc rgb(195,122,188)
```
#cb72c2
```
#cb72c2 rgb(203,114,194)
```
#d26bc8
```
#d26bc8 rgb(210,107,200)
```
#da63cd
```
#da63cd rgb(218,99,205)
```
#e15cd3
```
#e15cd3 rgb(225,92,211)
```
#e954d9
```
#e954d9 rgb(233,84,217)
```
#f04ddf
```
#f04ddf rgb(240,77,223)
```
#f746e5
```
#f746e5 rgb(247,70,229)
```
#ff3eeb
```
#ff3eeb rgb(255,62,235)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#a2819e Atypical Achromatopsia 0.001% of the population

Dichromacy

#6295ff Protanopia 1% of men
#8397d0 Deuteranopia 1% of men
#e5767e Tritanopia 0.001% of the population

Trichromacy

#957bf3 Protanomaly 1% of men, 0.01% of women
#aa7cd5 Deuteranomaly 6% of men, 0.4% of women
#e967a1 Tritanomaly 0.01% of the population

#f04ddf hex color

#f04ddf Color Information

#f04ddf Color Conversion

Color Schemes with #f04ddf

Alternatives to #f04ddf

#f04ddf Preview

Shades and Tints of #f04ddf

Tones of #f04ddf

Color Blindness Simulator