#ff5f61 Color Information
In a RGB color space, hex #ff5f61 is composed of 100% red, 37.3% green and 38% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 62.7% magenta, 62% yellow and 0% black. It has a hue angle of 359.3 degrees, a saturation of 100% and a lightness of 68.6%. #ff5f61 color hex could be obtained by blending #ffbec2 with #ff0000. Closest websafe color is: #ff6666.
-
- R 100
- G 37
- B 38
-
- C 0
- M 63
- Y 62
- K 0
● #ff5f61 color description : Light red.
#ff5f61 Color Conversion
The hexadecimal color #ff5f61 has RGB values of R:255, G:95, B:97 and CMYK values of C:0, M:0.63, Y:0.62, K:0. Its decimal value is 16736097.
Hex triplet | ff5f61 | #ff5f61 |
---|---|---|
RGB Decimal | 255, 95, 97 | rgb(255,95,97) |
RGB Percent | 100, 37.3, 38 | rgb(100%,37.3%,38%) |
CMYK | 0, 63, 62, 0 | |
HSL | 359.3°, 100, 68.6 | hsl(359.3,100%,68.6%) |
HSV (or HSB) | 359.3°, 62.7, 100 | |
Web Safe | ff6666 | #ff6666 |
CIE-LAB | 61.923, 60.887, 31.846 |
---|---|
XYZ | 47.492, 30.312, 14.659 |
xyY | 0.514, 0.328, 30.312 |
CIE-LCH | 61.923, 68.712, 27.611 |
CIE-LUV | 61.923, 120.738, 25.098 |
Hunter-Lab | 55.057, 57.624, 22.754 |
Binary | 11111111, 01011111, 01100001 |
Color Schemes with #ff5f61
Alternatives to #ff5f61
Below, you can see some colors close to #ff5f61. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff5f61 Preview
This text has a font color of #ff5f61.
<span style="color:#ff5f61;">Text here</span>
This paragraph has a background color of #ff5f61.
<p style="background-color:#ff5f61;">Content here</p>
This element has a border color of #ff5f61.
<div style="border:1px solid #ff5f61;">Content here</div>
.text {color:#ff5f61;}
.background {background-color:#ff5f61;}
.border {border:1px solid #ff5f61;}
Shades and Tints of #ff5f61
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, #110000 is the darkest color, while #fffcfc is the lightest one.
-
#110000
#110000
rgb(17,0,0)
-
#240000
#240000
rgb(36,0,0)
-
#380001
#380001
rgb(56,0,1)
-
#4b0001
#4b0001
rgb(75,0,1)
-
#5f0001
#5f0001
rgb(95,0,1)
-
#730001
#730001
rgb(115,0,1)
-
#860002
#860002
rgb(134,0,2)
-
#9a0002
#9a0002
rgb(154,0,2)
-
#ad0002
#ad0002
rgb(173,0,2)
-
#c10002
#c10002
rgb(193,0,2)
-
#d50003
#d50003
rgb(213,0,3)
-
#e80003
#e80003
rgb(232,0,3)
-
#fc0003
#fc0003
rgb(252,0,3)
-
#ff1114
#ff1114
rgb(255,17,20)
-
#ff2427
#ff2427
rgb(255,36,39)
-
#ff383a
#ff383a
rgb(255,56,58)
-
#ff4b4e
#ff4b4e
rgb(255,75,78)
-
#ff5f61
#ff5f61
rgb(255,95,97)
-
#ff7374
#ff7374
rgb(255,115,116)
-
#ff8688
#ff8688
rgb(255,134,136)
-
#ff9a9b
#ff9a9b
rgb(255,154,155)
-
#ffadae
#ffadae
rgb(255,173,174)
-
#ffc1c2
#ffc1c2
rgb(255,193,194)
-
#ffd5d5
#ffd5d5
rgb(255,213,213)
-
#ffe8e9
#ffe8e9
rgb(255,232,233)
-
#fffcfc
#fffcfc
rgb(255,252,252)
Tones of #ff5f61
A tone is produced by adding gray to any pure hue. In this case, #b5a9a9 is the less saturated color, while #ff5f61 is the most saturated one.
-
#b5a9a9
#b5a9a9
rgb(181,169,169)
-
#bba3a3
#bba3a3
rgb(187,163,163)
-
#c19d9d
#c19d9d
rgb(193,157,157)
-
#c89697
#c89697
rgb(200,150,151)
-
#ce9091
#ce9091
rgb(206,144,145)
-
#d48a8b
#d48a8b
rgb(212,138,139)
-
#da8485
#da8485
rgb(218,132,133)
-
#e07e7f
#e07e7f
rgb(224,126,127)
-
#e67879
#e67879
rgb(230,120,121)
-
#ed7173
#ed7173
rgb(237,113,115)
-
#f36b6d
#f36b6d
rgb(243,107,109)
-
#f96567
#f96567
rgb(249,101,103)
-
#ff5f61
#ff5f61
rgb(255,95,97)
Color Blindness Simulator
Below, you can see how #ff5f61 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.