#f02ae0 hex color

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

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

● #f02ae0 color description : Bright magenta.

The hexadecimal color #f02ae0 has RGB values of R:240, G:42, B:224 and CMYK values of C:0, M:0.83, Y:0.07, K:0.06. Its decimal value is 15739616.

Hex triplet	f02ae0	`#f02ae0`
RGB Decimal	240, 42, 224	`rgb(240,42,224)`
RGB Percent	94.1, 16.5, 87.8	`rgb(94.1%,16.5%,87.8%)`
CMYK	0, 83, 7, 6
HSL	304.8°, 86.8, 55.3	`hsl(304.8,86.8%,55.3%)`
HSV (or HSB)	304.8°, 82.5, 94.1
Web Safe	ff33cc	`#ff33cc`

CIE-LAB	57.623, 86.868, -47.954
XYZ	50.217, 25.567, 72.807
xyY	0.338, 0.172, 25.567
CIE-LCH	57.623, 99.225, 331.1
CIE-LUV	57.623, 82.532, -86.519
Hunter-Lab	50.564, 88.791, -49.978
Binary	11110000, 00101010, 11100000

#f02ae0
```
#f02ae0 rgb(240,42,224)
```
#2af03a
```
#2af03a rgb(42,240,58)
```

Complementary Color

#9d2af0
```
#9d2af0 rgb(157,42,240)
```
#f02ae0
```
#f02ae0 rgb(240,42,224)
```
#f02a7d
```
#f02a7d rgb(240,42,125)
```

Analogous Color

#2af09d
```
#2af09d rgb(42,240,157)
```
#f02ae0
```
#f02ae0 rgb(240,42,224)
```
#7df02a
```
#7df02a rgb(125,240,42)
```

Split Complementary Color

#2ae0f0
```
#2ae0f0 rgb(42,224,240)
```
#f02ae0
```
#f02ae0 rgb(240,42,224)
```
#e0f02a
```
#e0f02a rgb(224,240,42)
```

Triadic Color

#3a2af0
```
#3a2af0 rgb(58,42,240)
```
#f02ae0
```
#f02ae0 rgb(240,42,224)
```
#e0f02a
```
#e0f02a rgb(224,240,42)
```
#2af03a
```
#2af03a rgb(42,240,58)
```

Tetradic Color

#c00eb2
```
#c00eb2 rgb(192,14,178)
```
#d80fc8
```
#d80fc8 rgb(216,15,200)
```
#ee12dd
```
#ee12dd rgb(238,18,221)
```
#f02ae0
```
#f02ae0 rgb(240,42,224)
```
#f242e3
```
#f242e3 rgb(242,66,227)
```
#f35ae7
```
#f35ae7 rgb(243,90,231)
```
#f571ea
```
#f571ea rgb(245,113,234)
```

Monochromatic Color

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

#cf2af0
```
#cf2af0 rgb(207,42,240)
```
#df2af0
```
#df2af0 rgb(223,42,240)
```
#f02af0
```
#f02af0 rgb(240,42,240)
```
#f02ae0
```
#f02ae0 rgb(240,42,224)
```
#f02ad0
```
#f02ad0 rgb(240,42,208)
```
#f02abf
```
#f02abf rgb(240,42,191)
```
#f02aaf
```
#f02aaf rgb(240,42,175)
```

Similar Colors

Text with hexadecimal color #f02ae0

This text has a font color of #f02ae0.

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

#f02ae0 background color

This paragraph has a background color of #f02ae0.

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

#f02ae0 border color

This element has a border color of #f02ae0.

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

CSS codes

.text {color:#f02ae0;}

.background {background-color:#f02ae0;}

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

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)
```
#190217
```
#190217 rgb(25,2,23)
```
#2c0328
```
#2c0328 rgb(44,3,40)
```
#3e0439
```
#3e0439 rgb(62,4,57)
```
#50064a
```
#50064a rgb(80,6,74)
```
#63075b
```
#63075b rgb(99,7,91)
```
#75086c
```
#75086c rgb(117,8,108)
```
#870a7d
```
#870a7d rgb(135,10,125)
```
#990b8e
```
#990b8e rgb(153,11,142)
```
#ac0c9f
```
#ac0c9f rgb(172,12,159)
```
#be0db0
```
#be0db0 rgb(190,13,176)
```
#d00fc1
```
#d00fc1 rgb(208,15,193)
```
#e310d2
```
#e310d2 rgb(227,16,210)
```

Shade Color Variation

#ef18dd
```
#ef18dd rgb(239,24,221)
```
#f02ae0
```
#f02ae0 rgb(240,42,224)
```
#f13ce3
```
#f13ce3 rgb(241,60,227)
```
#f34fe5
```
#f34fe5 rgb(243,79,229)
```
#f461e8
```
#f461e8 rgb(244,97,232)
```
#f573eb
```
#f573eb rgb(245,115,235)
```
#f686ed
```
#f686ed rgb(246,134,237)
```
#f898f0
```
#f898f0 rgb(248,152,240)
```
#f9aaf3
```
#f9aaf3 rgb(249,170,243)
```
#fabdf5
```
#fabdf5 rgb(250,189,245)
```
#fccff8
```
#fccff8 rgb(252,207,248)
```
#fde1fb
```
#fde1fb rgb(253,225,251)
```
#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 #f921e7 is the most saturated one.

#908a8f
```
#908a8f rgb(144,138,143)
```
#988296
```
#988296 rgb(152,130,150)
```
#a1799e
```
#a1799e rgb(161,121,158)
```
#aa70a5
```
#aa70a5 rgb(170,112,165)
```
#b367ad
```
#b367ad rgb(179,103,173)
```
#bb5fb4
```
#bb5fb4 rgb(187,95,180)
```
#c456bb
```
#c456bb rgb(196,86,187)
```
#cd4dc3
```
#cd4dc3 rgb(205,77,195)
```
#d644ca
```
#d644ca rgb(214,68,202)
```
#de3cd1
```
#de3cd1 rgb(222,60,209)
```
#e733d9
```
#e733d9 rgb(231,51,217)
```
#f02ae0
```
#f02ae0 rgb(240,42,224)
```
#f921e7
```
#f921e7 rgb(249,33,231)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#926a8e Atypical Achromatopsia 0.001% of the population

Dichromacy

#4a8cff Protanopia 1% of men
#738fcd Deuteranopia 1% of men
#e3686e Tritanopia 0.001% of the population

Trichromacy

#8668f3 Protanomaly 1% of men, 0.01% of women
#a06ad4 Deuteranomaly 6% of men, 0.4% of women
#e85197 Tritanomaly 0.01% of the population

#f02ae0 hex color

#f02ae0 Color Information

#f02ae0 Color Conversion

Color Schemes with #f02ae0

Alternatives to #f02ae0

#f02ae0 Preview

Shades and Tints of #f02ae0

Tones of #f02ae0

Color Blindness Simulator