#f02ae2 hex color

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

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

● #f02ae2 color description : Bright magenta.

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

Hex triplet	f02ae2	`#f02ae2`
RGB Decimal	240, 42, 226	`rgb(240,42,226)`
RGB Percent	94.1, 16.5, 88.6	`rgb(94.1%,16.5%,88.6%)`
CMYK	0, 83, 6, 6
HSL	304.2°, 86.8, 55.3	`hsl(304.2,86.8%,55.3%)`
HSV (or HSB)	304.2°, 82.5, 94.1
Web Safe	ff33cc	`#ff33cc`

CIE-LAB	57.728, 87.148, -48.917
XYZ	50.49, 25.676, 74.244
xyY	0.336, 0.171, 25.676
CIE-LCH	57.728, 99.938, 330.694
CIE-LUV	57.728, 81.742, -88.059
Hunter-Lab	50.671, 89.186, -51.402
Binary	11110000, 00101010, 11100010

#f02ae2
```
#f02ae2 rgb(240,42,226)
```
#2af038
```
#2af038 rgb(42,240,56)
```

Complementary Color

#9b2af0
```
#9b2af0 rgb(155,42,240)
```
#f02ae2
```
#f02ae2 rgb(240,42,226)
```
#f02a7f
```
#f02a7f rgb(240,42,127)
```

Analogous Color

#2af09b
```
#2af09b rgb(42,240,155)
```
#f02ae2
```
#f02ae2 rgb(240,42,226)
```
#7ff02a
```
#7ff02a rgb(127,240,42)
```

Split Complementary Color

#2ae2f0
```
#2ae2f0 rgb(42,226,240)
```
#f02ae2
```
#f02ae2 rgb(240,42,226)
```
#e2f02a
```
#e2f02a rgb(226,240,42)
```

Triadic Color

#382af0
```
#382af0 rgb(56,42,240)
```
#f02ae2
```
#f02ae2 rgb(240,42,226)
```
#e2f02a
```
#e2f02a rgb(226,240,42)
```
#2af038
```
#2af038 rgb(42,240,56)
```

Tetradic Color

#c00eb3
```
#c00eb3 rgb(192,14,179)
```
#d80fca
```
#d80fca rgb(216,15,202)
```
#ee12df
```
#ee12df rgb(238,18,223)
```
#f02ae2
```
#f02ae2 rgb(240,42,226)
```
#f242e5
```
#f242e5 rgb(242,66,229)
```
#f35ae8
```
#f35ae8 rgb(243,90,232)
```
#f571ec
```
#f571ec rgb(245,113,236)
```

Monochromatic Color

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

#cd2af0
```
#cd2af0 rgb(205,42,240)
```
#dd2af0
```
#dd2af0 rgb(221,42,240)
```
#ee2af0
```
#ee2af0 rgb(238,42,240)
```
#f02ae2
```
#f02ae2 rgb(240,42,226)
```
#f02ad2
```
#f02ad2 rgb(240,42,210)
```
#f02ac1
```
#f02ac1 rgb(240,42,193)
```
#f02ab1
```
#f02ab1 rgb(240,42,177)
```

Similar Colors

Text with hexadecimal color #f02ae2

This text has a font color of #f02ae2.

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

#f02ae2 background color

This paragraph has a background color of #f02ae2.

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

#f02ae2 border color

This element has a border color of #f02ae2.

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

CSS codes

.text {color:#f02ae2;}

.background {background-color:#f02ae2;}

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

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)
```
#190218
```
#190218 rgb(25,2,24)
```
#2c0329
```
#2c0329 rgb(44,3,41)
```
#3e043a
```
#3e043a rgb(62,4,58)
```
#50064b
```
#50064b rgb(80,6,75)
```
#63075c
```
#63075c rgb(99,7,92)
```
#75086d
```
#75086d rgb(117,8,109)
```
#870a7e
```
#870a7e rgb(135,10,126)
```
#990b8f
```
#990b8f rgb(153,11,143)
```
#ac0ca1
```
#ac0ca1 rgb(172,12,161)
```
#be0db2
```
#be0db2 rgb(190,13,178)
```
#d00fc3
```
#d00fc3 rgb(208,15,195)
```
#e310d4
```
#e310d4 rgb(227,16,212)
```

Shade Color Variation

#ef18e0
```
#ef18e0 rgb(239,24,224)
```
#f02ae2
```
#f02ae2 rgb(240,42,226)
```
#f13ce4
```
#f13ce4 rgb(241,60,228)
```
#f34fe7
```
#f34fe7 rgb(243,79,231)
```
#f461e9
```
#f461e9 rgb(244,97,233)
```
#f573ec
```
#f573ec rgb(245,115,236)
```
#f686ee
```
#f686ee rgb(246,134,238)
```
#f898f1
```
#f898f1 rgb(248,152,241)
```
#f9aaf3
```
#f9aaf3 rgb(249,170,243)
```
#fabdf6
```
#fabdf6 rgb(250,189,246)
```
#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 #f921ea is the most saturated one.

#908a8f
```
#908a8f rgb(144,138,143)
```
#988297
```
#988297 rgb(152,130,151)
```
#a1799e
```
#a1799e rgb(161,121,158)
```
#aa70a6
```
#aa70a6 rgb(170,112,166)
```
#b367ad
```
#b367ad rgb(179,103,173)
```
#bb5fb5
```
#bb5fb5 rgb(187,95,181)
```
#c456bc
```
#c456bc rgb(196,86,188)
```
#cd4dc4
```
#cd4dc4 rgb(205,77,196)
```
#d644cb
```
#d644cb rgb(214,68,203)
```
#de3cd3
```
#de3cd3 rgb(222,60,211)
```
#e733da
```
#e733da rgb(231,51,218)
```
#f02ae2
```
#f02ae2 rgb(240,42,226)
```
#f921ea
```
#f921ea rgb(249,33,234)
```

Tone Color Variation

Below, you can see how #f02ae2 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
#926a8f Atypical Achromatopsia 0.001% of the population

Dichromacy

#4b8dff Protanopia 1% of men
#7290cf Deuteranopia 1% of men
#e3686f Tritanopia 0.001% of the population

Trichromacy

#8769f4 Protanomaly 1% of men, 0.01% of women
#a06ad6 Deuteranomaly 6% of men, 0.4% of women
#e85299 Tritanomaly 0.01% of the population

#f02ae2 hex color

#f02ae2 Color Information

#f02ae2 Color Conversion

Color Schemes with #f02ae2

Alternatives to #f02ae2

#f02ae2 Preview

Shades and Tints of #f02ae2

Tones of #f02ae2

Color Blindness Simulator