colorhexa.com

#fd02c1 hex color

In a RGB color space, hex #fd02c1 is composed of 99.2% red, 0.8% green and 75.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 99.2% magenta, 23.7% yellow and 0.8% black. It has a hue angle of 314.3 degrees, a saturation of 98.4% and a lightness of 50%. #fd02c1 color hex could be obtained by blending #ff04ff with #fb0083. Closest websafe color is: #ff00cc.

- R 99
- G 1
- B 76
RGB color chart
- C 0
- M 99
- Y 24
- K 1
CMYK color chart

● #fd02c1 color description : Vivid magenta.

The hexadecimal color #fd02c1 has RGB values of R:253, G:2, B:193 and CMYK values of C:0, M:0.99, Y:0.24, K:0.01. Its decimal value is 16581313.

Hex triplet	fd02c1	`#fd02c1`
RGB Decimal	253, 2, 193	`rgb(253,2,193)`
RGB Percent	99.2, 0.8, 75.7	`rgb(99.2%,0.8%,75.7%)`
CMYK	0, 99, 24, 1
HSL	314.3°, 98.4, 50	`hsl(314.3,98.4%,50%)`
HSV (or HSB)	314.3°, 99.2, 99.2
Web Safe	ff00cc	`#ff00cc`

CIE-LAB	56.861, 89.988, -31.298
XYZ	50.156, 24.781, 52.591
xyY	0.393, 0.194, 24.781
CIE-LCH	56.861, 95.275, 340.822
CIE-LUV	56.861, 109.604, -61.773
Hunter-Lab	49.781, 92.729, -27.791
Binary	11111101, 00000010, 11000001

#fd02c1
```
#fd02c1 rgb(253,2,193)
```
#02fd3e
```
#02fd3e rgb(2,253,62)
```

Complementary Color

#bc02fd
```
#bc02fd rgb(188,2,253)
```
#fd02c1
```
#fd02c1 rgb(253,2,193)
```
#fd0244
```
#fd0244 rgb(253,2,68)
```

Analogous Color

#02fdbc
```
#02fdbc rgb(2,253,188)
```
#fd02c1
```
#fd02c1 rgb(253,2,193)
```
#44fd02
```
#44fd02 rgb(68,253,2)
```

Split Complementary Color

#02c1fd
```
#02c1fd rgb(2,193,253)
```
#fd02c1
```
#fd02c1 rgb(253,2,193)
```
#c1fd02
```
#c1fd02 rgb(193,253,2)
```

Triadic Color

#b10187
```
#b10187 rgb(177,1,135)
```
#ca029a
```
#ca029a rgb(202,2,154)
```
#e402ae
```
#e402ae rgb(228,2,174)
```
#fd02c1
```
#fd02c1 rgb(253,2,193)
```
#fd1bc7
```
#fd1bc7 rgb(253,27,199)
```
#fd35cd
```
#fd35cd rgb(253,53,205)
```
#fe4ed4
```
#fe4ed4 rgb(254,78,212)
```

Monochromatic Color

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

#fa02fd
```
#fa02fd rgb(250,2,253)
```
#fd02eb
```
#fd02eb rgb(253,2,235)
```
#fd02d6
```
#fd02d6 rgb(253,2,214)
```
#fd02c1
```
#fd02c1 rgb(253,2,193)
```
#fd02ac
```
#fd02ac rgb(253,2,172)
```
#fd0297
```
#fd0297 rgb(253,2,151)
```
#fd0282
```
#fd0282 rgb(253,2,130)
```

Similar Colors

Text with hexadecimal color #fd02c1

This text has a font color of #fd02c1.

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

#fd02c1 background color

This paragraph has a background color of #fd02c1.

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

#fd02c1 border color

This element has a border color of #fd02c1.

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

CSS codes

.text {color:#fd02c1;}

.background {background-color:#fd02c1;}

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

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, #13000f is the darkest color, while #ffffff is the lightest one.

#13000f
```
#13000f rgb(19,0,15)
```
#27001e
```
#27001e rgb(39,0,30)
```
#3a002d
```
#3a002d rgb(58,0,45)
```
#4e013b
```
#4e013b rgb(78,1,59)
```
#61014a
```
#61014a rgb(97,1,74)
```
#750159
```
#750159 rgb(117,1,89)
```
#880168
```
#880168 rgb(136,1,104)
```
#9c0177
```
#9c0177 rgb(156,1,119)
```
#af0186
```
#af0186 rgb(175,1,134)
```
#c30294
```
#c30294 rgb(195,2,148)
```
#d602a3
```
#d602a3 rgb(214,2,163)
```
#ea02b2
```
#ea02b2 rgb(234,2,178)
```
#fd02c1
```
#fd02c1 rgb(253,2,193)
```

Shade Color Variation

#fd15c6
```
#fd15c6 rgb(253,21,198)
```
#fd29cb
```
#fd29cb rgb(253,41,203)
```
#fd3ccf
```
#fd3ccf rgb(253,60,207)
```
#fe50d4
```
#fe50d4 rgb(254,80,212)
```
#fe63d9
```
#fe63d9 rgb(254,99,217)
```
#fe77de
```
#fe77de rgb(254,119,222)
```
#fe8ae2
```
#fe8ae2 rgb(254,138,226)
```
#fe9ee7
```
#fe9ee7 rgb(254,158,231)
```
#feb1ec
```
#feb1ec rgb(254,177,236)
```
#ffc5f1
```
#ffc5f1 rgb(255,197,241)
```
#ffd8f5
```
#ffd8f5 rgb(255,216,245)
```
#ffecfa
```
#ffecfa rgb(255,236,250)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#877884
```
#877884 rgb(135,120,132)
```
#916e89
```
#916e89 rgb(145,110,137)
```
#9b648e
```
#9b648e rgb(155,100,142)
```
#a55a93
```
#a55a93 rgb(165,90,147)
```
#af5098
```
#af5098 rgb(175,80,152)
```
#b8479d
```
#b8479d rgb(184,71,157)
```
#c23da2
```
#c23da2 rgb(194,61,162)
```
#cc33a7
```
#cc33a7 rgb(204,51,167)
```
#d629ad
```
#d629ad rgb(214,41,173)
```
#e01fb2
```
#e01fb2 rgb(224,31,178)
```
#e916b7
```
#e916b7 rgb(233,22,183)
```
#f30cbc
```
#f30cbc rgb(243,12,188)
```
#fd02c1
```
#fd02c1 rgb(253,2,193)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#825076 Atypical Achromatopsia 0.001% of the population

Dichromacy

#458aff Protanopia 1% of men
#888cb1 Deuteranopia 1% of men
#f45458 Tritanopia 0.001% of the population

Trichromacy

#8859e8 Protanomaly 1% of men, 0.01% of women
#b259b7 Deuteranomaly 6% of men, 0.4% of women
#f7367e Tritanomaly 0.01% of the population