#f4baf4 Color Information
In a RGB color space, hex #f4baf4 is composed of 95.7% red, 72.9% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23.8% magenta, 0% yellow and 4.3% black. It has a hue angle of 300 degrees, a saturation of 72.5% and a lightness of 84.3%. #f4baf4 color hex could be obtained by blending #ffffff with #e975e9. Closest websafe color is: #ffccff.
-
- R 96
- G 73
- B 96
-
- C 0
- M 24
- Y 0
- K 4
● #f4baf4 color description : Very soft magenta.
#f4baf4 Color Conversion
The hexadecimal color #f4baf4 has RGB values of R:244, G:186, B:244 and CMYK values of C:0, M:0.24, Y:0, K:0.04. Its decimal value is 16038644.
Hex triplet | f4baf4 | #f4baf4 |
---|---|---|
RGB Decimal | 244, 186, 244 | rgb(244,186,244) |
RGB Percent | 95.7, 72.9, 95.7 | rgb(95.7%,72.9%,95.7%) |
CMYK | 0, 24, 0, 4 | |
HSL | 300°, 72.5, 84.3 | hsl(300,72.5%,84.3%) |
HSV (or HSB) | 300°, 23.8, 95.7 | |
Web Safe | ffccff | #ffccff |
CIE-LAB | 82.316, 30.309, -20.645 |
---|---|
XYZ | 71.194, 60.884, 93.585 |
xyY | 0.315, 0.27, 60.884 |
CIE-LCH | 82.316, 36.672, 325.738 |
CIE-LUV | 82.316, 29.152, -37.711 |
Hunter-Lab | 78.028, 26.316, -16.491 |
Binary | 11110100, 10111010, 11110100 |
Color Schemes with #f4baf4
Alternatives to #f4baf4
Below, you can see some colors close to #f4baf4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f4baf4 Preview
This text has a font color of #f4baf4.
<span style="color:#f4baf4;">Text here</span>
This paragraph has a background color of #f4baf4.
<p style="background-color:#f4baf4;">Content here</p>
This element has a border color of #f4baf4.
<div style="border:1px solid #f4baf4;">Content here</div>
.text {color:#f4baf4;}
.background {background-color:#f4baf4;}
.border {border:1px solid #f4baf4;}
Shades and Tints of #f4baf4
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, #100210 is the darkest color, while #fffeff is the lightest one.
-
#100210
#100210
rgb(16,2,16)
-
#210521
#210521
rgb(33,5,33)
-
#310831
#310831
rgb(49,8,49)
-
#420b42
#420b42
rgb(66,11,66)
-
#530d53
#530d53
rgb(83,13,83)
-
#641064
#641064
rgb(100,16,100)
-
#751375
#751375
rgb(117,19,117)
-
#861586
#861586
rgb(134,21,134)
-
#971897
#971897
rgb(151,24,151)
-
#a81ba8
#a81ba8
rgb(168,27,168)
-
#b91db9
#b91db9
rgb(185,29,185)
-
#ca20ca
#ca20ca
rgb(202,32,202)
-
#db23db
#db23db
rgb(219,35,219)
-
#de33de
#de33de
rgb(222,51,222)
-
#e144e1
#e144e1
rgb(225,68,225)
-
#e454e4
#e454e4
rgb(228,84,228)
-
#e765e7
#e765e7
rgb(231,101,231)
-
#e976e9
#e976e9
rgb(233,118,233)
-
#ec87ec
#ec87ec
rgb(236,135,236)
-
#ef98ef
#ef98ef
rgb(239,152,239)
-
#f1a9f1
#f1a9f1
rgb(241,169,241)
-
#f4baf4
#f4baf4
rgb(244,186,244)
-
#f7cbf7
#f7cbf7
rgb(247,203,247)
-
#f9dcf9
#f9dcf9
rgb(249,220,249)
-
#fcedfc
#fcedfc
rgb(252,237,252)
-
#fffeff
#fffeff
rgb(255,254,255)
Tones of #f4baf4
A tone is produced by adding gray to any pure hue. In this case, #d8d6d8 is the less saturated color, while #fdb1fd is the most saturated one.
-
#d8d6d8
#d8d6d8
rgb(216,214,216)
-
#dbd3db
#dbd3db
rgb(219,211,219)
-
#ded0de
#ded0de
rgb(222,208,222)
-
#e2cce2
#e2cce2
rgb(226,204,226)
-
#e5c9e5
#e5c9e5
rgb(229,201,229)
-
#e8c6e8
#e8c6e8
rgb(232,198,232)
-
#ebc3eb
#ebc3eb
rgb(235,195,235)
-
#eec0ee
#eec0ee
rgb(238,192,238)
-
#f1bdf1
#f1bdf1
rgb(241,189,241)
-
#f4baf4
#f4baf4
rgb(244,186,244)
-
#f7b7f7
#f7b7f7
rgb(247,183,247)
-
#fab4fa
#fab4fa
rgb(250,180,250)
-
#fdb1fd
#fdb1fd
rgb(253,177,253)
Color Blindness Simulator
Below, you can see how #f4baf4 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.