#ff5552 Color Information
In a RGB color space, hex #ff5552 is composed of 100% red, 33.3% green and 32.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 66.7% magenta, 67.8% yellow and 0% black. It has a hue angle of 1 degrees, a saturation of 100% and a lightness of 66.1%. #ff5552 color hex could be obtained by blending #ffaaa4 with #ff0000. Closest websafe color is: #ff6666.
-
- R 100
- G 33
- B 32
-
- C 0
- M 67
- Y 68
- K 0
● #ff5552 color description : Light red.
#ff5552 Color Conversion
The hexadecimal color #ff5552 has RGB values of R:255, G:85, B:82 and CMYK values of C:0, M:0.67, Y:0.68, K:0. Its decimal value is 16733522.
Hex triplet | ff5552 | #ff5552 |
---|---|---|
RGB Decimal | 255, 85, 82 | rgb(255,85,82) |
RGB Percent | 100, 33.3, 32.2 | rgb(100%,33.3%,32.2%) |
CMYK | 0, 67, 68, 0 | |
HSL | 1°, 100, 66.1 | hsl(1,100%,66.1%) |
HSV (or HSB) | 1°, 67.8, 100 | |
Web Safe | ff6666 | #ff6666 |
CIE-LAB | 60.223, 64.055, 38.17 |
---|---|
XYZ | 46.013, 28.371, 11.035 |
xyY | 0.539, 0.332, 28.371 |
CIE-LCH | 60.223, 74.566, 30.79 |
CIE-LUV | 60.223, 130.624, 29.438 |
Hunter-Lab | 53.265, 60.986, 25.001 |
Binary | 11111111, 01010101, 01010010 |
Color Schemes with #ff5552
Alternatives to #ff5552
Below, you can see some colors close to #ff5552. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff5552 Preview
This text has a font color of #ff5552.
<span style="color:#ff5552;">Text here</span>
This paragraph has a background color of #ff5552.
<p style="background-color:#ff5552;">Content here</p>
This element has a border color of #ff5552.
<div style="border:1px solid #ff5552;">Content here</div>
.text {color:#ff5552;}
.background {background-color:#ff5552;}
.border {border:1px solid #ff5552;}
Shades and Tints of #ff5552
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, #040000 is the darkest color, while #ffefef is the lightest one.
-
#040000
#040000
rgb(4,0,0)
-
#170000
#170000
rgb(23,0,0)
-
#2b0100
#2b0100
rgb(43,1,0)
-
#3e0100
#3e0100
rgb(62,1,0)
-
#520100
#520100
rgb(82,1,0)
-
#660200
#660200
rgb(102,2,0)
-
#790200
#790200
rgb(121,2,0)
-
#8d0200
#8d0200
rgb(141,2,0)
-
#a00300
#a00300
rgb(160,3,0)
-
#b40300
#b40300
rgb(180,3,0)
-
#c80300
#c80300
rgb(200,3,0)
-
#db0400
#db0400
rgb(219,4,0)
-
#ef0400
#ef0400
rgb(239,4,0)
-
#ff0804
#ff0804
rgb(255,8,4)
-
#ff1b17
#ff1b17
rgb(255,27,23)
-
#ff2e2b
#ff2e2b
rgb(255,46,43)
-
#ff423e
#ff423e
rgb(255,66,62)
-
#ff5552
#ff5552
rgb(255,85,82)
-
#ff6866
#ff6866
rgb(255,104,102)
-
#ff7c79
#ff7c79
rgb(255,124,121)
-
#ff8f8d
#ff8f8d
rgb(255,143,141)
-
#ffa2a0
#ffa2a0
rgb(255,162,160)
-
#ffb5b4
#ffb5b4
rgb(255,181,180)
-
#ffc9c8
#ffc9c8
rgb(255,201,200)
-
#ffdcdb
#ffdcdb
rgb(255,220,219)
-
#ffefef
#ffefef
rgb(255,239,239)
Tones of #ff5552
A tone is produced by adding gray to any pure hue. In this case, #afa2a2 is the less saturated color, while #ff5552 is the most saturated one.
-
#afa2a2
#afa2a2
rgb(175,162,162)
-
#b69c9b
#b69c9b
rgb(182,156,155)
-
#bc9595
#bc9595
rgb(188,149,149)
-
#c38f8e
#c38f8e
rgb(195,143,142)
-
#ca8887
#ca8887
rgb(202,136,135)
-
#d08281
#d08281
rgb(208,130,129)
-
#d77c7a
#d77c7a
rgb(215,124,122)
-
#de7573
#de7573
rgb(222,117,115)
-
#e46f6d
#e46f6d
rgb(228,111,109)
-
#eb6866
#eb6866
rgb(235,104,102)
-
#f2625f
#f2625f
rgb(242,98,95)
-
#f85b59
#f85b59
rgb(248,91,89)
-
#ff5552
#ff5552
rgb(255,85,82)
Color Blindness Simulator
Below, you can see how #ff5552 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.