#f02ad1 hex color

In a RGB color space, hex #f02ad1 is composed of 94.1% red, 16.5% green and 82% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 82.5% magenta, 12.9% yellow and 5.9% black. It has a hue angle of 309.4 degrees, a saturation of 86.8% and a lightness of 55.3%. #f02ad1 color hex could be obtained by blending #ff54ff with #e100a3. Closest websafe color is: #ff33cc.

♥
- f
- t
- g
- R 94
- G 16
- B 82
RGB color chart
- C 0
- M 83
- Y 13
- K 6
CMYK color chart

● #f02ad1 color description : Bright magenta.

The hexadecimal color #f02ad1 has RGB values of R:240, G:42, B:209 and CMYK values of C:0, M:0.83, Y:0.13, K:0.06. Its decimal value is 15739601.

Hex triplet	f02ad1	`#f02ad1`
RGB Decimal	240, 42, 209	`rgb(240,42,209)`
RGB Percent	94.1, 16.5, 82	`rgb(94.1%,16.5%,82%)`
CMYK	0, 83, 13, 6
HSL	309.4°, 86.8, 55.3	`hsl(309.4,86.8%,55.3%)`
HSV (or HSB)	309.4°, 82.5, 94.1
Web Safe	ff33cc	`#ff33cc`

CIE-LAB	56.869, 84.832, -40.633
XYZ	48.272, 24.789, 62.561
xyY	0.356, 0.183, 24.789
CIE-LCH	56.869, 94.061, 334.407
CIE-LUV	56.869, 88.605, -74.867
Hunter-Lab	49.788, 85.934, -39.648
Binary	11110000, 00101010, 11010001

#f02ad1
```
#f02ad1 rgb(240,42,209)
```
#2af049
```
#2af049 rgb(42,240,73)
```

Complementary Color

#ac2af0
```
#ac2af0 rgb(172,42,240)
```
#f02ad1
```
#f02ad1 rgb(240,42,209)
```
#f02a6e
```
#f02a6e rgb(240,42,110)
```

Analogous Color

#2af0ac
```
#2af0ac rgb(42,240,172)
```
#f02ad1
```
#f02ad1 rgb(240,42,209)
```
#6ef02a
```
#6ef02a rgb(110,240,42)
```

Split Complementary Color

#2ad1f0
```
#2ad1f0 rgb(42,209,240)
```
#f02ad1
```
#f02ad1 rgb(240,42,209)
```
#d1f02a
```
#d1f02a rgb(209,240,42)
```

Triadic Color

#492af0
```
#492af0 rgb(73,42,240)
```
#f02ad1
```
#f02ad1 rgb(240,42,209)
```
#d1f02a
```
#d1f02a rgb(209,240,42)
```
#2af049
```
#2af049 rgb(42,240,73)
```

Tetradic Color

#c00ea4
```
#c00ea4 rgb(192,14,164)
```
#d80fb8
```
#d80fb8 rgb(216,15,184)
```
#ee12cc
```
#ee12cc rgb(238,18,204)
```
#f02ad1
```
#f02ad1 rgb(240,42,209)
```
#f242d6
```
#f242d6 rgb(242,66,214)
```
#f35adb
```
#f35adb rgb(243,90,219)
```
#f571e0
```
#f571e0 rgb(245,113,224)
```

Monochromatic Color

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

#de2af0
```
#de2af0 rgb(222,42,240)
```
#ee2af0
```
#ee2af0 rgb(238,42,240)
```
#f02ae2
```
#f02ae2 rgb(240,42,226)
```
#f02ad1
```
#f02ad1 rgb(240,42,209)
```
#f02ac1
```
#f02ac1 rgb(240,42,193)
```
#f02ab0
```
#f02ab0 rgb(240,42,176)
```
#f02aa0
```
#f02aa0 rgb(240,42,160)
```

Similar Colors

Text with hexadecimal color #f02ad1

This text has a font color of #f02ad1.

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

#f02ad1 background color

This paragraph has a background color of #f02ad1.

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

#f02ad1 border color

This element has a border color of #f02ad1.

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

CSS codes

.text {color:#f02ad1;}

.background {background-color:#f02ad1;}

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

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, #070006 is the darkest color, while #fef4fd is the lightest one.

#070006
```
#070006 rgb(7,0,6)
```
#190216
```
#190216 rgb(25,2,22)
```
#2c0325
```
#2c0325 rgb(44,3,37)
```
#3e0435
```
#3e0435 rgb(62,4,53)
```
#500645
```
#500645 rgb(80,6,69)
```
#630754
```
#630754 rgb(99,7,84)
```
#750864
```
#750864 rgb(117,8,100)
```
#870a74
```
#870a74 rgb(135,10,116)
```
#990b83
```
#990b83 rgb(153,11,131)
```
#ac0c93
```
#ac0c93 rgb(172,12,147)
```
#be0da2
```
#be0da2 rgb(190,13,162)
```
#d00fb2
```
#d00fb2 rgb(208,15,178)
```
#e310c2
```
#e310c2 rgb(227,16,194)
```

Shade Color Variation

#ef18cd
```
#ef18cd rgb(239,24,205)
```
#f02ad1
```
#f02ad1 rgb(240,42,209)
```
#f13cd5
```
#f13cd5 rgb(241,60,213)
```
#f34fd9
```
#f34fd9 rgb(243,79,217)
```
#f461dd
```
#f461dd rgb(244,97,221)
```
#f573e1
```
#f573e1 rgb(245,115,225)
```
#f686e5
```
#f686e5 rgb(246,134,229)
```
#f898e9
```
#f898e9 rgb(248,152,233)
```
#f9aaed
```
#f9aaed rgb(249,170,237)
```
#fabdf1
```
#fabdf1 rgb(250,189,241)
```
#fccff5
```
#fccff5 rgb(252,207,245)
```
#fde1f9
```
#fde1f9 rgb(253,225,249)
```
#fef4fd
```
#fef4fd rgb(254,244,253)
```

Tint Color Variation

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

#908a8f
```
#908a8f rgb(144,138,143)
```
#988295
```
#988295 rgb(152,130,149)
```
#a1799b
```
#a1799b rgb(161,121,155)
```
#aa70a1
```
#aa70a1 rgb(170,112,161)
```
#b367a7
```
#b367a7 rgb(179,103,167)
```
#bb5fad
```
#bb5fad rgb(187,95,173)
```
#c456b3
```
#c456b3 rgb(196,86,179)
```
#cd4db9
```
#cd4db9 rgb(205,77,185)
```
#d644bf
```
#d644bf rgb(214,68,191)
```
#de3cc5
```
#de3cc5 rgb(222,60,197)
```
#e733cb
```
#e733cb rgb(231,51,203)
```
#f02ad1
```
#f02ad1 rgb(240,42,209)
```
#f921d7
```
#f921d7 rgb(249,33,215)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#90688a Atypical Achromatopsia 0.001% of the population

Dichromacy

#458aff Protanopia 1% of men
#7c8dc0 Deuteranopia 1% of men
#e56268 Tritanopia 0.001% of the population

Trichromacy

#8367ee Protanomaly 1% of men, 0.01% of women
#a669c6 Deuteranomaly 6% of men, 0.4% of women
#e94e8e Tritanomaly 0.01% of the population

#f02ad1 hex color

#f02ad1 Color Information

#f02ad1 Color Conversion

Color Schemes with #f02ad1

Alternatives to #f02ad1

#f02ad1 Preview

Shades and Tints of #f02ad1

Tones of #f02ad1

Color Blindness Simulator