#ff3c31 Color Information
In a RGB color space, hex #ff3c31 is composed of 100% red, 23.5% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 76.5% magenta, 80.8% yellow and 0% black. It has a hue angle of 3.2 degrees, a saturation of 100% and a lightness of 59.6%. #ff3c31 color hex could be obtained by blending #ff7862 with #ff0000. Closest websafe color is: #ff3333.
-
- R 100
- G 24
- B 19
-
- C 0
- M 76
- Y 81
- K 0
● #ff3c31 color description : Vivid red.
#ff3c31 Color Conversion
The hexadecimal color #ff3c31 has RGB values of R:255, G:60, B:49 and CMYK values of C:0, M:0.76, Y:0.81, K:0. Its decimal value is 16727089.
Hex triplet | ff3c31 | #ff3c31 |
---|---|---|
RGB Decimal | 255, 60, 49 | rgb(255,60,49) |
RGB Percent | 100, 23.5, 19.2 | rgb(100%,23.5%,19.2%) |
CMYK | 0, 76, 81, 0 | |
HSL | 3.2°, 100, 59.6 | hsl(3.2,100%,59.6%) |
HSV (or HSB) | 3.2°, 80.8, 100 | |
Web Safe | ff3333 | #ff3333 |
CIE-LAB | 56.8, 71.265, 52.078 |
---|---|
XYZ | 43.412, 24.719, 5.391 |
xyY | 0.59, 0.336, 24.719 |
CIE-LCH | 56.8, 88.266, 36.158 |
CIE-LUV | 56.8, 151.854, 35.881 |
Hunter-Lab | 49.718, 68.855, 28.374 |
Binary | 11111111, 00111100, 00110001 |
Color Schemes with #ff3c31
Alternatives to #ff3c31
Below, you can see some colors close to #ff3c31. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff3c31 Preview
This text has a font color of #ff3c31.
<span style="color:#ff3c31;">Text here</span>
This paragraph has a background color of #ff3c31.
<p style="background-color:#ff3c31;">Content here</p>
This element has a border color of #ff3c31.
<div style="border:1px solid #ff3c31;">Content here</div>
.text {color:#ff3c31;}
.background {background-color:#ff3c31;}
.border {border:1px solid #ff3c31;}
Shades and Tints of #ff3c31
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, #0a0100 is the darkest color, while #fff6f5 is the lightest one.
-
#0a0100
#0a0100
rgb(10,1,0)
-
#1d0200
#1d0200
rgb(29,2,0)
-
#310300
#310300
rgb(49,3,0)
-
#450400
#450400
rgb(69,4,0)
-
#580500
#580500
rgb(88,5,0)
-
#6c0600
#6c0600
rgb(108,6,0)
-
#7f0700
#7f0700
rgb(127,7,0)
-
#930800
#930800
rgb(147,8,0)
-
#a70900
#a70900
rgb(167,9,0)
-
#ba0a00
#ba0a00
rgb(186,10,0)
-
#ce0b00
#ce0b00
rgb(206,11,0)
-
#e20c00
#e20c00
rgb(226,12,0)
-
#f50d00
#f50d00
rgb(245,13,0)
-
#ff170a
#ff170a
rgb(255,23,10)
-
#ff291d
#ff291d
rgb(255,41,29)
-
#ff3c31
#ff3c31
rgb(255,60,49)
-
#ff4f45
#ff4f45
rgb(255,79,69)
-
#ff6158
#ff6158
rgb(255,97,88)
-
#ff746c
#ff746c
rgb(255,116,108)
-
#ff867f
#ff867f
rgb(255,134,127)
-
#ff9993
#ff9993
rgb(255,153,147)
-
#ffaba7
#ffaba7
rgb(255,171,167)
-
#ffbeba
#ffbeba
rgb(255,190,186)
-
#ffd1ce
#ffd1ce
rgb(255,209,206)
-
#ffe3e2
#ffe3e2
rgb(255,227,226)
-
#fff6f5
#fff6f5
rgb(255,246,245)
Tones of #ff3c31
A tone is produced by adding gray to any pure hue. In this case, #a09190 is the less saturated color, while #ff3c31 is the most saturated one.
-
#a09190
#a09190
rgb(160,145,144)
-
#a88a88
#a88a88
rgb(168,138,136)
-
#b08380
#b08380
rgb(176,131,128)
-
#b87c78
#b87c78
rgb(184,124,120)
-
#c07570
#c07570
rgb(192,117,112)
-
#c86e68
#c86e68
rgb(200,110,104)
-
#cf6661
#cf6661
rgb(207,102,97)
-
#d75f59
#d75f59
rgb(215,95,89)
-
#df5851
#df5851
rgb(223,88,81)
-
#e75149
#e75149
rgb(231,81,73)
-
#ef4a41
#ef4a41
rgb(239,74,65)
-
#f74339
#f74339
rgb(247,67,57)
-
#ff3c31
#ff3c31
rgb(255,60,49)
Color Blindness Simulator
Below, you can see how #ff3c31 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.