#ff2c36 Color Information
In a RGB color space, hex #ff2c36 is composed of 100% red, 17.3% green and 21.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 82.7% magenta, 78.8% yellow and 0% black. It has a hue angle of 357.2 degrees, a saturation of 100% and a lightness of 58.6%. #ff2c36 color hex could be obtained by blending #ff586c with #ff0000. Closest websafe color is: #ff3333.
-
- R 100
- G 17
- B 21
-
- C 0
- M 83
- Y 79
- K 0
● #ff2c36 color description : Vivid red.
#ff2c36 Color Conversion
The hexadecimal color #ff2c36 has RGB values of R:255, G:44, B:54 and CMYK values of C:0, M:0.83, Y:0.79, K:0. Its decimal value is 16722998.
Hex triplet | ff2c36 | #ff2c36 |
---|---|---|
RGB Decimal | 255, 44, 54 | rgb(255,44,54) |
RGB Percent | 100, 17.3, 21.2 | rgb(100%,17.3%,21.2%) |
CMYK | 0, 83, 79, 0 | |
HSL | 357.2°, 100, 58.6 | hsl(357.2,100%,58.6%) |
HSV (or HSB) | 357.2°, 82.7, 100 | |
Web Safe | ff3333 | #ff3333 |
CIE-LAB | 55.414, 75.449, 48.137 |
---|---|
XYZ | 42.809, 23.333, 5.74 |
xyY | 0.596, 0.325, 23.333 |
CIE-LCH | 55.414, 89.497, 32.538 |
CIE-LUV | 55.414, 158.326, 31.57 |
Hunter-Lab | 48.304, 73.659, 26.768 |
Binary | 11111111, 00101100, 00110110 |
Color Schemes with #ff2c36
Alternatives to #ff2c36
Below, you can see some colors close to #ff2c36. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff2c36 Preview
This text has a font color of #ff2c36.
<span style="color:#ff2c36;">Text here</span>
This paragraph has a background color of #ff2c36.
<p style="background-color:#ff2c36;">Content here</p>
This element has a border color of #ff2c36.
<div style="border:1px solid #ff2c36;">Content here</div>
.text {color:#ff2c36;}
.background {background-color:#ff2c36;}
.border {border:1px solid #ff2c36;}
Shades and Tints of #ff2c36
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, #050000 is the darkest color, while #fff0f1 is the lightest one.
-
#050000
#050000
rgb(5,0,0)
-
#180001
#180001
rgb(24,0,1)
-
#2c0002
#2c0002
rgb(44,0,2)
-
#400003
#400003
rgb(64,0,3)
-
#530004
#530004
rgb(83,0,4)
-
#670005
#670005
rgb(103,0,5)
-
#7a0006
#7a0006
rgb(122,0,6)
-
#8e0007
#8e0007
rgb(142,0,7)
-
#a20008
#a20008
rgb(162,0,8)
-
#b50009
#b50009
rgb(181,0,9)
-
#c9000a
#c9000a
rgb(201,0,10)
-
#dd000a
#dd000a
rgb(221,0,10)
-
#f0000b
#f0000b
rgb(240,0,11)
-
#ff0511
#ff0511
rgb(255,5,17)
-
#ff1823
#ff1823
rgb(255,24,35)
-
#ff2c36
#ff2c36
rgb(255,44,54)
-
#ff4049
#ff4049
rgb(255,64,73)
-
#ff535b
#ff535b
rgb(255,83,91)
-
#ff676e
#ff676e
rgb(255,103,110)
-
#ff7a81
#ff7a81
rgb(255,122,129)
-
#ff8e93
#ff8e93
rgb(255,142,147)
-
#ffa2a6
#ffa2a6
rgb(255,162,166)
-
#ffb5b9
#ffb5b9
rgb(255,181,185)
-
#ffc9cb
#ffc9cb
rgb(255,201,203)
-
#ffddde
#ffddde
rgb(255,221,222)
-
#fff0f1
#fff0f1
rgb(255,240,241)
Tones of #ff2c36
A tone is produced by adding gray to any pure hue. In this case, #9e8d8e is the less saturated color, while #ff2c36 is the most saturated one.
-
#9e8d8e
#9e8d8e
rgb(158,141,142)
-
#a68587
#a68587
rgb(166,133,135)
-
#ae7d7f
#ae7d7f
rgb(174,125,127)
-
#b67578
#b67578
rgb(182,117,120)
-
#be6d71
#be6d71
rgb(190,109,113)
-
#c66569
#c66569
rgb(198,101,105)
-
#ce5d62
#ce5d62
rgb(206,93,98)
-
#d6555b
#d6555b
rgb(214,85,91)
-
#df4c53
#df4c53
rgb(223,76,83)
-
#e7444c
#e7444c
rgb(231,68,76)
-
#ef3c45
#ef3c45
rgb(239,60,69)
-
#f7343d
#f7343d
rgb(247,52,61)
-
#ff2c36
#ff2c36
rgb(255,44,54)
Color Blindness Simulator
Below, you can see how #ff2c36 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.