#ff3304 Color Information
In a RGB color space, hex #ff3304 is composed of 100% red, 20% green and 1.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80% magenta, 98.4% yellow and 0% black. It has a hue angle of 11.2 degrees, a saturation of 100% and a lightness of 50.8%. #ff3304 color hex could be obtained by blending #ff6608 with #ff0000. Closest websafe color is: #ff3300.
-
- R 100
- G 20
- B 2
-
- C 0
- M 80
- Y 98
- K 0
● #ff3304 color description : Vivid red.
#ff3304 Color Conversion
The hexadecimal color #ff3304 has RGB values of R:255, G:51, B:4 and CMYK values of C:0, M:0.8, Y:0.98, K:0. Its decimal value is 16724740.
Hex triplet | ff3304 | #ff3304 |
---|---|---|
RGB Decimal | 255, 51, 4 | rgb(255,51,4) |
RGB Percent | 100, 20, 1.6 | rgb(100%,20%,1.6%) |
CMYK | 0, 80, 98, 0 | |
HSL | 11.2°, 100, 50.8 | hsl(11.2,100%,50.8%) |
HSV (or HSB) | 11.2°, 98.4, 100 | |
Web Safe | ff3300 | #ff3300 |
CIE-LAB | 55.727, 73.018, 67.257 |
---|---|
XYZ | 42.448, 23.642, 2.443 |
xyY | 0.619, 0.345, 23.642 |
CIE-LCH | 55.727, 99.273, 42.648 |
CIE-LUV | 55.727, 160.841, 41.881 |
Hunter-Lab | 48.623, 70.741, 31.057 |
Binary | 11111111, 00110011, 00000100 |
Color Schemes with #ff3304
Alternatives to #ff3304
Below, you can see some colors close to #ff3304. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff3304 Preview
This text has a font color of #ff3304.
<span style="color:#ff3304;">Text here</span>
This paragraph has a background color of #ff3304.
<p style="background-color:#ff3304;">Content here</p>
This element has a border color of #ff3304.
<div style="border:1px solid #ff3304;">Content here</div>
.text {color:#ff3304;}
.background {background-color:#ff3304;}
.border {border:1px solid #ff3304;}
Shades and Tints of #ff3304
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, #040100 is the darkest color, while #fff2ef is the lightest one.
-
#040100
#040100
rgb(4,1,0)
-
#180400
#180400
rgb(24,4,0)
-
#2b0800
#2b0800
rgb(43,8,0)
-
#3f0c00
#3f0c00
rgb(63,12,0)
-
#520f00
#520f00
rgb(82,15,0)
-
#661300
#661300
rgb(102,19,0)
-
#7a1700
#7a1700
rgb(122,23,0)
-
#8d1a00
#8d1a00
rgb(141,26,0)
-
#a11e00
#a11e00
rgb(161,30,0)
-
#b52200
#b52200
rgb(181,34,0)
-
#c82500
#c82500
rgb(200,37,0)
-
#dc2900
#dc2900
rgb(220,41,0)
-
#ef2d00
#ef2d00
rgb(239,45,0)
-
#ff3304
#ff3304
rgb(255,51,4)
-
#ff4318
#ff4318
rgb(255,67,24)
-
#ff532b
#ff532b
rgb(255,83,43)
-
#ff633f
#ff633f
rgb(255,99,63)
-
#ff7352
#ff7352
rgb(255,115,82)
-
#ff8366
#ff8366
rgb(255,131,102)
-
#ff937a
#ff937a
rgb(255,147,122)
-
#ffa38d
#ffa38d
rgb(255,163,141)
-
#ffb3a1
#ffb3a1
rgb(255,179,161)
-
#ffc2b5
#ffc2b5
rgb(255,194,181)
-
#ffd2c8
#ffd2c8
rgb(255,210,200)
-
#ffe2dc
#ffe2dc
rgb(255,226,220)
-
#fff2ef
#fff2ef
rgb(255,242,239)
Tones of #ff3304
A tone is produced by adding gray to any pure hue. In this case, #8b7b78 is the less saturated color, while #ff3304 is the most saturated one.
-
#8b7b78
#8b7b78
rgb(139,123,120)
-
#95756e
#95756e
rgb(149,117,110)
-
#9e6f65
#9e6f65
rgb(158,111,101)
-
#a8695b
#a8695b
rgb(168,105,91)
-
#b26351
#b26351
rgb(178,99,81)
-
#bb5d48
#bb5d48
rgb(187,93,72)
-
#c5573e
#c5573e
rgb(197,87,62)
-
#cf5134
#cf5134
rgb(207,81,52)
-
#d84b2b
#d84b2b
rgb(216,75,43)
-
#e24521
#e24521
rgb(226,69,33)
-
#ec3f17
#ec3f17
rgb(236,63,23)
-
#f5390e
#f5390e
rgb(245,57,14)
-
#ff3304
#ff3304
rgb(255,51,4)
Color Blindness Simulator
Below, you can see how #ff3304 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.