#f45ae4 Color Information
In a RGB color space, hex #f45ae4 is composed of 95.7% red, 35.3% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 63.1% magenta, 6.6% yellow and 4.3% black. It has a hue angle of 306.2 degrees, a saturation of 87.5% and a lightness of 65.5%. #f45ae4 color hex could be obtained by blending #ffb4ff with #e900c9. Closest websafe color is: #ff66cc.
-
- R 96
- G 35
- B 89
-
- C 0
- M 63
- Y 7
- K 4
● #f45ae4 color description : Soft magenta.
#f45ae4 Color Conversion
The hexadecimal color #f45ae4 has RGB values of R:244, G:90, B:228 and CMYK values of C:0, M:0.63, Y:0.07, K:0.04. Its decimal value is 16014052.
Hex triplet | f45ae4 | #f45ae4 |
---|---|---|
RGB Decimal | 244, 90, 228 | rgb(244,90,228) |
RGB Percent | 95.7, 35.3, 89.4 | rgb(95.7%,35.3%,89.4%) |
CMYK | 0, 63, 7, 4 | |
HSL | 306.2°, 87.5, 65.5 | hsl(306.2,87.5%,65.5%) |
HSV (or HSB) | 306.2°, 63.1, 95.7 | |
Web Safe | ff66cc | #ff66cc |
CIE-LAB | 63.467, 74.043, -40.946 |
---|---|
XYZ | 54.967, 32.15, 76.705 |
xyY | 0.336, 0.196, 32.15 |
CIE-LCH | 63.467, 84.611, 331.057 |
CIE-LUV | 63.467, 73.179, -75.287 |
Hunter-Lab | 56.701, 73.813, -40.516 |
Binary | 11110100, 01011010, 11100100 |
Color Schemes with #f45ae4
Alternatives to #f45ae4
Below, you can see some colors close to #f45ae4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f45ae4 Preview
This text has a font color of #f45ae4.
<span style="color:#f45ae4;">Text here</span>
This paragraph has a background color of #f45ae4.
<p style="background-color:#f45ae4;">Content here</p>
This element has a border color of #f45ae4.
<div style="border:1px solid #f45ae4;">Content here</div>
.text {color:#f45ae4;}
.background {background-color:#f45ae4;}
.border {border:1px solid #f45ae4;}
Shades and Tints of #f45ae4
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, #010000 is the darkest color, while #feedfc is the lightest one.
-
#010000
#010000
rgb(1,0,0)
-
#130111
#130111
rgb(19,1,17)
-
#250222
#250222
rgb(37,2,34)
-
#380432
#380432
rgb(56,4,50)
-
#4a0543
#4a0543
rgb(74,5,67)
-
#5c0653
#5c0653
rgb(92,6,83)
-
#6f0764
#6f0764
rgb(111,7,100)
-
#810975
#810975
rgb(129,9,117)
-
#940a85
#940a85
rgb(148,10,133)
-
#a60b96
#a60b96
rgb(166,11,150)
-
#b80ca7
#b80ca7
rgb(184,12,167)
-
#cb0eb7
#cb0eb7
rgb(203,14,183)
-
#dd0fc8
#dd0fc8
rgb(221,15,200)
-
#ef10d8
#ef10d8
rgb(239,16,216)
-
#f023db
#f023db
rgb(240,35,219)
-
#f235de
#f235de
rgb(242,53,222)
-
#f348e1
#f348e1
rgb(243,72,225)
-
#f45ae4
#f45ae4
rgb(244,90,228)
-
#f56ce7
#f56ce7
rgb(245,108,231)
-
#f67fea
#f67fea
rgb(246,127,234)
-
#f891ed
#f891ed
rgb(248,145,237)
-
#f9a4f0
#f9a4f0
rgb(249,164,240)
-
#fab6f3
#fab6f3
rgb(250,182,243)
-
#fbc8f6
#fbc8f6
rgb(251,200,246)
-
#fddbf9
#fddbf9
rgb(253,219,249)
-
#feedfc
#feedfc
rgb(254,237,252)
Tones of #f45ae4
A tone is produced by adding gray to any pure hue. In this case, #aaa4a9 is the less saturated color, while #fb53e9 is the most saturated one.
-
#aaa4a9
#aaa4a9
rgb(170,164,169)
-
#b09eae
#b09eae
rgb(176,158,174)
-
#b797b4
#b797b4
rgb(183,151,180)
-
#be90b9
#be90b9
rgb(190,144,185)
-
#c589be
#c589be
rgb(197,137,190)
-
#cb83c4
#cb83c4
rgb(203,131,196)
-
#d27cc9
#d27cc9
rgb(210,124,201)
-
#d975cf
#d975cf
rgb(217,117,207)
-
#e06ed4
#e06ed4
rgb(224,110,212)
-
#e668d9
#e668d9
rgb(230,104,217)
-
#ed61df
#ed61df
rgb(237,97,223)
-
#f45ae4
#f45ae4
rgb(244,90,228)
-
#fb53e9
#fb53e9
rgb(251,83,233)
Color Blindness Simulator
Below, you can see how #f45ae4 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.