#ff356f Color Information
In a RGB color space, hex #ff356f is composed of 100% red, 20.8% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 79.2% magenta, 56.5% yellow and 0% black. It has a hue angle of 342.8 degrees, a saturation of 100% and a lightness of 60.4%. #ff356f color hex could be obtained by blending #ff6ade with #ff0000. Closest websafe color is: #ff3366.
-
- R 100
- G 21
- B 44
-
- C 0
- M 79
- Y 56
- K 0
● #ff356f color description : Light pink.
#ff356f Color Conversion
The hexadecimal color #ff356f has RGB values of R:255, G:53, B:111 and CMYK values of C:0, M:0.79, Y:0.56, K:0. Its decimal value is 16725359.
Hex triplet | ff356f | #ff356f |
---|---|---|
RGB Decimal | 255, 53, 111 | rgb(255,53,111) |
RGB Percent | 100, 20.8, 43.5 | rgb(100%,20.8%,43.5%) |
CMYK | 0, 79, 56, 0 | |
HSL | 342.8°, 100, 60.4 | hsl(342.8,100%,60.4%) |
HSV (or HSB) | 342.8°, 79.2, 100 | |
Web Safe | ff3366 | #ff3366 |
CIE-LAB | 57.036, 75.995, 17.254 |
---|---|
XYZ | 45.384, 24.959, 17.466 |
xyY | 0.517, 0.284, 24.959 |
CIE-LCH | 57.036, 77.929, 12.792 |
CIE-LUV | 57.036, 138.382, 5.494 |
Hunter-Lab | 49.959, 74.725, 14.243 |
Binary | 11111111, 00110101, 01101111 |
Color Schemes with #ff356f
Alternatives to #ff356f
Below, you can see some colors close to #ff356f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff356f Preview
This text has a font color of #ff356f.
<span style="color:#ff356f;">Text here</span>
This paragraph has a background color of #ff356f.
<p style="background-color:#ff356f;">Content here</p>
This element has a border color of #ff356f.
<div style="border:1px solid #ff356f;">Content here</div>
.text {color:#ff356f;}
.background {background-color:#ff356f;}
.border {border:1px solid #ff356f;}
Shades and Tints of #ff356f
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, #0e0004 is the darkest color, while #fff9fb is the lightest one.
-
#0e0004
#0e0004
rgb(14,0,4)
-
#21000a
#21000a
rgb(33,0,10)
-
#35000f
#35000f
rgb(53,0,15)
-
#490015
#490015
rgb(73,0,21)
-
#5c001a
#5c001a
rgb(92,0,26)
-
#700020
#700020
rgb(112,0,32)
-
#830026
#830026
rgb(131,0,38)
-
#97002b
#97002b
rgb(151,0,43)
-
#ab0031
#ab0031
rgb(171,0,49)
-
#be0037
#be0037
rgb(190,0,55)
-
#d2003c
#d2003c
rgb(210,0,60)
-
#e60042
#e60042
rgb(230,0,66)
-
#f90048
#f90048
rgb(249,0,72)
-
#ff0e53
#ff0e53
rgb(255,14,83)
-
#ff2161
#ff2161
rgb(255,33,97)
-
#ff356f
#ff356f
rgb(255,53,111)
-
#ff497d
#ff497d
rgb(255,73,125)
-
#ff5c8b
#ff5c8b
rgb(255,92,139)
-
#ff7099
#ff7099
rgb(255,112,153)
-
#ff83a7
#ff83a7
rgb(255,131,167)
-
#ff97b5
#ff97b5
rgb(255,151,181)
-
#ffabc3
#ffabc3
rgb(255,171,195)
-
#ffbed1
#ffbed1
rgb(255,190,209)
-
#ffd2df
#ffd2df
rgb(255,210,223)
-
#ffe6ed
#ffe6ed
rgb(255,230,237)
-
#fff9fb
#fff9fb
rgb(255,249,251)
Tones of #ff356f
A tone is produced by adding gray to any pure hue. In this case, #a29297 is the less saturated color, while #ff356f is the most saturated one.
-
#a29297
#a29297
rgb(162,146,151)
-
#aa8a93
#aa8a93
rgb(170,138,147)
-
#b18390
#b18390
rgb(177,131,144)
-
#b97b8d
#b97b8d
rgb(185,123,141)
-
#c17389
#c17389
rgb(193,115,137)
-
#c96b86
#c96b86
rgb(201,107,134)
-
#d06483
#d06483
rgb(208,100,131)
-
#d85c80
#d85c80
rgb(216,92,128)
-
#e0547c
#e0547c
rgb(224,84,124)
-
#e84c79
#e84c79
rgb(232,76,121)
-
#ef4576
#ef4576
rgb(239,69,118)
-
#f73d72
#f73d72
rgb(247,61,114)
-
#ff356f
#ff356f
rgb(255,53,111)
Color Blindness Simulator
Below, you can see how #ff356f 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.