#fd18f4 hex color

In a RGB color space, hex #fd18f4 is composed of 99.2% red, 9.4% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 90.5% magenta, 3.6% yellow and 0.8% black. It has a hue angle of 302.4 degrees, a saturation of 98.3% and a lightness of 54.3%. #fd18f4 color hex could be obtained by blending #ff30ff with #fb00e9. Closest websafe color is: #ff00ff.

♥
- f
- t
- g
- R 99
- G 9
- B 96
RGB color chart
- C 0
- M 91
- Y 4
- K 1
CMYK color chart

● #fd18f4 color description : Vivid magenta.

The hexadecimal color #fd18f4 has RGB values of R:253, G:24, B:244 and CMYK values of C:0, M:0.91, Y:0.04, K:0.01. Its decimal value is 16586996.

Hex triplet	fd18f4	`#fd18f4`
RGB Decimal	253, 24, 244	`rgb(253,24,244)`
RGB Percent	99.2, 9.4, 95.7	`rgb(99.2%,9.4%,95.7%)`
CMYK	0, 91, 4, 1
HSL	302.4°, 98.3, 54.3	`hsl(302.4,98.3%,54.3%)`
HSV (or HSB)	302.4°, 90.5, 99.2
Web Safe	ff00ff	`#ff00ff`

CIE-LAB	59.953, 94.662, -55.335
XYZ	57.163, 28.072, 87.991
xyY	0.33, 0.162, 28.072
CIE-LCH	59.953, 109.649, 329.691
CIE-LUV	59.953, 85.911, -99.716
Hunter-Lab	52.983, 99.863, -61.378
Binary	11111101, 00011000, 11110100

#fd18f4
```
#fd18f4 rgb(253,24,244)
```
#18fd21
```
#18fd21 rgb(24,253,33)
```

Complementary Color

#9418fd
```
#9418fd rgb(148,24,253)
```
#fd18f4
```
#fd18f4 rgb(253,24,244)
```
#fd1882
```
#fd1882 rgb(253,24,130)
```

Analogous Color

#18fd94
```
#18fd94 rgb(24,253,148)
```
#fd18f4
```
#fd18f4 rgb(253,24,244)
```
#82fd18
```
#82fd18 rgb(130,253,24)
```

Split Complementary Color

#18f4fd
```
#18f4fd rgb(24,244,253)
```
#fd18f4
```
#fd18f4 rgb(253,24,244)
```
#f4fd18
```
#f4fd18 rgb(244,253,24)
```

Triadic Color

#2118fd
```
#2118fd rgb(33,24,253)
```
#fd18f4
```
#fd18f4 rgb(253,24,244)
```
#f4fd18
```
#f4fd18 rgb(244,253,24)
```
#18fd21
```
#18fd21 rgb(24,253,33)
```

Tetradic Color

#c702bf
```
#c702bf rgb(199,2,191)
```
#e002d7
```
#e002d7 rgb(224,2,215)
```
#f902f0
```
#f902f0 rgb(249,2,240)
```
#fd18f4
```
#fd18f4 rgb(253,24,244)
```
#fd31f5
```
#fd31f5 rgb(253,49,245)
```
#fd4bf6
```
#fd4bf6 rgb(253,75,246)
```
#fe64f8
```
#fe64f8 rgb(254,100,248)
```

Monochromatic Color

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

#cd18fd
```
#cd18fd rgb(205,24,253)
```
#e018fd
```
#e018fd rgb(224,24,253)
```
#f318fd
```
#f318fd rgb(243,24,253)
```
#fd18f4
```
#fd18f4 rgb(253,24,244)
```
#fd18e1
```
#fd18e1 rgb(253,24,225)
```
#fd18ce
```
#fd18ce rgb(253,24,206)
```
#fd18bb
```
#fd18bb rgb(253,24,187)
```

Similar Colors

Text with hexadecimal color #fd18f4

This text has a font color of #fd18f4.

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

#fd18f4 background color

This paragraph has a background color of #fd18f4.

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

#fd18f4 border color

This element has a border color of #fd18f4.

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

CSS codes

.text {color:#fd18f4;}

.background {background-color:#fd18f4;}

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

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

#020002
```
#020002 rgb(2,0,2)
```
#160015
```
#160015 rgb(22,0,21)
```
#290028
```
#290028 rgb(41,0,40)
```
#3d013a
```
#3d013a rgb(61,1,58)
```
#50014d
```
#50014d rgb(80,1,77)
```
#640160
```
#640160 rgb(100,1,96)
```
#770172
```
#770172 rgb(119,1,114)
```
#8a0185
```
#8a0185 rgb(138,1,133)
```
#9e0198
```
#9e0198 rgb(158,1,152)
```
#b102aa
```
#b102aa rgb(177,2,170)
```
#c502bd
```
#c502bd rgb(197,2,189)
```
#d802d0
```
#d802d0 rgb(216,2,208)
```
#ec02e3
```
#ec02e3 rgb(236,2,227)
```

Shade Color Variation

#fd05f3
```
#fd05f3 rgb(253,5,243)
```
#fd18f4
```
#fd18f4 rgb(253,24,244)
```
#fd2bf5
```
#fd2bf5 rgb(253,43,245)
```
#fd3ff6
```
#fd3ff6 rgb(253,63,246)
```
#fe52f7
```
#fe52f7 rgb(254,82,247)
```
#fe66f8
```
#fe66f8 rgb(254,102,248)
```
#fe79f9
```
#fe79f9 rgb(254,121,249)
```
#fe8dfa
```
#fe8dfa rgb(254,141,250)
```
#fea0fa
```
#fea0fa rgb(254,160,250)
```
#feb4fb
```
#feb4fb rgb(254,180,251)
```
#ffc7fc
```
#ffc7fc rgb(255,199,252)
```
#ffdafd
```
#ffdafd rgb(255,218,253)
```
#ffeefe
```
#ffeefe rgb(255,238,254)
```

Tint Color Variation

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

#918491
```
#918491 rgb(145,132,145)
```
#9a7b99
```
#9a7b99 rgb(154,123,153)
```
#a372a1
```
#a372a1 rgb(163,114,161)
```
#ac69aa
```
#ac69aa rgb(172,105,170)
```
#b560b2
```
#b560b2 rgb(181,96,178)
```
#be57ba
```
#be57ba rgb(190,87,186)
```
#c74ec2
```
#c74ec2 rgb(199,78,194)
```
#d045cb
```
#d045cb rgb(208,69,203)
```
#d93cd3
```
#d93cd3 rgb(217,60,211)
```
#e233db
```
#e233db rgb(226,51,219)
```
#eb2ae3
```
#eb2ae3 rgb(235,42,227)
```
#f421ec
```
#f421ec rgb(244,33,236)
```
#fd18f4
```
#fd18f4 rgb(253,24,244)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#91638f Atypical Achromatopsia 0.001% of the population

Dichromacy

#5a93ff Protanopia 1% of men
#6e95de Deuteranopia 1% of men
#ee6b71 Tritanopia 0.001% of the population

Trichromacy

#9566fb Protanomaly 1% of men, 0.01% of women
#a268e6 Deuteranomaly 6% of men, 0.4% of women
#f34da1 Tritanomaly 0.01% of the population

#fd18f4 hex color

#fd18f4 Color Information

#fd18f4 Color Conversion

Color Schemes with #fd18f4

Alternatives to #fd18f4

#fd18f4 Preview

Shades and Tints of #fd18f4

Tones of #fd18f4

Color Blindness Simulator