#f4baf3 Color Information
In a RGB color space, hex #f4baf3 is composed of 95.7% red, 72.9% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23.8% magenta, 0.4% yellow and 4.3% black. It has a hue angle of 301 degrees, a saturation of 72.5% and a lightness of 84.3%. #f4baf3 color hex could be obtained by blending #ffffff with #e975e7. Closest websafe color is: #ffccff.
-
- R 96
- G 73
- B 95
-
- C 0
- M 24
- Y 0
- K 4
● #f4baf3 color description : Very soft magenta.
#f4baf3 Color Conversion
The hexadecimal color #f4baf3 has RGB values of R:244, G:186, B:243 and CMYK values of C:0, M:0.24, Y:0, K:0.04. Its decimal value is 16038643.
Hex triplet | f4baf3 | #f4baf3 |
---|---|---|
RGB Decimal | 244, 186, 243 | rgb(244,186,243) |
RGB Percent | 95.7, 72.9, 95.3 | rgb(95.7%,72.9%,95.3%) |
CMYK | 0, 24, 0, 4 | |
HSL | 301°, 72.5, 84.3 | hsl(301,72.5%,84.3%) |
HSV (or HSB) | 301°, 23.8, 95.7 | |
Web Safe | ffccff | #ffccff |
CIE-LAB | 82.284, 30.127, -20.16 |
---|---|
XYZ | 71.043, 60.824, 92.787 |
xyY | 0.316, 0.271, 60.824 |
CIE-LCH | 82.284, 36.25, 326.211 |
CIE-LUV | 82.284, 29.286, -36.89 |
Hunter-Lab | 77.99, 26.119, -15.947 |
Binary | 11110100, 10111010, 11110011 |
Color Schemes with #f4baf3
Alternatives to #f4baf3
Below, you can see some colors close to #f4baf3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f4baf3 Preview
This text has a font color of #f4baf3.
<span style="color:#f4baf3;">Text here</span>
This paragraph has a background color of #f4baf3.
<p style="background-color:#f4baf3;">Content here</p>
This element has a border color of #f4baf3.
<div style="border:1px solid #f4baf3;">Content here</div>
.text {color:#f4baf3;}
.background {background-color:#f4baf3;}
.border {border:1px solid #f4baf3;}
Shades and Tints of #f4baf3
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, #10020f is the darkest color, while #fffeff is the lightest one.
-
#10020f
#10020f
rgb(16,2,15)
-
#210520
#210520
rgb(33,5,32)
-
#310831
#310831
rgb(49,8,49)
-
#420b41
#420b41
rgb(66,11,65)
-
#530d52
#530d52
rgb(83,13,82)
-
#641063
#641063
rgb(100,16,99)
-
#751373
#751373
rgb(117,19,115)
-
#861584
#861584
rgb(134,21,132)
-
#971895
#971895
rgb(151,24,149)
-
#a81ba5
#a81ba5
rgb(168,27,165)
-
#b91db6
#b91db6
rgb(185,29,182)
-
#ca20c7
#ca20c7
rgb(202,32,199)
-
#db23d7
#db23d7
rgb(219,35,215)
-
#de33db
#de33db
rgb(222,51,219)
-
#e144de
#e144de
rgb(225,68,222)
-
#e454e1
#e454e1
rgb(228,84,225)
-
#e765e4
#e765e4
rgb(231,101,228)
-
#e976e7
#e976e7
rgb(233,118,231)
-
#ec87ea
#ec87ea
rgb(236,135,234)
-
#ef98ed
#ef98ed
rgb(239,152,237)
-
#f1a9f0
#f1a9f0
rgb(241,169,240)
-
#f4baf3
#f4baf3
rgb(244,186,243)
-
#f7cbf6
#f7cbf6
rgb(247,203,246)
-
#f9dcf9
#f9dcf9
rgb(249,220,249)
-
#fcedfc
#fcedfc
rgb(252,237,252)
-
#fffeff
#fffeff
rgb(255,254,255)
Tones of #f4baf3
A tone is produced by adding gray to any pure hue. In this case, #d8d6d8 is the less saturated color, while #fdb1fc is the most saturated one.
-
#d8d6d8
#d8d6d8
rgb(216,214,216)
-
#dbd3db
#dbd3db
rgb(219,211,219)
-
#ded0de
#ded0de
rgb(222,208,222)
-
#e2cce1
#e2cce1
rgb(226,204,225)
-
#e5c9e4
#e5c9e4
rgb(229,201,228)
-
#e8c6e7
#e8c6e7
rgb(232,198,231)
-
#ebc3ea
#ebc3ea
rgb(235,195,234)
-
#eec0ed
#eec0ed
rgb(238,192,237)
-
#f1bdf0
#f1bdf0
rgb(241,189,240)
-
#f4baf3
#f4baf3
rgb(244,186,243)
-
#f7b7f6
#f7b7f6
rgb(247,183,246)
-
#fab4f9
#fab4f9
rgb(250,180,249)
-
#fdb1fc
#fdb1fc
rgb(253,177,252)
Color Blindness Simulator
Below, you can see how #f4baf3 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.