#f502db hex color

In a RGB color space, hex #f502db is composed of 96.1% red, 0.8% green and 85.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 99.2% magenta, 10.6% yellow and 3.9% black. It has a hue angle of 306.4 degrees, a saturation of 98.4% and a lightness of 48.4%. #f502db color hex could be obtained by blending #ff04ff with #eb00b7. Closest websafe color is: #ff00cc.

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

● #f502db color description : Vivid magenta.

The hexadecimal color #f502db has RGB values of R:245, G:2, B:219 and CMYK values of C:0, M:0.99, Y:0.11, K:0.04. Its decimal value is 16057051.

Hex triplet	f502db	`#f502db`
RGB Decimal	245, 2, 219	`rgb(245,2,219)`
RGB Percent	96.1, 0.8, 85.9	`rgb(96.1%,0.8%,85.9%)`
CMYK	0, 99, 11, 4
HSL	306.4°, 98.4, 48.4	`hsl(306.4,98.4%,48.4%)`
HSV (or HSB)	306.4°, 99.2, 96.1
Web Safe	ff00cc	`#ff00cc`

CIE-LAB	56.658, 91.688, -46.598
XYZ	50.464, 24.574, 69.1
xyY	0.35, 0.17, 24.574
CIE-LCH	56.658, 102.85, 333.06
CIE-LUV	56.658, 91.64, -84.884
Hunter-Lab	49.573, 94.957, -47.944
Binary	11110101, 00000010, 11011011

#f502db
```
#f502db rgb(245,2,219)
```
#02f51c
```
#02f51c rgb(2,245,28)
```

Complementary Color

#9602f5
```
#9602f5 rgb(150,2,245)
```
#f502db
```
#f502db rgb(245,2,219)
```
#f50262
```
#f50262 rgb(245,2,98)
```

Analogous Color

#02f596
```
#02f596 rgb(2,245,150)
```
#f502db
```
#f502db rgb(245,2,219)
```
#62f502
```
#62f502 rgb(98,245,2)
```

Split Complementary Color

#02dbf5
```
#02dbf5 rgb(2,219,245)
```
#f502db
```
#f502db rgb(245,2,219)
```
#dbf502
```
#dbf502 rgb(219,245,2)
```

Triadic Color

#1c02f5
```
#1c02f5 rgb(28,2,245)
```
#f502db
```
#f502db rgb(245,2,219)
```
#dbf502
```
#dbf502 rgb(219,245,2)
```
#02f51c
```
#02f51c rgb(2,245,28)
```

Tetradic Color

#a90197
```
#a90197 rgb(169,1,151)
```
#c202ae
```
#c202ae rgb(194,2,174)
```
#dc02c4
```
#dc02c4 rgb(220,2,196)
```
#f502db
```
#f502db rgb(245,2,219)
```
#fd13e4
```
#fd13e4 rgb(253,19,228)
```
#fd2de7
```
#fd2de7 rgb(253,45,231)
```
#fd46ea
```
#fd46ea rgb(253,70,234)
```

Monochromatic Color

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

#d202f5
```
#d202f5 rgb(210,2,245)
```
#e702f5
```
#e702f5 rgb(231,2,245)
```
#f502ef
```
#f502ef rgb(245,2,239)
```
#f502db
```
#f502db rgb(245,2,219)
```
#f502c7
```
#f502c7 rgb(245,2,199)
```
#f502b3
```
#f502b3 rgb(245,2,179)
```
#f5029e
```
#f5029e rgb(245,2,158)
```

Similar Colors

Text with hexadecimal color #f502db

This text has a font color of #f502db.

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

#f502db background color

This paragraph has a background color of #f502db.

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

#f502db border color

This element has a border color of #f502db.

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

CSS codes

.text {color:#f502db;}

.background {background-color:#f502db;}

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

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, #0c000a is the darkest color, while #fff7fe is the lightest one.

#0c000a
```
#0c000a rgb(12,0,10)
```
#1f001c
```
#1f001c rgb(31,0,28)
```
#32002d
```
#32002d rgb(50,0,45)
```
#46013e
```
#46013e rgb(70,1,62)
```
#590150
```
#590150 rgb(89,1,80)
```
#6d0161
```
#6d0161 rgb(109,1,97)
```
#800173
```
#800173 rgb(128,1,115)
```
#940184
```
#940184 rgb(148,1,132)
```
#a70195
```
#a70195 rgb(167,1,149)
```
#bb02a7
```
#bb02a7 rgb(187,2,167)
```
#ce02b8
```
#ce02b8 rgb(206,2,184)
```
#e202ca
```
#e202ca rgb(226,2,202)
```
#f502db
```
#f502db rgb(245,2,219)
```

Shade Color Variation

#fd0ee3
```
#fd0ee3 rgb(253,14,227)
```
#fd21e6
```
#fd21e6 rgb(253,33,230)
```
#fd34e8
```
#fd34e8 rgb(253,52,232)
```
#fe48ea
```
#fe48ea rgb(254,72,234)
```
#fe5bec
```
#fe5bec rgb(254,91,236)
```
#fe6fef
```
#fe6fef rgb(254,111,239)
```
#fe82f1
```
#fe82f1 rgb(254,130,241)
```
#fe96f3
```
#fe96f3 rgb(254,150,243)
```
#fea9f5
```
#fea9f5 rgb(254,169,245)
```
#febdf7
```
#febdf7 rgb(254,189,247)
```
#ffd0fa
```
#ffd0fa rgb(255,208,250)
```
#ffe4fc
```
#ffe4fc rgb(255,228,252)
```
#fff7fe
```
#fff7fe rgb(255,247,254)
```

Tint Color Variation

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

#837481
```
#837481 rgb(131,116,129)
```
#8d6b89
```
#8d6b89 rgb(141,107,137)
```
#966190
```
#966190 rgb(150,97,144)
```
#a05898
```
#a05898 rgb(160,88,152)
```
#a94e9f
```
#a94e9f rgb(169,78,159)
```
#b345a7
```
#b345a7 rgb(179,69,167)
```
#bc3bae
```
#bc3bae rgb(188,59,174)
```
#c632b6
```
#c632b6 rgb(198,50,182)
```
#cf28bd
```
#cf28bd rgb(207,40,189)
```
#d91fc5
```
#d91fc5 rgb(217,31,197)
```
#e215cc
```
#e215cc rgb(226,21,204)
```
#ec0cd4
```
#ec0cd4 rgb(236,12,212)
```
#f502db
```
#f502db rgb(245,2,219)
```

Tone Color Variation

Below, you can see how #f502db 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
#80507b Atypical Achromatopsia 0.001% of the population

Dichromacy

#428aff Protanopia 1% of men
#748dc7 Deuteranopia 1% of men
#e95e64 Tritanopia 0.001% of the population

Trichromacy

#8358f1 Protanomaly 1% of men, 0.01% of women
#a35ace Deuteranomaly 6% of men, 0.4% of women
#ed3d8f Tritanomaly 0.01% of the population

#f502db hex color

#f502db Color Information

#f502db Color Conversion

Color Schemes with #f502db

Alternatives to #f502db

#f502db Preview

Shades and Tints of #f502db

Tones of #f502db

Color Blindness Simulator