#ff3136 Color Information
In a RGB color space, hex #ff3136 is composed of 100% red, 19.2% green and 21.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80.8% magenta, 78.8% yellow and 0% black. It has a hue angle of 358.5 degrees, a saturation of 100% and a lightness of 59.6%. #ff3136 color hex could be obtained by blending #ff626c with #ff0000. Closest websafe color is: #ff3333.
-
- R 100
- G 19
- B 21
-
- C 0
- M 81
- Y 79
- K 0
● #ff3136 color description : Vivid red.
#ff3136 Color Conversion
The hexadecimal color #ff3136 has RGB values of R:255, G:49, B:54 and CMYK values of C:0, M:0.81, Y:0.79, K:0. Its decimal value is 16724278.
Hex triplet | ff3136 | #ff3136 |
---|---|---|
RGB Decimal | 255, 49, 54 | rgb(255,49,54) |
RGB Percent | 100, 19.2, 21.2 | rgb(100%,19.2%,21.2%) |
CMYK | 0, 81, 79, 0 | |
HSL | 358.5°, 100, 59.6 | hsl(358.5,100%,59.6%) |
HSV (or HSB) | 358.5°, 80.8, 100 | |
Web Safe | ff3333 | #ff3333 |
CIE-LAB | 55.815, 74.309, 48.543 |
---|---|
XYZ | 43.006, 23.728, 5.805 |
xyY | 0.593, 0.327, 23.728 |
CIE-LCH | 55.815, 88.76, 33.155 |
CIE-LUV | 55.815, 156.247, 32.353 |
Hunter-Lab | 48.712, 72.347, 27.032 |
Binary | 11111111, 00110001, 00110110 |
Color Schemes with #ff3136
Alternatives to #ff3136
Below, you can see some colors close to #ff3136. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff3136 Preview
This text has a font color of #ff3136.
<span style="color:#ff3136;">Text here</span>
This paragraph has a background color of #ff3136.
<p style="background-color:#ff3136;">Content here</p>
This element has a border color of #ff3136.
<div style="border:1px solid #ff3136;">Content here</div>
.text {color:#ff3136;}
.background {background-color:#ff3136;}
.border {border:1px solid #ff3136;}
Shades and Tints of #ff3136
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, #0a0000 is the darkest color, while #fff5f5 is the lightest one.
-
#0a0000
#0a0000
rgb(10,0,0)
-
#1d0001
#1d0001
rgb(29,0,1)
-
#310001
#310001
rgb(49,0,1)
-
#450002
#450002
rgb(69,0,2)
-
#580002
#580002
rgb(88,0,2)
-
#6c0003
#6c0003
rgb(108,0,3)
-
#7f0003
#7f0003
rgb(127,0,3)
-
#930004
#930004
rgb(147,0,4)
-
#a70004
#a70004
rgb(167,0,4)
-
#ba0005
#ba0005
rgb(186,0,5)
-
#ce0005
#ce0005
rgb(206,0,5)
-
#e20005
#e20005
rgb(226,0,5)
-
#f50006
#f50006
rgb(245,0,6)
-
#ff0a10
#ff0a10
rgb(255,10,16)
-
#ff1d23
#ff1d23
rgb(255,29,35)
-
#ff3136
#ff3136
rgb(255,49,54)
-
#ff4549
#ff4549
rgb(255,69,73)
-
#ff585c
#ff585c
rgb(255,88,92)
-
#ff6c6f
#ff6c6f
rgb(255,108,111)
-
#ff7f83
#ff7f83
rgb(255,127,131)
-
#ff9396
#ff9396
rgb(255,147,150)
-
#ffa7a9
#ffa7a9
rgb(255,167,169)
-
#ffbabc
#ffbabc
rgb(255,186,188)
-
#ffcecf
#ffcecf
rgb(255,206,207)
-
#ffe2e2
#ffe2e2
rgb(255,226,226)
-
#fff5f5
#fff5f5
rgb(255,245,245)
Tones of #ff3136
A tone is produced by adding gray to any pure hue. In this case, #a09090 is the less saturated color, while #ff3136 is the most saturated one.
-
#a09090
#a09090
rgb(160,144,144)
-
#a88889
#a88889
rgb(168,136,137)
-
#b08081
#b08081
rgb(176,128,129)
-
#b8787a
#b8787a
rgb(184,120,122)
-
#c07072
#c07072
rgb(192,112,114)
-
#c8686b
#c8686b
rgb(200,104,107)
-
#cf6163
#cf6163
rgb(207,97,99)
-
#d7595c
#d7595c
rgb(215,89,92)
-
#df5154
#df5154
rgb(223,81,84)
-
#e7494d
#e7494d
rgb(231,73,77)
-
#ef4145
#ef4145
rgb(239,65,69)
-
#f7393e
#f7393e
rgb(247,57,62)
-
#ff3136
#ff3136
rgb(255,49,54)
Color Blindness Simulator
Below, you can see how #ff3136 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.