#fd02af hex color

In a RGB color space, hex #fd02af is composed of 99.2% red, 0.8% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 99.2% magenta, 30.8% yellow and 0.8% black. It has a hue angle of 318.6 degrees, a saturation of 98.4% and a lightness of 50%. #fd02af color hex could be obtained by blending #ff04ff with #fb005f. Closest websafe color is: #ff0099.

♥
- f
- t
- g
- R 99
- G 1
- B 69
RGB color chart
- C 0
- M 99
- Y 31
- K 1
CMYK color chart

● #fd02af color description : Vivid pink.

The hexadecimal color #fd02af has RGB values of R:253, G:2, B:175 and CMYK values of C:0, M:0.99, Y:0.31, K:0.01. Its decimal value is 16581295.

Hex triplet	fd02af	`#fd02af`
RGB Decimal	253, 2, 175	`rgb(253,2,175)`
RGB Percent	99.2, 0.8, 68.6	`rgb(99.2%,0.8%,68.6%)`
CMYK	0, 99, 31, 1
HSL	318.6°, 98.4, 50	`hsl(318.6,98.4%,50%)`
HSV (or HSB)	318.6°, 99.2, 99.2
Web Safe	ff0099	`#ff0099`

CIE-LAB	56.114, 88.077, -22.002
XYZ	48.268, 24.026, 42.651
xyY	0.42, 0.209, 24.026
CIE-LCH	56.114, 90.784, 345.974
CIE-LUV	56.114, 118.148, -47.689
Hunter-Lab	49.016, 89.997, -17.279
Binary	11111101, 00000010, 10101111

#fd02af
```
#fd02af rgb(253,2,175)
```
#02fd50
```
#02fd50 rgb(2,253,80)
```

Complementary Color

#ce02fd
```
#ce02fd rgb(206,2,253)
```
#fd02af
```
#fd02af rgb(253,2,175)
```
#fd0231
```
#fd0231 rgb(253,2,49)
```

Analogous Color

#02fdce
```
#02fdce rgb(2,253,206)
```
#fd02af
```
#fd02af rgb(253,2,175)
```
#31fd02
```
#31fd02 rgb(49,253,2)
```

Split Complementary Color

#02affd
```
#02affd rgb(2,175,253)
```
#fd02af
```
#fd02af rgb(253,2,175)
```
#affd02
```
#affd02 rgb(175,253,2)
```

Triadic Color

#5002fd
```
#5002fd rgb(80,2,253)
```
#fd02af
```
#fd02af rgb(253,2,175)
```
#affd02
```
#affd02 rgb(175,253,2)
```
#02fd50
```
#02fd50 rgb(2,253,80)
```

Tetradic Color

#b1017b
```
#b1017b rgb(177,1,123)
```
#ca028c
```
#ca028c rgb(202,2,140)
```
#e4029e
```
#e4029e rgb(228,2,158)
```
#fd02af
```
#fd02af rgb(253,2,175)
```
#fd1bb7
```
#fd1bb7 rgb(253,27,183)
```
#fd35bf
```
#fd35bf rgb(253,53,191)
```
#fe4ec7
```
#fe4ec7 rgb(254,78,199)
```

Monochromatic Color

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

#fd02ee
```
#fd02ee rgb(253,2,238)
```
#fd02d9
```
#fd02d9 rgb(253,2,217)
```
#fd02c4
```
#fd02c4 rgb(253,2,196)
```
#fd02af
```
#fd02af rgb(253,2,175)
```
#fd029a
```
#fd029a rgb(253,2,154)
```
#fd0285
```
#fd0285 rgb(253,2,133)
```
#fd0270
```
#fd0270 rgb(253,2,112)
```

Similar Colors

Text with hexadecimal color #fd02af

This text has a font color of #fd02af.

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

#fd02af background color

This paragraph has a background color of #fd02af.

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

#fd02af border color

This element has a border color of #fd02af.

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

CSS codes

.text {color:#fd02af;}

.background {background-color:#fd02af;}

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

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

#13000d
```
#13000d rgb(19,0,13)
```
#27001b
```
#27001b rgb(39,0,27)
```
#3a0028
```
#3a0028 rgb(58,0,40)
```
#4e0136
```
#4e0136 rgb(78,1,54)
```
#610143
```
#610143 rgb(97,1,67)
```
#750151
```
#750151 rgb(117,1,81)
```
#88015e
```
#88015e rgb(136,1,94)
```
#9c016c
```
#9c016c rgb(156,1,108)
```
#af0179
```
#af0179 rgb(175,1,121)
```
#c30287
```
#c30287 rgb(195,2,135)
```
#d60294
```
#d60294 rgb(214,2,148)
```
#ea02a2
```
#ea02a2 rgb(234,2,162)
```
#fd02af
```
#fd02af rgb(253,2,175)
```

Shade Color Variation

#fd15b5
```
#fd15b5 rgb(253,21,181)
```
#fd29bb
```
#fd29bb rgb(253,41,187)
```
#fd3cc1
```
#fd3cc1 rgb(253,60,193)
```
#fe50c8
```
#fe50c8 rgb(254,80,200)
```
#fe63ce
```
#fe63ce rgb(254,99,206)
```
#fe77d4
```
#fe77d4 rgb(254,119,212)
```
#fe8ada
```
#fe8ada rgb(254,138,218)
```
#fe9ee0
```
#fe9ee0 rgb(254,158,224)
```
#feb1e6
```
#feb1e6 rgb(254,177,230)
```
#ffc5ed
```
#ffc5ed rgb(255,197,237)
```
#ffd8f3
```
#ffd8f3 rgb(255,216,243)
```
#ffecf9
```
#ffecf9 rgb(255,236,249)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#877882
```
#877882 rgb(135,120,130)
```
#916e86
```
#916e86 rgb(145,110,134)
```
#9b648a
```
#9b648a rgb(155,100,138)
```
#a55a8e
```
#a55a8e rgb(165,90,142)
```
#af5091
```
#af5091 rgb(175,80,145)
```
#b84795
```
#b84795 rgb(184,71,149)
```
#c23d99
```
#c23d99 rgb(194,61,153)
```
#cc339c
```
#cc339c rgb(204,51,156)
```
#d629a0
```
#d629a0 rgb(214,41,160)
```
#e01fa4
```
#e01fa4 rgb(224,31,164)
```
#e916a8
```
#e916a8 rgb(233,22,168)
```
#f30cab
```
#f30cab rgb(243,12,171)
```
#fd02af
```
#fd02af rgb(253,2,175)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#804e71 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5789ee Protanopia 1% of men
#8f89a1 Deuteranopia 1% of men
#f64d50 Tritanopia 0.001% of the population

Trichromacy

#9358d7 Protanomaly 1% of men, 0.01% of women
#b758a6 Deuteranomaly 6% of men, 0.4% of women
#f83172 Tritanomaly 0.01% of the population

#fd02af hex color

#fd02af Color Information

#fd02af Color Conversion

Color Schemes with #fd02af

Alternatives to #fd02af

#fd02af Preview

Shades and Tints of #fd02af

Tones of #fd02af

Color Blindness Simulator