#ff3642 Color Information
In a RGB color space, hex #ff3642 is composed of 100% red, 21.2% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 78.8% magenta, 74.1% yellow and 0% black. It has a hue angle of 356.4 degrees, a saturation of 100% and a lightness of 60.6%. #ff3642 color hex could be obtained by blending #ff6c84 with #ff0000. Closest websafe color is: #ff3333.
-
- R 100
- G 21
- B 26
-
- C 0
- M 79
- Y 74
- K 0
● #ff3642 color description : Light red.
#ff3642 Color Conversion
The hexadecimal color #ff3642 has RGB values of R:255, G:54, B:66 and CMYK values of C:0, M:0.79, Y:0.74, K:0. Its decimal value is 16725570.
Hex triplet | ff3642 | #ff3642 |
---|---|---|
RGB Decimal | 255, 54, 66 | rgb(255,54,66) |
RGB Percent | 100, 21.2, 25.9 | rgb(100%,21.2%,25.9%) |
CMYK | 0, 79, 74, 0 | |
HSL | 356.4°, 100, 60.6 | hsl(356.4,100%,60.6%) |
HSV (or HSB) | 356.4°, 78.8, 100 | |
Web Safe | ff3333 | #ff3333 |
CIE-LAB | 56.384, 73.451, 42.63 |
---|---|
XYZ | 43.545, 24.297, 7.551 |
xyY | 0.578, 0.322, 24.297 |
CIE-LCH | 56.384, 84.926, 30.131 |
CIE-LUV | 56.384, 151.445, 28.906 |
Hunter-Lab | 49.292, 71.426, 25.422 |
Binary | 11111111, 00110110, 01000010 |
Color Schemes with #ff3642
Alternatives to #ff3642
Below, you can see some colors close to #ff3642. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff3642 Preview
This text has a font color of #ff3642.
<span style="color:#ff3642;">Text here</span>
This paragraph has a background color of #ff3642.
<p style="background-color:#ff3642;">Content here</p>
This element has a border color of #ff3642.
<div style="border:1px solid #ff3642;">Content here</div>
.text {color:#ff3642;}
.background {background-color:#ff3642;}
.border {border:1px solid #ff3642;}
Shades and Tints of #ff3642
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, #0f0001 is the darkest color, while #fffafa is the lightest one.
-
#0f0001
#0f0001
rgb(15,0,1)
-
#220002
#220002
rgb(34,0,2)
-
#360003
#360003
rgb(54,0,3)
-
#4a0004
#4a0004
rgb(74,0,4)
-
#5d0006
#5d0006
rgb(93,0,6)
-
#710007
#710007
rgb(113,0,7)
-
#840008
#840008
rgb(132,0,8)
-
#980009
#980009
rgb(152,0,9)
-
#ac000a
#ac000a
rgb(172,0,10)
-
#bf000b
#bf000b
rgb(191,0,11)
-
#d3000d
#d3000d
rgb(211,0,13)
-
#e7000e
#e7000e
rgb(231,0,14)
-
#fa000f
#fa000f
rgb(250,0,15)
-
#ff0f1d
#ff0f1d
rgb(255,15,29)
-
#ff2230
#ff2230
rgb(255,34,48)
-
#ff3642
#ff3642
rgb(255,54,66)
-
#ff4a54
#ff4a54
rgb(255,74,84)
-
#ff5d67
#ff5d67
rgb(255,93,103)
-
#ff7179
#ff7179
rgb(255,113,121)
-
#ff848c
#ff848c
rgb(255,132,140)
-
#ff989e
#ff989e
rgb(255,152,158)
-
#ffacb1
#ffacb1
rgb(255,172,177)
-
#ffbfc3
#ffbfc3
rgb(255,191,195)
-
#ffd3d6
#ffd3d6
rgb(255,211,214)
-
#ffe7e8
#ffe7e8
rgb(255,231,232)
-
#fffafa
#fffafa
rgb(255,250,250)
Tones of #ff3642
A tone is produced by adding gray to any pure hue. In this case, #a29394 is the less saturated color, while #ff3642 is the most saturated one.
-
#a29394
#a29394
rgb(162,147,148)
-
#aa8b8d
#aa8b8d
rgb(170,139,141)
-
#b28386
#b28386
rgb(178,131,134)
-
#b97c7f
#b97c7f
rgb(185,124,127)
-
#c17478
#c17478
rgb(193,116,120)
-
#c96c72
#c96c72
rgb(201,108,114)
-
#d1646b
#d1646b
rgb(209,100,107)
-
#d85d64
#d85d64
rgb(216,93,100)
-
#e0555d
#e0555d
rgb(224,85,93)
-
#e84d56
#e84d56
rgb(232,77,86)
-
#f04550
#f04550
rgb(240,69,80)
-
#f73e49
#f73e49
rgb(247,62,73)
-
#ff3642
#ff3642
rgb(255,54,66)
Color Blindness Simulator
Below, you can see how #ff3642 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.