#f00cd5 hex color

In a RGB color space, hex #f00cd5 is composed of 94.1% red, 4.7% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 95% magenta, 11.3% yellow and 5.9% black. It has a hue angle of 307.1 degrees, a saturation of 90.5% and a lightness of 49.4%. #f00cd5 color hex could be obtained by blending #ff18ff with #e100ab. Closest websafe color is: #ff00cc.

♥
- f
- t
- g
- R 94
- G 5
- B 84
RGB color chart
- C 0
- M 95
- Y 11
- K 6
CMYK color chart

● #f00cd5 color description : Vivid magenta.

The hexadecimal color #f00cd5 has RGB values of R:240, G:12, B:213 and CMYK values of C:0, M:0.95, Y:0.11, K:0.06. Its decimal value is 15731925.

Hex triplet	f00cd5	`#f00cd5`
RGB Decimal	240, 12, 213	`rgb(240,12,213)`
RGB Percent	94.1, 4.7, 83.5	`rgb(94.1%,4.7%,83.5%)`
CMYK	0, 95, 11, 6
HSL	307.1°, 90.5, 49.4	`hsl(307.1,90.5%,49.4%)`
HSV (or HSB)	307.1°, 95, 94.1
Web Safe	ff00cc	`#ff00cc`

CIE-LAB	55.681, 89.413, -44.788
XYZ	48.077, 23.596, 64.97
xyY	0.352, 0.173, 23.596
CIE-LCH	55.681, 100.003, 333.393
CIE-LUV	55.681, 89.99, -81.486
Hunter-Lab	48.576, 91.657, -45.297
Binary	11110000, 00001100, 11010101

#f00cd5
```
#f00cd5 rgb(240,12,213)
```
#0cf027
```
#0cf027 rgb(12,240,39)
```

Complementary Color

#990cf0
```
#990cf0 rgb(153,12,240)
```
#f00cd5
```
#f00cd5 rgb(240,12,213)
```
#f00c63
```
#f00c63 rgb(240,12,99)
```

Analogous Color

#0cf099
```
#0cf099 rgb(12,240,153)
```
#f00cd5
```
#f00cd5 rgb(240,12,213)
```
#63f00c
```
#63f00c rgb(99,240,12)
```

Split Complementary Color

#0cd5f0
```
#0cd5f0 rgb(12,213,240)
```
#f00cd5
```
#f00cd5 rgb(240,12,213)
```
#d5f00c
```
#d5f00c rgb(213,240,12)
```

Triadic Color

#270cf0
```
#270cf0 rgb(39,12,240)
```
#f00cd5
```
#f00cd5 rgb(240,12,213)
```
#d5f00c
```
#d5f00c rgb(213,240,12)
```
#0cf027
```
#0cf027 rgb(12,240,39)
```

Tetradic Color

#a70894
```
#a70894 rgb(167,8,148)
```
#bf0aaa
```
#bf0aaa rgb(191,10,170)
```
#d80bbf
```
#d80bbf rgb(216,11,191)
```
#f00cd5
```
#f00cd5 rgb(240,12,213)
```
#f422db
```
#f422db rgb(244,34,219)
```
#f53adf
```
#f53adf rgb(245,58,223)
```
#f652e3
```
#f652e3 rgb(246,82,227)
```

Monochromatic Color

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

#d20cf0
```
#d20cf0 rgb(210,12,240)
```
#e50cf0
```
#e50cf0 rgb(229,12,240)
```
#f00ce8
```
#f00ce8 rgb(240,12,232)
```
#f00cd5
```
#f00cd5 rgb(240,12,213)
```
#f00cc2
```
#f00cc2 rgb(240,12,194)
```
#f00caf
```
#f00caf rgb(240,12,175)
```
#f00c9c
```
#f00c9c rgb(240,12,156)
```

Similar Colors

Text with hexadecimal color #f00cd5

This text has a font color of #f00cd5.

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

#f00cd5 background color

This paragraph has a background color of #f00cd5.

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

#f00cd5 border color

This element has a border color of #f00cd5.

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

CSS codes

.text {color:#f00cd5;}

.background {background-color:#f00cd5;}

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

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, #10010e is the darkest color, while #fffcff is the lightest one.

#10010e
```
#10010e rgb(16,1,14)
```
#23021f
```
#23021f rgb(35,2,31)
```
#35032f
```
#35032f rgb(53,3,47)
```
#480440
```
#480440 rgb(72,4,64)
```
#5b0550
```
#5b0550 rgb(91,5,80)
```
#6d0561
```
#6d0561 rgb(109,5,97)
```
#800672
```
#800672 rgb(128,6,114)
```
#930782
```
#930782 rgb(147,7,130)
```
#a50893
```
#a50893 rgb(165,8,147)
```
#b809a3
```
#b809a3 rgb(184,9,163)
```
#cb0ab4
```
#cb0ab4 rgb(203,10,180)
```
#dd0bc4
```
#dd0bc4 rgb(221,11,196)
```
#f00cd5
```
#f00cd5 rgb(240,12,213)
```

Shade Color Variation

#f41cda
```
#f41cda rgb(244,28,218)
```
#f52fdd
```
#f52fdd rgb(245,47,221)
```
#f641e0
```
#f641e0 rgb(246,65,224)
```
#f654e3
```
#f654e3 rgb(246,84,227)
```
#f767e6
```
#f767e6 rgb(247,103,230)
```
#f879e9
```
#f879e9 rgb(248,121,233)
```
#f98cec
```
#f98cec rgb(249,140,236)
```
#fa9fef
```
#fa9fef rgb(250,159,239)
```
#fbb1f2
```
#fbb1f2 rgb(251,177,242)
```
#fcc4f5
```
#fcc4f5 rgb(252,196,245)
```
#fdd7f8
```
#fdd7f8 rgb(253,215,248)
```
#fee9fc
```
#fee9fc rgb(254,233,252)
```
#fffcff
```
#fffcff rgb(255,252,255)
```

Tint Color Variation

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

#857784
```
#857784 rgb(133,119,132)
```
#8f6d8b
```
#8f6d8b rgb(143,109,139)
```
#996392
```
#996392 rgb(153,99,146)
```
#a25a9a
```
#a25a9a rgb(162,90,154)
```
#ac50a1
```
#ac50a1 rgb(172,80,161)
```
#b646a9
```
#b646a9 rgb(182,70,169)
```
#c03cb0
```
#c03cb0 rgb(192,60,176)
```
#c933b7
```
#c933b7 rgb(201,51,183)
```
#d329bf
```
#d329bf rgb(211,41,191)
```
#dd1fc6
```
#dd1fc6 rgb(221,31,198)
```
#e616ce
```
#e616ce rgb(230,22,206)
```
#f00cd5
```
#f00cd5 rgb(240,12,213)
```
#fa02dc
```
#fa02dc rgb(250,2,220)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#82557d Atypical Achromatopsia 0.001% of the population

Dichromacy

#3887ff Protanopia 1% of men
#748ac3 Deuteranopia 1% of men
#e45d62 Tritanopia 0.001% of the population

Trichromacy

#7b5aef Protanomaly 1% of men, 0.01% of women
#a15cc9 Deuteranomaly 6% of men, 0.4% of women
#e83f8c Tritanomaly 0.01% of the population

#f00cd5 hex color

#f00cd5 Color Information

#f00cd5 Color Conversion

Color Schemes with #f00cd5

Alternatives to #f00cd5

#f00cd5 Preview

Shades and Tints of #f00cd5

Tones of #f00cd5

Color Blindness Simulator