#ff5f5b Color Information
In a RGB color space, hex #ff5f5b is composed of 100% red, 37.3% green and 35.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 62.7% magenta, 64.3% yellow and 0% black. It has a hue angle of 1.5 degrees, a saturation of 100% and a lightness of 67.8%. #ff5f5b color hex could be obtained by blending #ffbeb6 with #ff0000. Closest websafe color is: #ff6666.
-
- R 100
- G 37
- B 36
-
- C 0
- M 63
- Y 64
- K 0
● #ff5f5b color description : Light red.
#ff5f5b Color Conversion
The hexadecimal color #ff5f5b has RGB values of R:255, G:95, B:91 and CMYK values of C:0, M:0.63, Y:0.64, K:0. Its decimal value is 16736091.
| Hex triplet | ff5f5b | #ff5f5b |
|---|---|---|
| RGB Decimal | 255, 95, 91 | rgb(255,95,91) |
| RGB Percent | 100, 37.3, 35.7 | rgb(100%,37.3%,35.7%) |
| CMYK | 0, 63, 64, 0 | |
| HSL | 1.5°, 100, 67.8 | hsl(1.5,100%,67.8%) |
| HSV (or HSB) | 1.5°, 64.3, 100 | |
| Web Safe | ff6666 | #ff6666 |
| CIE-LAB | 61.83, 60.534, 35.105 |
|---|---|
| XYZ | 47.222, 30.205, 13.24 |
| xyY | 0.521, 0.333, 30.205 |
| CIE-LCH | 61.83, 69.977, 30.11 |
| CIE-LUV | 61.83, 122.133, 28.183 |
| Hunter-Lab | 54.959, 57.195, 24.187 |
| Binary | 11111111, 01011111, 01011011 |
Color Schemes with #ff5f5b
Alternatives to #ff5f5b
Below, you can see some colors close to #ff5f5b. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff5f5b Preview
This text has a font color of #ff5f5b.
<span style="color:#ff5f5b;">Text here</span>
This paragraph has a background color of #ff5f5b.
<p style="background-color:#ff5f5b;">Content here</p>
This element has a border color of #ff5f5b.
<div style="border:1px solid #ff5f5b;">Content here</div>
.text {color:#ff5f5b;}
.background {background-color:#ff5f5b;}
.border {border:1px solid #ff5f5b;}
Shades and Tints of #ff5f5b
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, #0d0000 is the darkest color, while #fff8f8 is the lightest one.
-
#0d0000
#0d0000rgb(13,0,0) -
#200100
#200100rgb(32,1,0) -
#340100
#340100rgb(52,1,0) -
#470200
#470200rgb(71,2,0) -
#5b0200
#5b0200rgb(91,2,0) -
#6f0300
#6f0300rgb(111,3,0) -
#820300
#820300rgb(130,3,0) -
#960400
#960400rgb(150,4,0) -
#a90400
#a90400rgb(169,4,0) -
#bd0500
#bd0500rgb(189,5,0) -
#d10500
#d10500rgb(209,5,0) -
#e40600
#e40600rgb(228,6,0) -
#f80600
#f80600rgb(248,6,0)
-
#ff120d
#ff120drgb(255,18,13) -
#ff2620
#ff2620rgb(255,38,32) -
#ff3934
#ff3934rgb(255,57,52) -
#ff4c47
#ff4c47rgb(255,76,71) -
#ff5f5b
#ff5f5brgb(255,95,91) -
#ff726f
#ff726frgb(255,114,111) -
#ff8582
#ff8582rgb(255,133,130) -
#ff9896
#ff9896rgb(255,152,150) -
#ffaca9
#ffaca9rgb(255,172,169) -
#ffbfbd
#ffbfbdrgb(255,191,189) -
#ffd2d1
#ffd2d1rgb(255,210,209) -
#ffe5e4
#ffe5e4rgb(255,229,228) -
#fff8f8
#fff8f8rgb(255,248,248)
Tones of #ff5f5b
A tone is produced by adding gray to any pure hue. In this case, #b3a7a7 is the less saturated color, while #ff5f5b is the most saturated one.
-
#b3a7a7
#b3a7a7rgb(179,167,167) -
#baa1a0
#baa1a0rgb(186,161,160) -
#c09b9a
#c09b9argb(192,155,154) -
#c69594
#c69594rgb(198,149,148) -
#cd8f8d
#cd8f8drgb(205,143,141) -
#d38987
#d38987rgb(211,137,135) -
#d98381
#d98381rgb(217,131,129) -
#df7d7b
#df7d7brgb(223,125,123) -
#e67774
#e67774rgb(230,119,116) -
#ec716e
#ec716ergb(236,113,110) -
#f26b68
#f26b68rgb(242,107,104) -
#f96561
#f96561rgb(249,101,97) -
#ff5f5b
#ff5f5brgb(255,95,91)
Color Blindness Simulator
Below, you can see how #ff5f5b 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.
