#ff3a4f Color Information
In a RGB color space, hex #ff3a4f is composed of 100% red, 22.7% green and 31% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 77.3% magenta, 69% yellow and 0% black. It has a hue angle of 353.6 degrees, a saturation of 100% and a lightness of 61.4%. #ff3a4f color hex could be obtained by blending #ff749e with #ff0000. Closest websafe color is: #ff3366.
-
- R 100
- G 23
- B 31
-
- C 0
- M 77
- Y 69
- K 0
● #ff3a4f color description : Light red.
#ff3a4f Color Conversion
The hexadecimal color #ff3a4f has RGB values of R:255, G:58, B:79 and CMYK values of C:0, M:0.77, Y:0.69, K:0. Its decimal value is 16726607.
Hex triplet | ff3a4f | #ff3a4f |
---|---|---|
RGB Decimal | 255, 58, 79 | rgb(255,58,79) |
RGB Percent | 100, 22.7, 31 | rgb(100%,22.7%,31%) |
CMYK | 0, 77, 69, 0 | |
HSL | 353.6°, 100, 61.4 | hsl(353.6,100%,61.4%) |
HSV (or HSB) | 353.6°, 77.3, 100 | |
Web Safe | ff3366 | #ff3366 |
CIE-LAB | 56.935, 72.902, 35.911 |
---|---|
XYZ | 44.166, 24.856, 9.869 |
xyY | 0.56, 0.315, 24.856 |
CIE-LCH | 56.935, 81.267, 26.224 |
CIE-LUV | 56.935, 146.349, 24.095 |
Hunter-Lab | 49.856, 70.883, 23.163 |
Binary | 11111111, 00111010, 01001111 |
Color Schemes with #ff3a4f
Alternatives to #ff3a4f
Below, you can see some colors close to #ff3a4f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff3a4f Preview
This text has a font color of #ff3a4f.
<span style="color:#ff3a4f;">Text here</span>
This paragraph has a background color of #ff3a4f.
<p style="background-color:#ff3a4f;">Content here</p>
This element has a border color of #ff3a4f.
<div style="border:1px solid #ff3a4f;">Content here</div>
.text {color:#ff3a4f;}
.background {background-color:#ff3a4f;}
.border {border:1px solid #ff3a4f;}
Shades and Tints of #ff3a4f
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, #130002 is the darkest color, while #fffefe is the lightest one.
-
#130002
#130002
rgb(19,0,2)
-
#260004
#260004
rgb(38,0,4)
-
#3a0006
#3a0006
rgb(58,0,6)
-
#4e0008
#4e0008
rgb(78,0,8)
-
#61000a
#61000a
rgb(97,0,10)
-
#75000c
#75000c
rgb(117,0,12)
-
#88000f
#88000f
rgb(136,0,15)
-
#9c0011
#9c0011
rgb(156,0,17)
-
#b00013
#b00013
rgb(176,0,19)
-
#c30015
#c30015
rgb(195,0,21)
-
#d70017
#d70017
rgb(215,0,23)
-
#eb0019
#eb0019
rgb(235,0,25)
-
#fe001b
#fe001b
rgb(254,0,27)
-
#ff132c
#ff132c
rgb(255,19,44)
-
#ff263d
#ff263d
rgb(255,38,61)
-
#ff3a4f
#ff3a4f
rgb(255,58,79)
-
#ff4e61
#ff4e61
rgb(255,78,97)
-
#ff6172
#ff6172
rgb(255,97,114)
-
#ff7584
#ff7584
rgb(255,117,132)
-
#ff8895
#ff8895
rgb(255,136,149)
-
#ff9ca7
#ff9ca7
rgb(255,156,167)
-
#ffb0b8
#ffb0b8
rgb(255,176,184)
-
#ffc3ca
#ffc3ca
rgb(255,195,202)
-
#ffd7db
#ffd7db
rgb(255,215,219)
-
#ffebed
#ffebed
rgb(255,235,237)
-
#fffefe
#fffefe
rgb(255,254,254)
Tones of #ff3a4f
A tone is produced by adding gray to any pure hue. In this case, #a49597 is the less saturated color, while #ff3a4f is the most saturated one.
-
#a49597
#a49597
rgb(164,149,151)
-
#ac8d91
#ac8d91
rgb(172,141,145)
-
#b3868b
#b3868b
rgb(179,134,139)
-
#bb7e85
#bb7e85
rgb(187,126,133)
-
#c2777f
#c2777f
rgb(194,119,127)
-
#ca6f79
#ca6f79
rgb(202,111,121)
-
#d26773
#d26773
rgb(210,103,115)
-
#d9606d
#d9606d
rgb(217,96,109)
-
#e15867
#e15867
rgb(225,88,103)
-
#e85161
#e85161
rgb(232,81,97)
-
#f0495b
#f0495b
rgb(240,73,91)
-
#f74255
#f74255
rgb(247,66,85)
-
#ff3a4f
#ff3a4f
rgb(255,58,79)
Color Blindness Simulator
Below, you can see how #ff3a4f 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.