#ff5740 Color Information
In a RGB color space, hex #ff5740 is composed of 100% red, 34.1% green and 25.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 65.9% magenta, 74.9% yellow and 0% black. It has a hue angle of 7.2 degrees, a saturation of 100% and a lightness of 62.5%. #ff5740 color hex could be obtained by blending #ffae80 with #ff0000. Closest websafe color is: #ff6633.
-
- R 100
- G 34
- B 25
-
- C 0
- M 66
- Y 75
- K 0
● #ff5740 color description : Light red.
#ff5740 Color Conversion
The hexadecimal color #ff5740 has RGB values of R:255, G:87, B:64 and CMYK values of C:0, M:0.66, Y:0.75, K:0. Its decimal value is 16734016.
Hex triplet | ff5740 | #ff5740 |
---|---|---|
RGB Decimal | 255, 87, 64 | rgb(255,87,64) |
RGB Percent | 100, 34.1, 25.1 | rgb(100%,34.1%,25.1%) |
CMYK | 0, 66, 75, 0 | |
HSL | 7.2°, 100, 62.5 | hsl(7.2,100%,62.5%) |
HSV (or HSB) | 7.2°, 74.9, 100 | |
Web Safe | ff6633 | #ff6633 |
CIE-LAB | 60.295, 62.496, 47.978 |
---|---|
XYZ | 45.576, 28.452, 7.942 |
xyY | 0.556, 0.347, 28.452 |
CIE-LCH | 60.295, 78.789, 37.513 |
CIE-LUV | 60.295, 132.917, 37.42 |
Hunter-Lab | 53.34, 59.171, 28.51 |
Binary | 11111111, 01010111, 01000000 |
Color Schemes with #ff5740
Alternatives to #ff5740
Below, you can see some colors close to #ff5740. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff5740 Preview
This text has a font color of #ff5740.
<span style="color:#ff5740;">Text here</span>
This paragraph has a background color of #ff5740.
<p style="background-color:#ff5740;">Content here</p>
This element has a border color of #ff5740.
<div style="border:1px solid #ff5740;">Content here</div>
.text {color:#ff5740;}
.background {background-color:#ff5740;}
.border {border:1px solid #ff5740;}
Shades and Tints of #ff5740
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, #050100 is the darkest color, while #fff2f1 is the lightest one.
-
#050100
#050100
rgb(5,1,0)
-
#190300
#190300
rgb(25,3,0)
-
#2c0500
#2c0500
rgb(44,5,0)
-
#400800
#400800
rgb(64,8,0)
-
#540a00
#540a00
rgb(84,10,0)
-
#670c00
#670c00
rgb(103,12,0)
-
#7b0f00
#7b0f00
rgb(123,15,0)
-
#8e1100
#8e1100
rgb(142,17,0)
-
#a21400
#a21400
rgb(162,20,0)
-
#b61600
#b61600
rgb(182,22,0)
-
#c91800
#c91800
rgb(201,24,0)
-
#dd1b00
#dd1b00
rgb(221,27,0)
-
#f11d00
#f11d00
rgb(241,29,0)
-
#ff2305
#ff2305
rgb(255,35,5)
-
#ff3419
#ff3419
rgb(255,52,25)
-
#ff462c
#ff462c
rgb(255,70,44)
-
#ff5740
#ff5740
rgb(255,87,64)
-
#ff6854
#ff6854
rgb(255,104,84)
-
#ff7a67
#ff7a67
rgb(255,122,103)
-
#ff8b7b
#ff8b7b
rgb(255,139,123)
-
#ff9c8e
#ff9c8e
rgb(255,156,142)
-
#ffada2
#ffada2
rgb(255,173,162)
-
#ffbfb6
#ffbfb6
rgb(255,191,182)
-
#ffd0c9
#ffd0c9
rgb(255,208,201)
-
#ffe1dd
#ffe1dd
rgb(255,225,221)
-
#fff2f1
#fff2f1
rgb(255,242,241)
Tones of #ff5740
A tone is produced by adding gray to any pure hue. In this case, #a79a98 is the less saturated color, while #ff5740 is the most saturated one.
-
#a79a98
#a79a98
rgb(167,154,152)
-
#ae9491
#ae9491
rgb(174,148,145)
-
#b68f89
#b68f89
rgb(182,143,137)
-
#bd8982
#bd8982
rgb(189,137,130)
-
#c4847b
#c4847b
rgb(196,132,123)
-
#cc7e73
#cc7e73
rgb(204,126,115)
-
#d3786c
#d3786c
rgb(211,120,108)
-
#da7365
#da7365
rgb(218,115,101)
-
#e26d5d
#e26d5d
rgb(226,109,93)
-
#e96856
#e96856
rgb(233,104,86)
-
#f0624f
#f0624f
rgb(240,98,79)
-
#f85d47
#f85d47
rgb(248,93,71)
-
#ff5740
#ff5740
rgb(255,87,64)
Color Blindness Simulator
Below, you can see how #ff5740 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.