#f55675 Color Information
In a RGB color space, hex #f55675 is composed of 96.1% red, 33.7% green and 45.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 64.9% magenta, 52.2% yellow and 3.9% black. It has a hue angle of 348.3 degrees, a saturation of 88.8% and a lightness of 64.9%. #f55675 color hex could be obtained by blending #ffacea with #eb0000. Closest websafe color is: #ff6666.
-
- R 96
- G 34
- B 46
-
- C 0
- M 65
- Y 52
- K 4
● #f55675 color description : Soft red.
#f55675 Color Conversion
The hexadecimal color #f55675 has RGB values of R:245, G:86, B:117 and CMYK values of C:0, M:0.65, Y:0.52, K:0.04. Its decimal value is 16078453.
Hex triplet | f55675 | #f55675 |
---|---|---|
RGB Decimal | 245, 86, 117 | rgb(245,86,117) |
RGB Percent | 96.1, 33.7, 45.9 | rgb(96.1%,33.7%,45.9%) |
CMYK | 0, 65, 52, 4 | |
HSL | 348.3°, 88.8, 64.9 | hsl(348.3,88.8%,64.9%) |
HSV (or HSB) | 348.3°, 64.9, 96.1 | |
Web Safe | ff6666 | #ff6666 |
CIE-LAB | 59.303, 62.781, 16.559 |
---|---|
XYZ | 44.196, 27.357, 19.782 |
xyY | 0.484, 0.3, 27.357 |
CIE-LCH | 59.303, 64.928, 14.776 |
CIE-LUV | 59.303, 112.689, 8.306 |
Hunter-Lab | 52.304, 59.299, 14.189 |
Binary | 11110101, 01010110, 01110101 |
Color Schemes with #f55675
Alternatives to #f55675
Below, you can see some colors close to #f55675. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f55675 Preview
This text has a font color of #f55675.
<span style="color:#f55675;">Text here</span>
This paragraph has a background color of #f55675.
<p style="background-color:#f55675;">Content here</p>
This element has a border color of #f55675.
<div style="border:1px solid #f55675;">Content here</div>
.text {color:#f55675;}
.background {background-color:#f55675;}
.border {border:1px solid #f55675;}
Shades and Tints of #f55675
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, #100104 is the darkest color, while #fffdfd is the lightest one.
-
#100104
#100104
rgb(16,1,4)
-
#230208
#230208
rgb(35,2,8)
-
#35030d
#35030d
rgb(53,3,13)
-
#480411
#480411
rgb(72,4,17)
-
#5a0516
#5a0516
rgb(90,5,22)
-
#6d061a
#6d061a
rgb(109,6,26)
-
#7f081f
#7f081f
rgb(127,8,31)
-
#920923
#920923
rgb(146,9,35)
-
#a40a28
#a40a28
rgb(164,10,40)
-
#b70b2c
#b70b2c
rgb(183,11,44)
-
#c90c31
#c90c31
rgb(201,12,49)
-
#dc0d35
#dc0d35
rgb(220,13,53)
-
#ee0e3a
#ee0e3a
rgb(238,14,58)
-
#f21e48
#f21e48
rgb(242,30,72)
-
#f33157
#f33157
rgb(243,49,87)
-
#f44366
#f44366
rgb(244,67,102)
-
#f55675
#f55675
rgb(245,86,117)
-
#f66984
#f66984
rgb(246,105,132)
-
#f77b93
#f77b93
rgb(247,123,147)
-
#f88ea2
#f88ea2
rgb(248,142,162)
-
#f9a0b1
#f9a0b1
rgb(249,160,177)
-
#fab3c1
#fab3c1
rgb(250,179,193)
-
#fcc5d0
#fcc5d0
rgb(252,197,208)
-
#fdd8df
#fdd8df
rgb(253,216,223)
-
#feeaee
#feeaee
rgb(254,234,238)
-
#fffdfd
#fffdfd
rgb(255,253,253)
Tones of #f55675
A tone is produced by adding gray to any pure hue. In this case, #a9a2a3 is the less saturated color, while #fc4f71 is the most saturated one.
-
#a9a2a3
#a9a2a3
rgb(169,162,163)
-
#b09b9f
#b09b9f
rgb(176,155,159)
-
#b7949b
#b7949b
rgb(183,148,155)
-
#be8d97
#be8d97
rgb(190,141,151)
-
#c58692
#c58692
rgb(197,134,146)
-
#cc7f8e
#cc7f8e
rgb(204,127,142)
-
#d3788a
#d3788a
rgb(211,120,138)
-
#d97286
#d97286
rgb(217,114,134)
-
#e06b82
#e06b82
rgb(224,107,130)
-
#e7647d
#e7647d
rgb(231,100,125)
-
#ee5d79
#ee5d79
rgb(238,93,121)
-
#f55675
#f55675
rgb(245,86,117)
-
#fc4f71
#fc4f71
rgb(252,79,113)
Color Blindness Simulator
Below, you can see how #f55675 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.