#f284a4 Color Information
In a RGB color space, hex #f284a4 is composed of 94.9% red, 51.8% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 45.5% magenta, 32.2% yellow and 5.1% black. It has a hue angle of 342.5 degrees, a saturation of 80.9% and a lightness of 73.3%. #f284a4 color hex could be obtained by blending #ffffff with #e50949. Closest websafe color is: #ff9999.
-
- R 95
- G 52
- B 64
-
- C 0
- M 45
- Y 32
- K 5
● #f284a4 color description : Soft pink.
#f284a4 Color Conversion
The hexadecimal color #f284a4 has RGB values of R:242, G:132, B:164 and CMYK values of C:0, M:0.45, Y:0.32, K:0.05. Its decimal value is 15893668.
Hex triplet | f284a4 | #f284a4 |
---|---|---|
RGB Decimal | 242, 132, 164 | rgb(242,132,164) |
RGB Percent | 94.9, 51.8, 64.3 | rgb(94.9%,51.8%,64.3%) |
CMYK | 0, 45, 32, 5 | |
HSL | 342.5°, 80.9, 73.3 | hsl(342.5,80.9%,73.3%) |
HSV (or HSB) | 342.5°, 45.5, 94.9 | |
Web Safe | ff9999 | #ff9999 |
CIE-LAB | 68.067, 45.45, 2.002 |
---|---|
XYZ | 51.57, 38.064, 39.751 |
xyY | 0.399, 0.294, 38.064 |
CIE-LCH | 68.067, 45.494, 2.522 |
CIE-LUV | 68.067, 71.012, -5.76 |
Hunter-Lab | 61.696, 41.238, 4.986 |
Binary | 11110010, 10000100, 10100100 |
Color Schemes with #f284a4
Alternatives to #f284a4
Below, you can see some colors close to #f284a4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f284a4 Preview
This text has a font color of #f284a4.
<span style="color:#f284a4;">Text here</span>
This paragraph has a background color of #f284a4.
<p style="background-color:#f284a4;">Content here</p>
This element has a border color of #f284a4.
<div style="border:1px solid #f284a4;">Content here</div>
.text {color:#f284a4;}
.background {background-color:#f284a4;}
.border {border:1px solid #f284a4;}
Shades and Tints of #f284a4
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 #fdeef3 is the lightest one.
-
#010000
#010000
rgb(1,0,0)
-
#130207
#130207
rgb(19,2,7)
-
#25040d
#25040d
rgb(37,4,13)
-
#360614
#360614
rgb(54,6,20)
-
#48081a
#48081a
rgb(72,8,26)
-
#5a0a21
#5a0a21
rgb(90,10,33)
-
#6c0b27
#6c0b27
rgb(108,11,39)
-
#7d0d2e
#7d0d2e
rgb(125,13,46)
-
#8f0f34
#8f0f34
rgb(143,15,52)
-
#a1113b
#a1113b
rgb(161,17,59)
-
#b31341
#b31341
rgb(179,19,65)
-
#c41548
#c41548
rgb(196,21,72)
-
#d6174e
#d6174e
rgb(214,23,78)
-
#e71a55
#e71a55
rgb(231,26,85)
-
#e92b62
#e92b62
rgb(233,43,98)
-
#eb3d70
#eb3d70
rgb(235,61,112)
-
#ec4f7d
#ec4f7d
rgb(236,79,125)
-
#ee618a
#ee618a
rgb(238,97,138)
-
#f07297
#f07297
rgb(240,114,151)
-
#f284a4
#f284a4
rgb(242,132,164)
-
#f496b1
#f496b1
rgb(244,150,177)
-
#f6a7be
#f6a7be
rgb(246,167,190)
-
#f8b9cb
#f8b9cb
rgb(248,185,203)
-
#facbd9
#facbd9
rgb(250,203,217)
-
#fbdde6
#fbdde6
rgb(251,221,230)
-
#fdeef3
#fdeef3
rgb(253,238,243)
Tones of #f284a4
A tone is produced by adding gray to any pure hue. In this case, #beb8ba is the less saturated color, while #fc7aa0 is the most saturated one.
-
#beb8ba
#beb8ba
rgb(190,184,186)
-
#c3b3b8
#c3b3b8
rgb(195,179,184)
-
#c8aeb5
#c8aeb5
rgb(200,174,181)
-
#cda9b3
#cda9b3
rgb(205,169,179)
-
#d3a3b1
#d3a3b1
rgb(211,163,177)
-
#d89eaf
#d89eaf
rgb(216,158,175)
-
#dd99ad
#dd99ad
rgb(221,153,173)
-
#e294ab
#e294ab
rgb(226,148,171)
-
#e88ea8
#e88ea8
rgb(232,142,168)
-
#ed89a6
#ed89a6
rgb(237,137,166)
-
#f284a4
#f284a4
rgb(242,132,164)
-
#f77fa2
#f77fa2
rgb(247,127,162)
-
#fc7aa0
#fc7aa0
rgb(252,122,160)
Color Blindness Simulator
Below, you can see how #f284a4 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.