#ff3d56 Color Information
In a RGB color space, hex #ff3d56 is composed of 100% red, 23.9% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 76.1% magenta, 66.3% yellow and 0% black. It has a hue angle of 352.3 degrees, a saturation of 100% and a lightness of 62%. #ff3d56 color hex could be obtained by blending #ff7aac with #ff0000. Closest websafe color is: #ff3366.
-
- R 100
- G 24
- B 34
-
- C 0
- M 76
- Y 66
- K 0
● #ff3d56 color description : Light red.
#ff3d56 Color Conversion
The hexadecimal color #ff3d56 has RGB values of R:255, G:61, B:86 and CMYK values of C:0, M:0.76, Y:0.66, K:0. Its decimal value is 16727382.
Hex triplet | ff3d56 | #ff3d56 |
---|---|---|
RGB Decimal | 255, 61, 86 | rgb(255,61,86) |
RGB Percent | 100, 23.9, 33.7 | rgb(100%,23.9%,33.7%) |
CMYK | 0, 76, 66, 0 | |
HSL | 352.3°, 100, 62 | hsl(352.3,100%,62%) |
HSV (or HSB) | 352.3°, 76.1, 100 | |
Web Safe | ff3366 | #ff3366 |
CIE-LAB | 57.342, 72.382, 32.37 |
---|---|
XYZ | 44.59, 25.275, 11.334 |
xyY | 0.549, 0.311, 25.275 |
CIE-LCH | 57.342, 79.291, 24.094 |
CIE-LUV | 57.342, 143.007, 21.349 |
Hunter-Lab | 50.274, 70.341, 21.825 |
Binary | 11111111, 00111101, 01010110 |
Color Schemes with #ff3d56
Alternatives to #ff3d56
Below, you can see some colors close to #ff3d56. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff3d56 Preview
This text has a font color of #ff3d56.
<span style="color:#ff3d56;">Text here</span>
This paragraph has a background color of #ff3d56.
<p style="background-color:#ff3d56;">Content here</p>
This element has a border color of #ff3d56.
<div style="border:1px solid #ff3d56;">Content here</div>
.text {color:#ff3d56;}
.background {background-color:#ff3d56;}
.border {border:1px solid #ff3d56;}
Shades and Tints of #ff3d56
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, #020000 is the darkest color, while #ffeef0 is the lightest one.
-
#020000
#020000
rgb(2,0,0)
-
#160003
#160003
rgb(22,0,3)
-
#290005
#290005
rgb(41,0,5)
-
#3d0008
#3d0008
rgb(61,0,8)
-
#51000a
#51000a
rgb(81,0,10)
-
#64000d
#64000d
rgb(100,0,13)
-
#78000f
#78000f
rgb(120,0,15)
-
#8b0012
#8b0012
rgb(139,0,18)
-
#9f0014
#9f0014
rgb(159,0,20)
-
#b30017
#b30017
rgb(179,0,23)
-
#c6001a
#c6001a
rgb(198,0,26)
-
#da001c
#da001c
rgb(218,0,28)
-
#ee001f
#ee001f
rgb(238,0,31)
-
#ff0223
#ff0223
rgb(255,2,35)
-
#ff1634
#ff1634
rgb(255,22,52)
-
#ff2945
#ff2945
rgb(255,41,69)
-
#ff3d56
#ff3d56
rgb(255,61,86)
-
#ff5167
#ff5167
rgb(255,81,103)
-
#ff6478
#ff6478
rgb(255,100,120)
-
#ff7889
#ff7889
rgb(255,120,137)
-
#ff8b9a
#ff8b9a
rgb(255,139,154)
-
#ff9fab
#ff9fab
rgb(255,159,171)
-
#ffb3bd
#ffb3bd
rgb(255,179,189)
-
#ffc6ce
#ffc6ce
rgb(255,198,206)
-
#ffdadf
#ffdadf
rgb(255,218,223)
-
#ffeef0
#ffeef0
rgb(255,238,240)
Tones of #ff3d56
A tone is produced by adding gray to any pure hue. In this case, #a59798 is the less saturated color, while #ff3d56 is the most saturated one.
-
#a59798
#a59798
rgb(165,151,152)
-
#ad8f93
#ad8f93
rgb(173,143,147)
-
#b4888d
#b4888d
rgb(180,136,141)
-
#bc8088
#bc8088
rgb(188,128,136)
-
#c37982
#c37982
rgb(195,121,130)
-
#cb717d
#cb717d
rgb(203,113,125)
-
#d26a77
#d26a77
rgb(210,106,119)
-
#da6272
#da6272
rgb(218,98,114)
-
#e15b6c
#e15b6c
rgb(225,91,108)
-
#e95367
#e95367
rgb(233,83,103)
-
#f04c61
#f04c61
rgb(240,76,97)
-
#f8445c
#f8445c
rgb(248,68,92)
-
#ff3d56
#ff3d56
rgb(255,61,86)
Color Blindness Simulator
Below, you can see how #ff3d56 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.