colorhexa.com

#fd02b2 hex color

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

- R 99
- G 1
- B 70
RGB color chart
- C 0
- M 99
- Y 30
- K 1
CMYK color chart

● #fd02b2 color description : Vivid pink.

The hexadecimal color #fd02b2 has RGB values of R:253, G:2, B:178 and CMYK values of C:0, M:0.99, Y:0.3, K:0.01. Its decimal value is 16581298.

Hex triplet	fd02b2	`#fd02b2`
RGB Decimal	253, 2, 178	`rgb(253,2,178)`
RGB Percent	99.2, 0.8, 69.8	`rgb(99.2%,0.8%,69.8%)`
CMYK	0, 99, 30, 1
HSL	317.9°, 98.4, 50	`hsl(317.9,98.4%,50%)`
HSV (or HSB)	317.9°, 99.2, 99.2
Web Safe	ff0099	`#ff0099`

CIE-LAB	56.233, 88.383, -23.57
XYZ	48.566, 24.145, 44.22
xyY	0.415, 0.206, 24.145
CIE-LCH	56.233, 91.472, 345.068
CIE-LUV	56.233, 116.713, -50.029
Hunter-Lab	49.138, 90.433, -18.96
Binary	11111101, 00000010, 10110010

#fd02b2
```
#fd02b2 rgb(253,2,178)
```
#02fd4d
```
#02fd4d rgb(2,253,77)
```

Complementary Color

#cb02fd
```
#cb02fd rgb(203,2,253)
```
#fd02b2
```
#fd02b2 rgb(253,2,178)
```
#fd0234
```
#fd0234 rgb(253,2,52)
```

Analogous Color

#02fdcb
```
#02fdcb rgb(2,253,203)
```
#fd02b2
```
#fd02b2 rgb(253,2,178)
```
#34fd02
```
#34fd02 rgb(52,253,2)
```

Split Complementary Color

#02b2fd
```
#02b2fd rgb(2,178,253)
```
#fd02b2
```
#fd02b2 rgb(253,2,178)
```
#b2fd02
```
#b2fd02 rgb(178,253,2)
```

Triadic Color

#b1017d
```
#b1017d rgb(177,1,125)
```
#ca028e
```
#ca028e rgb(202,2,142)
```
#e402a0
```
#e402a0 rgb(228,2,160)
```
#fd02b2
```
#fd02b2 rgb(253,2,178)
```
#fd1bba
```
#fd1bba rgb(253,27,186)
```
#fd35c1
```
#fd35c1 rgb(253,53,193)
```
#fe4ec9
```
#fe4ec9 rgb(254,78,201)
```

Monochromatic Color

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

#fd02f1
```
#fd02f1 rgb(253,2,241)
```
#fd02dc
```
#fd02dc rgb(253,2,220)
```
#fd02c7
```
#fd02c7 rgb(253,2,199)
```
#fd02b2
```
#fd02b2 rgb(253,2,178)
```
#fd029d
```
#fd029d rgb(253,2,157)
```
#fd0288
```
#fd0288 rgb(253,2,136)
```
#fd0273
```
#fd0273 rgb(253,2,115)
```

Similar Colors

Text with hexadecimal color #fd02b2

This text has a font color of #fd02b2.

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

#fd02b2 background color

This paragraph has a background color of #fd02b2.

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

#fd02b2 border color

This element has a border color of #fd02b2.

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

CSS codes

.text {color:#fd02b2;}

.background {background-color:#fd02b2;}

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

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

#13000e
```
#13000e rgb(19,0,14)
```
#27001b
```
#27001b rgb(39,0,27)
```
#3a0029
```
#3a0029 rgb(58,0,41)
```
#4e0137
```
#4e0137 rgb(78,1,55)
```
#610144
```
#610144 rgb(97,1,68)
```
#750152
```
#750152 rgb(117,1,82)
```
#880160
```
#880160 rgb(136,1,96)
```
#9c016e
```
#9c016e rgb(156,1,110)
```
#af017b
```
#af017b rgb(175,1,123)
```
#c30289
```
#c30289 rgb(195,2,137)
```
#d60297
```
#d60297 rgb(214,2,151)
```
#ea02a4
```
#ea02a4 rgb(234,2,164)
```
#fd02b2
```
#fd02b2 rgb(253,2,178)
```

Shade Color Variation

#fd15b8
```
#fd15b8 rgb(253,21,184)
```
#fd29be
```
#fd29be rgb(253,41,190)
```
#fd3cc4
```
#fd3cc4 rgb(253,60,196)
```
#fe50ca
```
#fe50ca rgb(254,80,202)
```
#fe63d0
```
#fe63d0 rgb(254,99,208)
```
#fe77d6
```
#fe77d6 rgb(254,119,214)
```
#fe8adb
```
#fe8adb rgb(254,138,219)
```
#fe9ee1
```
#fe9ee1 rgb(254,158,225)
```
#feb1e7
```
#feb1e7 rgb(254,177,231)
```
#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, #877883 is the less saturated color, while #fd02b2 is the most saturated one.

#877883
```
#877883 rgb(135,120,131)
```
#916e87
```
#916e87 rgb(145,110,135)
```
#9b648b
```
#9b648b rgb(155,100,139)
```
#a55a8e
```
#a55a8e rgb(165,90,142)
```
#af5092
```
#af5092 rgb(175,80,146)
```
#b84796
```
#b84796 rgb(184,71,150)
```
#c23d9a
```
#c23d9a rgb(194,61,154)
```
#cc339e
```
#cc339e rgb(204,51,158)
```
#d629a2
```
#d629a2 rgb(214,41,162)
```
#e01fa6
```
#e01fa6 rgb(224,31,166)
```
#e916aa
```
#e916aa rgb(233,22,170)
```
#f30cae
```
#f30cae rgb(243,12,174)
```
#fd02b2
```
#fd02b2 rgb(253,2,178)
```

Tone Color Variation

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

#5489f1 Protanopia 1% of men
#8e8aa4 Deuteranopia 1% of men
#f54e51 Tritanopia 0.001% of the population

Trichromacy

#9158da Protanomaly 1% of men, 0.01% of women
#b658a9 Deuteranomaly 6% of men, 0.4% of women
#f83274 Tritanomaly 0.01% of the population