#ff302c Color Information
In a RGB color space, hex #ff302c is composed of 100% red, 18.8% green and 17.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 81.2% magenta, 82.7% yellow and 0% black. It has a hue angle of 1.1 degrees, a saturation of 100% and a lightness of 58.6%. #ff302c color hex could be obtained by blending #ff6058 with #ff0000. Closest websafe color is: #ff3333.
-
- R 100
- G 19
- B 17
-
- C 0
- M 81
- Y 83
- K 0
● #ff302c color description : Vivid red.
#ff302c Color Conversion
The hexadecimal color #ff302c has RGB values of R:255, G:48, B:44 and CMYK values of C:0, M:0.81, Y:0.83, K:0. Its decimal value is 16724012.
Hex triplet | ff302c | #ff302c |
---|---|---|
RGB Decimal | 255, 48, 44 | rgb(255,48,44) |
RGB Percent | 100, 18.8, 17.3 | rgb(100%,18.8%,17.3%) |
CMYK | 0, 81, 83, 0 | |
HSL | 1.1°, 100, 58.6 | hsl(1.1,100%,58.6%) |
HSV (or HSB) | 1.1°, 82.7, 100 | |
Web Safe | ff3333 | #ff3333 |
CIE-LAB | 55.646, 74.285, 53.472 |
---|---|
XYZ | 42.754, 23.561, 4.679 |
xyY | 0.602, 0.332, 23.561 |
CIE-LCH | 55.646, 91.529, 35.747 |
CIE-LUV | 55.646, 158.465, 35.154 |
Hunter-Lab | 48.54, 72.278, 28.262 |
Binary | 11111111, 00110000, 00101100 |
Color Schemes with #ff302c
Alternatives to #ff302c
Below, you can see some colors close to #ff302c. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff302c Preview
This text has a font color of #ff302c.
<span style="color:#ff302c;">Text here</span>
This paragraph has a background color of #ff302c.
<p style="background-color:#ff302c;">Content here</p>
This element has a border color of #ff302c.
<div style="border:1px solid #ff302c;">Content here</div>
.text {color:#ff302c;}
.background {background-color:#ff302c;}
.border {border:1px solid #ff302c;}
Shades and Tints of #ff302c
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 #fff0f0 is the lightest one.
-
#050000
#050000
rgb(5,0,0)
-
#180000
#180000
rgb(24,0,0)
-
#2c0100
#2c0100
rgb(44,1,0)
-
#400100
#400100
rgb(64,1,0)
-
#530200
#530200
rgb(83,2,0)
-
#670200
#670200
rgb(103,2,0)
-
#7a0200
#7a0200
rgb(122,2,0)
-
#8e0300
#8e0300
rgb(142,3,0)
-
#a20300
#a20300
rgb(162,3,0)
-
#b50300
#b50300
rgb(181,3,0)
-
#c90400
#c90400
rgb(201,4,0)
-
#dd0400
#dd0400
rgb(221,4,0)
-
#f00500
#f00500
rgb(240,5,0)
-
#ff0a05
#ff0a05
rgb(255,10,5)
-
#ff1d18
#ff1d18
rgb(255,29,24)
-
#ff302c
#ff302c
rgb(255,48,44)
-
#ff4340
#ff4340
rgb(255,67,64)
-
#ff5653
#ff5653
rgb(255,86,83)
-
#ff6a67
#ff6a67
rgb(255,106,103)
-
#ff7d7a
#ff7d7a
rgb(255,125,122)
-
#ff908e
#ff908e
rgb(255,144,142)
-
#ffa3a2
#ffa3a2
rgb(255,163,162)
-
#ffb7b5
#ffb7b5
rgb(255,183,181)
-
#ffcac9
#ffcac9
rgb(255,202,201)
-
#ffdddd
#ffdddd
rgb(255,221,221)
-
#fff0f0
#fff0f0
rgb(255,240,240)
Tones of #ff302c
A tone is produced by adding gray to any pure hue. In this case, #9e8e8d is the less saturated color, while #ff302c is the most saturated one.
-
#9e8e8d
#9e8e8d
rgb(158,142,141)
-
#a68685
#a68685
rgb(166,134,133)
-
#ae7e7d
#ae7e7d
rgb(174,126,125)
-
#b67675
#b67675
rgb(182,118,117)
-
#be6e6d
#be6e6d
rgb(190,110,109)
-
#c66765
#c66765
rgb(198,103,101)
-
#ce5f5d
#ce5f5d
rgb(206,95,93)
-
#d65755
#d65755
rgb(214,87,85)
-
#df4f4c
#df4f4c
rgb(223,79,76)
-
#e74744
#e74744
rgb(231,71,68)
-
#ef403c
#ef403c
rgb(239,64,60)
-
#f73834
#f73834
rgb(247,56,52)
-
#ff302c
#ff302c
rgb(255,48,44)
Color Blindness Simulator
Below, you can see how #ff302c 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.