#fd18b2 hex color

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

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

● #fd18b2 color description : Vivid pink.

The hexadecimal color #fd18b2 has RGB values of R:253, G:24, B:178 and CMYK values of C:0, M:0.91, Y:0.3, K:0.01. Its decimal value is 16586930.

Hex triplet	fd18b2	`#fd18b2`
RGB Decimal	253, 24, 178	`rgb(253,24,178)`
RGB Percent	99.2, 9.4, 69.8	`rgb(99.2%,9.4%,69.8%)`
CMYK	0, 91, 30, 1
HSL	319.7°, 98.3, 54.3	`hsl(319.7,98.3%,54.3%)`
HSV (or HSB)	319.7°, 90.5, 99.2
Web Safe	ff0099	`#ff0099`

CIE-LAB	56.836, 86.619, -22.644
XYZ	48.871, 24.755, 44.322
xyY	0.414, 0.21, 24.755
CIE-LCH	56.836, 89.529, 345.35
CIE-LUV	56.836, 114.935, -48.447
Hunter-Lab	49.754, 88.261, -17.988
Binary	11111101, 00011000, 10110010

#fd18b2
```
#fd18b2 rgb(253,24,178)
```
#18fd63
```
#18fd63 rgb(24,253,99)
```

Complementary Color

#d618fd
```
#d618fd rgb(214,24,253)
```
#fd18b2
```
#fd18b2 rgb(253,24,178)
```
#fd1840
```
#fd1840 rgb(253,24,64)
```

Analogous Color

#18fdd6
```
#18fdd6 rgb(24,253,214)
```
#fd18b2
```
#fd18b2 rgb(253,24,178)
```
#40fd18
```
#40fd18 rgb(64,253,24)
```

Split Complementary Color

#18b2fd
```
#18b2fd rgb(24,178,253)
```
#fd18b2
```
#fd18b2 rgb(253,24,178)
```
#b2fd18
```
#b2fd18 rgb(178,253,24)
```

Triadic Color

#6318fd
```
#6318fd rgb(99,24,253)
```
#fd18b2
```
#fd18b2 rgb(253,24,178)
```
#b2fd18
```
#b2fd18 rgb(178,253,24)
```
#18fd63
```
#18fd63 rgb(24,253,99)
```

Tetradic Color

#c70286
```
#c70286 rgb(199,2,134)
```
#e00297
```
#e00297 rgb(224,2,151)
```
#f902a8
```
#f902a8 rgb(249,2,168)
```
#fd18b2
```
#fd18b2 rgb(253,24,178)
```
#fd31ba
```
#fd31ba rgb(253,49,186)
```
#fd4bc3
```
#fd4bc3 rgb(253,75,195)
```
#fe64cb
```
#fe64cb rgb(254,100,203)
```

Monochromatic Color

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

#fd18eb
```
#fd18eb rgb(253,24,235)
```
#fd18d8
```
#fd18d8 rgb(253,24,216)
```
#fd18c5
```
#fd18c5 rgb(253,24,197)
```
#fd18b2
```
#fd18b2 rgb(253,24,178)
```
#fd189f
```
#fd189f rgb(253,24,159)
```
#fd188c
```
#fd188c rgb(253,24,140)
```
#fd1879
```
#fd1879 rgb(253,24,121)
```

Similar Colors

Text with hexadecimal color #fd18b2

This text has a font color of #fd18b2.

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

#fd18b2 background color

This paragraph has a background color of #fd18b2.

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

#fd18b2 border color

This element has a border color of #fd18b2.

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

CSS codes

.text {color:#fd18b2;}

.background {background-color:#fd18b2;}

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

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 #ffeef9 is the lightest one.

#020002
```
#020002 rgb(2,0,2)
```
#16000f
```
#16000f rgb(22,0,15)
```
#29001c
```
#29001c rgb(41,0,28)
```
#3d0129
```
#3d0129 rgb(61,1,41)
```
#500136
```
#500136 rgb(80,1,54)
```
#640143
```
#640143 rgb(100,1,67)
```
#770150
```
#770150 rgb(119,1,80)
```
#8a015e
```
#8a015e rgb(138,1,94)
```
#9e016b
```
#9e016b rgb(158,1,107)
```
#b10278
```
#b10278 rgb(177,2,120)
```
#c50285
```
#c50285 rgb(197,2,133)
```
#d80292
```
#d80292 rgb(216,2,146)
```
#ec029f
```
#ec029f rgb(236,2,159)
```

Shade Color Variation

#fd05ac
```
#fd05ac rgb(253,5,172)
```
#fd18b2
```
#fd18b2 rgb(253,24,178)
```
#fd2bb8
```
#fd2bb8 rgb(253,43,184)
```
#fd3fbf
```
#fd3fbf rgb(253,63,191)
```
#fe52c5
```
#fe52c5 rgb(254,82,197)
```
#fe66cc
```
#fe66cc rgb(254,102,204)
```
#fe79d2
```
#fe79d2 rgb(254,121,210)
```
#fe8dd9
```
#fe8dd9 rgb(254,141,217)
```
#fea0df
```
#fea0df rgb(254,160,223)
```
#feb4e6
```
#feb4e6 rgb(254,180,230)
```
#ffc7ec
```
#ffc7ec rgb(255,199,236)
```
#ffdaf3
```
#ffdaf3 rgb(255,218,243)
```
#ffeef9
```
#ffeef9 rgb(255,238,249)
```

Tint Color Variation

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

#91848d
```
#91848d rgb(145,132,141)
```
#9a7b90
```
#9a7b90 rgb(154,123,144)
```
#a37293
```
#a37293 rgb(163,114,147)
```
#ac6996
```
#ac6996 rgb(172,105,150)
```
#b56099
```
#b56099 rgb(181,96,153)
```
#be579c
```
#be579c rgb(190,87,156)
```
#c74e9f
```
#c74e9f rgb(199,78,159)
```
#d045a3
```
#d045a3 rgb(208,69,163)
```
#d93ca6
```
#d93ca6 rgb(217,60,166)
```
#e233a9
```
#e233a9 rgb(226,51,169)
```
#eb2aac
```
#eb2aac rgb(235,42,172)
```
#f421af
```
#f421af rgb(244,33,175)
```
#fd18b2
```
#fd18b2 rgb(253,24,178)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#8b5d7c Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b8bee Protanopia 1% of men
#908ba4 Deuteranopia 1% of men
#f55255 Tritanopia 0.001% of the population

Trichromacy

#9661d8 Protanomaly 1% of men, 0.01% of women
#b761a9 Deuteranomaly 6% of men, 0.4% of women
#f83d77 Tritanomaly 0.01% of the population

#fd18b2 hex color

#fd18b2 Color Information

#fd18b2 Color Conversion

Color Schemes with #fd18b2

Alternatives to #fd18b2

#fd18b2 Preview

Shades and Tints of #fd18b2

Tones of #fd18b2

Color Blindness Simulator