#ff5961 Color Information
In a RGB color space, hex #ff5961 is composed of 100% red, 34.9% green and 38% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 65.1% magenta, 62% yellow and 0% black. It has a hue angle of 357.1 degrees, a saturation of 100% and a lightness of 67.5%. #ff5961 color hex could be obtained by blending #ffb2c2 with #ff0000. Closest websafe color is: #ff6666.
-
- R 100
- G 35
- B 38
-
- C 0
- M 65
- Y 62
- K 0
● #ff5961 color description : Light red.
#ff5961 Color Conversion
The hexadecimal color #ff5961 has RGB values of R:255, G:89, B:97 and CMYK values of C:0, M:0.65, Y:0.62, K:0. Its decimal value is 16734561.
Hex triplet | ff5961 | #ff5961 |
---|---|---|
RGB Decimal | 255, 89, 97 | rgb(255,89,97) |
RGB Percent | 100, 34.9, 38 | rgb(100%,34.9%,38%) |
CMYK | 0, 65, 62, 0 | |
HSL | 357.1°, 100, 67.5 | hsl(357.1,100%,67.5%) |
HSV (or HSB) | 357.1°, 65.1, 100 | |
Web Safe | ff6666 | #ff6666 |
CIE-LAB | 61.022, 63.319, 30.697 |
---|---|
XYZ | 46.972, 29.273, 14.485 |
xyY | 0.518, 0.323, 29.273 |
CIE-LCH | 61.022, 70.367, 25.864 |
CIE-LUV | 61.022, 124.534, 23.164 |
Hunter-Lab | 54.104, 60.286, 21.999 |
Binary | 11111111, 01011001, 01100001 |
Color Schemes with #ff5961
Alternatives to #ff5961
Below, you can see some colors close to #ff5961. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff5961 Preview
This text has a font color of #ff5961.
<span style="color:#ff5961;">Text here</span>
This paragraph has a background color of #ff5961.
<p style="background-color:#ff5961;">Content here</p>
This element has a border color of #ff5961.
<div style="border:1px solid #ff5961;">Content here</div>
.text {color:#ff5961;}
.background {background-color:#ff5961;}
.border {border:1px solid #ff5961;}
Shades and Tints of #ff5961
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, #0b0001 is the darkest color, while #fff6f6 is the lightest one.
-
#0b0001
#0b0001
rgb(11,0,1)
-
#1e0001
#1e0001
rgb(30,0,1)
-
#320002
#320002
rgb(50,0,2)
-
#450003
#450003
rgb(69,0,3)
-
#590004
#590004
rgb(89,0,4)
-
#6d0005
#6d0005
rgb(109,0,5)
-
#800006
#800006
rgb(128,0,6)
-
#940007
#940007
rgb(148,0,7)
-
#a70008
#a70008
rgb(167,0,8)
-
#bb0009
#bb0009
rgb(187,0,9)
-
#cf000a
#cf000a
rgb(207,0,10)
-
#e2000b
#e2000b
rgb(226,0,11)
-
#f6000c
#f6000c
rgb(246,0,12)
-
#ff0b16
#ff0b16
rgb(255,11,22)
-
#ff1e29
#ff1e29
rgb(255,30,41)
-
#ff323c
#ff323c
rgb(255,50,60)
-
#ff454e
#ff454e
rgb(255,69,78)
-
#ff5961
#ff5961
rgb(255,89,97)
-
#ff6d74
#ff6d74
rgb(255,109,116)
-
#ff8086
#ff8086
rgb(255,128,134)
-
#ff9499
#ff9499
rgb(255,148,153)
-
#ffa7ac
#ffa7ac
rgb(255,167,172)
-
#ffbbbe
#ffbbbe
rgb(255,187,190)
-
#ffcfd1
#ffcfd1
rgb(255,207,209)
-
#ffe2e4
#ffe2e4
rgb(255,226,228)
-
#fff6f6
#fff6f6
rgb(255,246,246)
Tones of #ff5961
A tone is produced by adding gray to any pure hue. In this case, #b2a6a6 is the less saturated color, while #ff5961 is the most saturated one.
-
#b2a6a6
#b2a6a6
rgb(178,166,166)
-
#b99fa0
#b99fa0
rgb(185,159,160)
-
#bf999b
#bf999b
rgb(191,153,155)
-
#c69295
#c69295
rgb(198,146,149)
-
#cc8c8f
#cc8c8f
rgb(204,140,143)
-
#d28689
#d28689
rgb(210,134,137)
-
#d97f84
#d97f84
rgb(217,127,132)
-
#df797e
#df797e
rgb(223,121,126)
-
#e57378
#e57378
rgb(229,115,120)
-
#ec6c72
#ec6c72
rgb(236,108,114)
-
#f2666d
#f2666d
rgb(242,102,109)
-
#f95f67
#f95f67
rgb(249,95,103)
-
#ff5961
#ff5961
rgb(255,89,97)
Color Blindness Simulator
Below, you can see how #ff5961 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.