#f12ae4 hex color

In a RGB color space, hex #f12ae4 is composed of 94.5% red, 16.5% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 82.6% magenta, 5.4% yellow and 5.5% black. It has a hue angle of 303.9 degrees, a saturation of 87.7% and a lightness of 55.5%. #f12ae4 color hex could be obtained by blending #ff54ff with #e300c9. Closest websafe color is: #ff33cc.

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

● #f12ae4 color description : Bright magenta.

The hexadecimal color #f12ae4 has RGB values of R:241, G:42, B:228 and CMYK values of C:0, M:0.83, Y:0.05, K:0.05. Its decimal value is 15805156.

Hex triplet	f12ae4	`#f12ae4`
RGB Decimal	241, 42, 228	`rgb(241,42,228)`
RGB Percent	94.5, 16.5, 89.4	`rgb(94.5%,16.5%,89.4%)`
CMYK	0, 83, 5, 5
HSL	303.9°, 87.7, 55.5	`hsl(303.9,87.7%,55.5%)`
HSV (or HSB)	303.9°, 82.6, 94.5
Web Safe	ff33cc	`#ff33cc`

CIE-LAB	58.001, 87.614, -49.601
XYZ	51.106, 25.962, 75.714
xyY	0.335, 0.17, 25.962
CIE-LCH	58.001, 100.68, 330.484
CIE-LUV	58.001, 81.686, -89.261
Hunter-Lab	50.953, 89.871, -52.436
Binary	11110001, 00101010, 11100100

#f12ae4
```
#f12ae4 rgb(241,42,228)
```
#2af137
```
#2af137 rgb(42,241,55)
```

Complementary Color

#9b2af1
```
#9b2af1 rgb(155,42,241)
```
#f12ae4
```
#f12ae4 rgb(241,42,228)
```
#f12a81
```
#f12a81 rgb(241,42,129)
```

Analogous Color

#2af19b
```
#2af19b rgb(42,241,155)
```
#f12ae4
```
#f12ae4 rgb(241,42,228)
```
#81f12a
```
#81f12a rgb(129,241,42)
```

Split Complementary Color

#2ae4f1
```
#2ae4f1 rgb(42,228,241)
```
#f12ae4
```
#f12ae4 rgb(241,42,228)
```
#e4f12a
```
#e4f12a rgb(228,241,42)
```

Triadic Color

#372af1
```
#372af1 rgb(55,42,241)
```
#f12ae4
```
#f12ae4 rgb(241,42,228)
```
#e4f12a
```
#e4f12a rgb(228,241,42)
```
#2af137
```
#2af137 rgb(42,241,55)
```

Tetradic Color

#c20db6
```
#c20db6 rgb(194,13,182)
```
#da0ecc
```
#da0ecc rgb(218,14,204)
```
#ef12e1
```
#ef12e1 rgb(239,18,225)
```
#f12ae4
```
#f12ae4 rgb(241,42,228)
```
#f342e7
```
#f342e7 rgb(243,66,231)
```
#f45aea
```
#f45aea rgb(244,90,234)
```
#f672ed
```
#f672ed rgb(246,114,237)
```

Monochromatic Color

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

#cc2af1
```
#cc2af1 rgb(204,42,241)
```
#dd2af1
```
#dd2af1 rgb(221,42,241)
```
#ed2af1
```
#ed2af1 rgb(237,42,241)
```
#f12ae4
```
#f12ae4 rgb(241,42,228)
```
#f12ad3
```
#f12ad3 rgb(241,42,211)
```
#f12ac3
```
#f12ac3 rgb(241,42,195)
```
#f12ab2
```
#f12ab2 rgb(241,42,178)
```

Similar Colors

Text with hexadecimal color #f12ae4

This text has a font color of #f12ae4.

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

#f12ae4 background color

This paragraph has a background color of #f12ae4.

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

#f12ae4 border color

This element has a border color of #f12ae4.

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

CSS codes

.text {color:#f12ae4;}

.background {background-color:#f12ae4;}

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

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

#080107
```
#080107 rgb(8,1,7)
```
#1a0219
```
#1a0219 rgb(26,2,25)
```
#2d032a
```
#2d032a rgb(45,3,42)
```
#3f043b
```
#3f043b rgb(63,4,59)
```
#51054d
```
#51054d rgb(81,5,77)
```
#64075e
```
#64075e rgb(100,7,94)
```
#76086f
```
#76086f rgb(118,8,111)
```
#890980
```
#890980 rgb(137,9,128)
```
#9b0a92
```
#9b0a92 rgb(155,10,146)
```
#ae0ba3
```
#ae0ba3 rgb(174,11,163)
```
#c00db4
```
#c00db4 rgb(192,13,180)
```
#d20ec5
```
#d20ec5 rgb(210,14,197)
```
#e50fd7
```
#e50fd7 rgb(229,15,215)
```

Shade Color Variation

#f018e2
```
#f018e2 rgb(240,24,226)
```
#f12ae4
```
#f12ae4 rgb(241,42,228)
```
#f23ce6
```
#f23ce6 rgb(242,60,230)
```
#f34fe9
```
#f34fe9 rgb(243,79,233)
```
#f561eb
```
#f561eb rgb(245,97,235)
```
#f674ed
```
#f674ed rgb(246,116,237)
```
#f786f0
```
#f786f0 rgb(247,134,240)
```
#f898f2
```
#f898f2 rgb(248,152,242)
```
#f9abf4
```
#f9abf4 rgb(249,171,244)
```
#fbbdf7
```
#fbbdf7 rgb(251,189,247)
```
#fcd0f9
```
#fcd0f9 rgb(252,208,249)
```
#fde2fb
```
#fde2fb rgb(253,226,251)
```
#fef4fe
```
#fef4fe rgb(254,244,254)
```

Tint Color Variation

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

#918a91
```
#918a91 rgb(145,138,145)
```
#9a8198
```
#9a8198 rgb(154,129,152)
```
#a279a0
```
#a279a0 rgb(162,121,160)
```
#ab70a7
```
#ab70a7 rgb(171,112,167)
```
#b467af
```
#b467af rgb(180,103,175)
```
#bd5eb6
```
#bd5eb6 rgb(189,94,182)
```
#c556be
```
#c556be rgb(197,86,190)
```
#ce4dc6
```
#ce4dc6 rgb(206,77,198)
```
#d744cd
```
#d744cd rgb(215,68,205)
```
#e03bd5
```
#e03bd5 rgb(224,59,213)
```
#e833dc
```
#e833dc rgb(232,51,220)
```
#f12ae4
```
#f12ae4 rgb(241,42,228)
```
#fa21ec
```
#fa21ec rgb(250,33,236)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#936b90 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4d8dff Protanopia 1% of men
#7290d1 Deuteranopia 1% of men
#e46970 Tritanopia 0.001% of the population

Trichromacy

#8969f5 Protanomaly 1% of men, 0.01% of women
#a06bd8 Deuteranomaly 6% of men, 0.4% of women
#e8529a Tritanomaly 0.01% of the population

#f12ae4 hex color

#f12ae4 Color Information

#f12ae4 Color Conversion

Color Schemes with #f12ae4

Alternatives to #f12ae4

#f12ae4 Preview

Shades and Tints of #f12ae4

Tones of #f12ae4

Color Blindness Simulator