#ff5b55 Color Information
In a RGB color space, hex #ff5b55 is composed of 100% red, 35.7% green and 33.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 64.3% magenta, 66.7% yellow and 0% black. It has a hue angle of 2.1 degrees, a saturation of 100% and a lightness of 66.7%. #ff5b55 color hex could be obtained by blending #ffb6aa with #ff0000. Closest websafe color is: #ff6666.
-
- R 100
- G 36
- B 33
-
- C 0
- M 64
- Y 67
- K 0
● #ff5b55 color description : Light red.
#ff5b55 Color Conversion
The hexadecimal color #ff5b55 has RGB values of R:255, G:91, B:85 and CMYK values of C:0, M:0.64, Y:0.67, K:0. Its decimal value is 16735061.
Hex triplet | ff5b55 | #ff5b55 |
---|---|---|
RGB Decimal | 255, 91, 85 | rgb(255,91,85) |
RGB Percent | 100, 35.7, 33.3 | rgb(100%,35.7%,33.3%) |
CMYK | 0, 64, 67, 0 | |
HSL | 2.1°, 100, 66.7 | hsl(2.1,100%,66.7%) |
HSV (or HSB) | 2.1°, 66.7, 100 | |
Web Safe | ff6666 | #ff6666 |
CIE-LAB | 61.136, 61.845, 37.601 |
---|---|
XYZ | 46.623, 29.403, 11.814 |
xyY | 0.531, 0.335, 29.403 |
CIE-LCH | 61.136, 72.378, 31.299 |
CIE-LUV | 61.136, 126.099, 29.833 |
Hunter-Lab | 54.225, 58.582, 25.039 |
Binary | 11111111, 01011011, 01010101 |
Color Schemes with #ff5b55
Alternatives to #ff5b55
Below, you can see some colors close to #ff5b55. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff5b55 Preview
This text has a font color of #ff5b55.
<span style="color:#ff5b55;">Text here</span>
This paragraph has a background color of #ff5b55.
<p style="background-color:#ff5b55;">Content here</p>
This element has a border color of #ff5b55.
<div style="border:1px solid #ff5b55;">Content here</div>
.text {color:#ff5b55;}
.background {background-color:#ff5b55;}
.border {border:1px solid #ff5b55;}
Shades and Tints of #ff5b55
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, #070000 is the darkest color, while #fff2f2 is the lightest one.
-
#070000
#070000
rgb(7,0,0)
-
#1a0100
#1a0100
rgb(26,1,0)
-
#2e0200
#2e0200
rgb(46,2,0)
-
#410200
#410200
rgb(65,2,0)
-
#550300
#550300
rgb(85,3,0)
-
#690400
#690400
rgb(105,4,0)
-
#7c0400
#7c0400
rgb(124,4,0)
-
#900500
#900500
rgb(144,5,0)
-
#a30600
#a30600
rgb(163,6,0)
-
#b70600
#b70600
rgb(183,6,0)
-
#cb0700
#cb0700
rgb(203,7,0)
-
#de0800
#de0800
rgb(222,8,0)
-
#f20900
#f20900
rgb(242,9,0)
-
#ff0f07
#ff0f07
rgb(255,15,7)
-
#ff221a
#ff221a
rgb(255,34,26)
-
#ff352e
#ff352e
rgb(255,53,46)
-
#ff4841
#ff4841
rgb(255,72,65)
-
#ff5b55
#ff5b55
rgb(255,91,85)
-
#ff6e69
#ff6e69
rgb(255,110,105)
-
#ff817c
#ff817c
rgb(255,129,124)
-
#ff9490
#ff9490
rgb(255,148,144)
-
#ffa7a3
#ffa7a3
rgb(255,167,163)
-
#ffbab7
#ffbab7
rgb(255,186,183)
-
#ffcdcb
#ffcdcb
rgb(255,205,203)
-
#ffdfde
#ffdfde
rgb(255,223,222)
-
#fff2f2
#fff2f2
rgb(255,242,242)
Tones of #ff5b55
A tone is produced by adding gray to any pure hue. In this case, #b1a4a3 is the less saturated color, while #ff5b55 is the most saturated one.
-
#b1a4a3
#b1a4a3
rgb(177,164,163)
-
#b79e9d
#b79e9d
rgb(183,158,157)
-
#be9896
#be9896
rgb(190,152,150)
-
#c49290
#c49290
rgb(196,146,144)
-
#cb8c89
#cb8c89
rgb(203,140,137)
-
#d18683
#d18683
rgb(209,134,131)
-
#d87f7c
#d87f7c
rgb(216,127,124)
-
#de7976
#de7976
rgb(222,121,118)
-
#e5736f
#e5736f
rgb(229,115,111)
-
#eb6d69
#eb6d69
rgb(235,109,105)
-
#f26762
#f26762
rgb(242,103,98)
-
#f8615c
#f8615c
rgb(248,97,92)
-
#ff5b55
#ff5b55
rgb(255,91,85)
Color Blindness Simulator
Below, you can see how #ff5b55 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.