#ff3a40 Color Information
In a RGB color space, hex #ff3a40 is composed of 100% red, 22.7% green and 25.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 77.3% magenta, 74.9% yellow and 0% black. It has a hue angle of 358.2 degrees, a saturation of 100% and a lightness of 61.4%. #ff3a40 color hex could be obtained by blending #ff7480 with #ff0000. Closest websafe color is: #ff3333.
-
- R 100
- G 23
- B 25
-
- C 0
- M 77
- Y 75
- K 0
● #ff3a40 color description : Light red.
#ff3a40 Color Conversion
The hexadecimal color #ff3a40 has RGB values of R:255, G:58, B:64 and CMYK values of C:0, M:0.77, Y:0.75, K:0. Its decimal value is 16726592.
Hex triplet | ff3a40 | #ff3a40 |
---|---|---|
RGB Decimal | 255, 58, 64 | rgb(255,58,64) |
RGB Percent | 100, 22.7, 25.1 | rgb(100%,22.7%,25.1%) |
CMYK | 0, 77, 75, 0 | |
HSL | 358.2°, 100, 61.4 | hsl(358.2,100%,61.4%) |
HSV (or HSB) | 358.2°, 77.3, 100 | |
Web Safe | ff3333 | #ff3333 |
CIE-LAB | 56.744, 72.299, 44.133 |
---|---|
XYZ | 43.681, 24.662, 7.31 |
xyY | 0.577, 0.326, 24.662 |
CIE-LCH | 56.744, 84.705, 31.401 |
CIE-LUV | 56.744, 149.989, 30.448 |
Hunter-Lab | 49.66, 70.1, 26.034 |
Binary | 11111111, 00111010, 01000000 |
Color Schemes with #ff3a40
Alternatives to #ff3a40
Below, you can see some colors close to #ff3a40. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff3a40 Preview
This text has a font color of #ff3a40.
<span style="color:#ff3a40;">Text here</span>
This paragraph has a background color of #ff3a40.
<p style="background-color:#ff3a40;">Content here</p>
This element has a border color of #ff3a40.
<div style="border:1px solid #ff3a40;">Content here</div>
.text {color:#ff3a40;}
.background {background-color:#ff3a40;}
.border {border:1px solid #ff3a40;}
Shades and Tints of #ff3a40
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, #130001 is the darkest color, while #fffefe is the lightest one.
-
#130001
#130001
rgb(19,0,1)
-
#260001
#260001
rgb(38,0,1)
-
#3a0002
#3a0002
rgb(58,0,2)
-
#4e0002
#4e0002
rgb(78,0,2)
-
#610003
#610003
rgb(97,0,3)
-
#750004
#750004
rgb(117,0,4)
-
#880004
#880004
rgb(136,0,4)
-
#9c0005
#9c0005
rgb(156,0,5)
-
#b00005
#b00005
rgb(176,0,5)
-
#c30006
#c30006
rgb(195,0,6)
-
#d70007
#d70007
rgb(215,0,7)
-
#eb0007
#eb0007
rgb(235,0,7)
-
#fe0008
#fe0008
rgb(254,0,8)
-
#ff131a
#ff131a
rgb(255,19,26)
-
#ff262d
#ff262d
rgb(255,38,45)
-
#ff3a40
#ff3a40
rgb(255,58,64)
-
#ff4e53
#ff4e53
rgb(255,78,83)
-
#ff6166
#ff6166
rgb(255,97,102)
-
#ff7579
#ff7579
rgb(255,117,121)
-
#ff888c
#ff888c
rgb(255,136,140)
-
#ff9c9f
#ff9c9f
rgb(255,156,159)
-
#ffb0b2
#ffb0b2
rgb(255,176,178)
-
#ffc3c5
#ffc3c5
rgb(255,195,197)
-
#ffd7d8
#ffd7d8
rgb(255,215,216)
-
#ffebeb
#ffebeb
rgb(255,235,235)
-
#fffefe
#fffefe
rgb(255,254,254)
Tones of #ff3a40
A tone is produced by adding gray to any pure hue. In this case, #a49595 is the less saturated color, while #ff3a40 is the most saturated one.
-
#a49595
#a49595
rgb(164,149,149)
-
#ac8d8e
#ac8d8e
rgb(172,141,142)
-
#b38687
#b38687
rgb(179,134,135)
-
#bb7e80
#bb7e80
rgb(187,126,128)
-
#c27779
#c27779
rgb(194,119,121)
-
#ca6f72
#ca6f72
rgb(202,111,114)
-
#d2676b
#d2676b
rgb(210,103,107)
-
#d96064
#d96064
rgb(217,96,100)
-
#e1585c
#e1585c
rgb(225,88,92)
-
#e85155
#e85155
rgb(232,81,85)
-
#f0494e
#f0494e
rgb(240,73,78)
-
#f74247
#f74247
rgb(247,66,71)
-
#ff3a40
#ff3a40
rgb(255,58,64)
Color Blindness Simulator
Below, you can see how #ff3a40 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.