#ff5b5b Color Information
In a RGB color space, hex #ff5b5b is composed of 100% red, 35.7% green and 35.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 64.3% magenta, 64.3% yellow and 0% black. It has a hue angle of 0 degrees, a saturation of 100% and a lightness of 67.8%. #ff5b5b color hex could be obtained by blending #ffb6b6 with #ff0000. Closest websafe color is: #ff6666.
-
- R 100
- G 36
- B 36
-
- C 0
- M 64
- Y 64
- K 0
● #ff5b5b color description : Light red.
#ff5b5b Color Conversion
The hexadecimal color #ff5b5b has RGB values of R:255, G:91, B:91 and CMYK values of C:0, M:0.64, Y:0.64, K:0. Its decimal value is 16735067.
| Hex triplet | ff5b5b | #ff5b5b |
|---|---|---|
| RGB Decimal | 255, 91, 91 | rgb(255,91,91) |
| RGB Percent | 100, 35.7, 35.7 | rgb(100%,35.7%,35.7%) |
| CMYK | 0, 64, 64, 0 | |
| HSL | 0°, 100, 67.8 | hsl(0,100%,67.8%) |
| HSV (or HSB) | 0°, 64.3, 100 | |
| Web Safe | ff6666 | #ff6666 |
| CIE-LAB | 61.223, 62.17, 34.35 |
|---|---|
| XYZ | 46.871, 29.503, 13.123 |
| xyY | 0.524, 0.33, 29.503 |
| CIE-LCH | 61.223, 71.028, 28.921 |
| CIE-LUV | 61.223, 124.734, 26.906 |
| Hunter-Lab | 54.316, 58.98, 23.696 |
| Binary | 11111111, 01011011, 01011011 |
Color Schemes with #ff5b5b
Alternatives to #ff5b5b
Below, you can see some colors close to #ff5b5b. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff5b5b Preview
This text has a font color of #ff5b5b.
<span style="color:#ff5b5b;">Text here</span>
This paragraph has a background color of #ff5b5b.
<p style="background-color:#ff5b5b;">Content here</p>
This element has a border color of #ff5b5b.
<div style="border:1px solid #ff5b5b;">Content here</div>
.text {color:#ff5b5b;}
.background {background-color:#ff5b5b;}
.border {border:1px solid #ff5b5b;}
Shades and Tints of #ff5b5b
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) -
#200000
#200000rgb(32,0,0) -
#340000
#340000rgb(52,0,0) -
#470000
#470000rgb(71,0,0) -
#5b0000
#5b0000rgb(91,0,0) -
#6f0000
#6f0000rgb(111,0,0) -
#820000
#820000rgb(130,0,0) -
#960000
#960000rgb(150,0,0) -
#a90000
#a90000rgb(169,0,0) -
#bd0000
#bd0000rgb(189,0,0) -
#d10000
#d10000rgb(209,0,0) -
#e40000
#e40000rgb(228,0,0) -
#f80000
#f80000rgb(248,0,0)
-
#ff0d0d
#ff0d0drgb(255,13,13) -
#ff2020
#ff2020rgb(255,32,32) -
#ff3434
#ff3434rgb(255,52,52) -
#ff4747
#ff4747rgb(255,71,71) -
#ff5b5b
#ff5b5brgb(255,91,91) -
#ff6f6f
#ff6f6frgb(255,111,111) -
#ff8282
#ff8282rgb(255,130,130) -
#ff9696
#ff9696rgb(255,150,150) -
#ffa9a9
#ffa9a9rgb(255,169,169) -
#ffbdbd
#ffbdbdrgb(255,189,189) -
#ffd1d1
#ffd1d1rgb(255,209,209) -
#ffe4e4
#ffe4e4rgb(255,228,228) -
#fff8f8
#fff8f8rgb(255,248,248)
Tones of #ff5b5b
A tone is produced by adding gray to any pure hue. In this case, #b3a7a7 is the less saturated color, while #ff5b5b is the most saturated one.
-
#b3a7a7
#b3a7a7rgb(179,167,167) -
#baa0a0
#baa0a0rgb(186,160,160) -
#c09a9a
#c09a9argb(192,154,154) -
#c69494
#c69494rgb(198,148,148) -
#cd8d8d
#cd8d8drgb(205,141,141) -
#d38787
#d38787rgb(211,135,135) -
#d98181
#d98181rgb(217,129,129) -
#df7b7b
#df7b7brgb(223,123,123) -
#e67474
#e67474rgb(230,116,116) -
#ec6e6e
#ec6e6ergb(236,110,110) -
#f26868
#f26868rgb(242,104,104) -
#f96161
#f96161rgb(249,97,97) -
#ff5b5b
#ff5b5brgb(255,91,91)
Color Blindness Simulator
Below, you can see how #ff5b5b 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.
