#ff395f Color Information
In a RGB color space, hex #ff395f is composed of 100% red, 22.4% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 77.6% magenta, 62.7% yellow and 0% black. It has a hue angle of 348.5 degrees, a saturation of 100% and a lightness of 61.2%. #ff395f color hex could be obtained by blending #ff72be with #ff0000. Closest websafe color is: #ff3366.
-
- R 100
- G 22
- B 37
-
- C 0
- M 78
- Y 63
- K 0
● #ff395f color description : Light red.
#ff395f Color Conversion
The hexadecimal color #ff395f has RGB values of R:255, G:57, B:95 and CMYK values of C:0, M:0.78, Y:0.63, K:0. Its decimal value is 16726367.
Hex triplet | ff395f | #ff395f |
---|---|---|
RGB Decimal | 255, 57, 95 | rgb(255,57,95) |
RGB Percent | 100, 22.4, 37.3 | rgb(100%,22.4%,37.3%) |
CMYK | 0, 78, 63, 0 | |
HSL | 348.5°, 100, 61.2 | hsl(348.5,100%,61.2%) |
HSV (or HSB) | 348.5°, 77.6, 100 | |
Web Safe | ff3366 | #ff3366 |
CIE-LAB | 57.093, 73.98, 26.794 |
---|---|
XYZ | 44.771, 25.018, 13.297 |
xyY | 0.539, 0.301, 25.018 |
CIE-LCH | 57.093, 78.683, 19.91 |
CIE-LUV | 57.093, 142.154, 15.747 |
Hunter-Lab | 50.018, 72.243, 19.25 |
Binary | 11111111, 00111001, 01011111 |
Color Schemes with #ff395f
Alternatives to #ff395f
Below, you can see some colors close to #ff395f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff395f Preview
This text has a font color of #ff395f.
<span style="color:#ff395f;">Text here</span>
This paragraph has a background color of #ff395f.
<p style="background-color:#ff395f;">Content here</p>
This element has a border color of #ff395f.
<div style="border:1px solid #ff395f;">Content here</div>
.text {color:#ff395f;}
.background {background-color:#ff395f;}
.border {border:1px solid #ff395f;}
Shades and Tints of #ff395f
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, #120003 is the darkest color, while #fffdfe is the lightest one.
-
#120003
#120003
rgb(18,0,3)
-
#250007
#250007
rgb(37,0,7)
-
#39000b
#39000b
rgb(57,0,11)
-
#4d000f
#4d000f
rgb(77,0,15)
-
#600012
#600012
rgb(96,0,18)
-
#740016
#740016
rgb(116,0,22)
-
#87001a
#87001a
rgb(135,0,26)
-
#9b001e
#9b001e
rgb(155,0,30)
-
#af0022
#af0022
rgb(175,0,34)
-
#c20025
#c20025
rgb(194,0,37)
-
#d60029
#d60029
rgb(214,0,41)
-
#ea002d
#ea002d
rgb(234,0,45)
-
#fd0031
#fd0031
rgb(253,0,49)
-
#ff123f
#ff123f
rgb(255,18,63)
-
#ff254f
#ff254f
rgb(255,37,79)
-
#ff395f
#ff395f
rgb(255,57,95)
-
#ff4d6f
#ff4d6f
rgb(255,77,111)
-
#ff607f
#ff607f
rgb(255,96,127)
-
#ff748f
#ff748f
rgb(255,116,143)
-
#ff879e
#ff879e
rgb(255,135,158)
-
#ff9bae
#ff9bae
rgb(255,155,174)
-
#ffafbe
#ffafbe
rgb(255,175,190)
-
#ffc2ce
#ffc2ce
rgb(255,194,206)
-
#ffd6de
#ffd6de
rgb(255,214,222)
-
#ffeaee
#ffeaee
rgb(255,234,238)
-
#fffdfe
#fffdfe
rgb(255,253,254)
Tones of #ff395f
A tone is produced by adding gray to any pure hue. In this case, #a49497 is the less saturated color, while #ff395f is the most saturated one.
-
#a49497
#a49497
rgb(164,148,151)
-
#ab8d93
#ab8d93
rgb(171,141,147)
-
#b3858e
#b3858e
rgb(179,133,142)
-
#ba7e89
#ba7e89
rgb(186,126,137)
-
#c27685
#c27685
rgb(194,118,133)
-
#ca6e80
#ca6e80
rgb(202,110,128)
-
#d1677b
#d1677b
rgb(209,103,123)
-
#d95f76
#d95f76
rgb(217,95,118)
-
#e15772
#e15772
rgb(225,87,114)
-
#e8506d
#e8506d
rgb(232,80,109)
-
#f04868
#f04868
rgb(240,72,104)
-
#f74164
#f74164
rgb(247,65,100)
-
#ff395f
#ff395f
rgb(255,57,95)
Color Blindness Simulator
Below, you can see how #ff395f 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.