#ff330a Color Information
In a RGB color space, hex #ff330a is composed of 100% red, 20% green and 3.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80% magenta, 96.1% yellow and 0% black. It has a hue angle of 10 degrees, a saturation of 100% and a lightness of 52%. #ff330a color hex could be obtained by blending #ff6614 with #ff0000. Closest websafe color is: #ff3300.
-
- R 100
- G 20
- B 4
-
- C 0
- M 80
- Y 96
- K 0
● #ff330a color description : Vivid red.
#ff330a Color Conversion
The hexadecimal color #ff330a has RGB values of R:255, G:51, B:10 and CMYK values of C:0, M:0.8, Y:0.96, K:0. Its decimal value is 16724746.
Hex triplet | ff330a | #ff330a |
---|---|---|
RGB Decimal | 255, 51, 10 | rgb(255,51,10) |
RGB Percent | 100, 20, 3.9 | rgb(100%,20%,3.9%) |
CMYK | 0, 80, 96, 0 | |
HSL | 10°, 100, 52 | hsl(10,100%,52%) |
HSV (or HSB) | 10°, 96.1, 100 | |
Web Safe | ff3300 | #ff3300 |
CIE-LAB | 55.741, 73.059, 65.978 |
---|---|
XYZ | 42.481, 23.655, 2.616 |
xyY | 0.618, 0.344, 23.655 |
CIE-LCH | 55.741, 98.441, 42.085 |
CIE-LUV | 55.741, 160.552, 41.398 |
Hunter-Lab | 48.636, 70.795, 30.856 |
Binary | 11111111, 00110011, 00001010 |
Color Schemes with #ff330a
Alternatives to #ff330a
Below, you can see some colors close to #ff330a. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff330a Preview
This text has a font color of #ff330a.
<span style="color:#ff330a;">Text here</span>
This paragraph has a background color of #ff330a.
<p style="background-color:#ff330a;">Content here</p>
This element has a border color of #ff330a.
<div style="border:1px solid #ff330a;">Content here</div>
.text {color:#ff330a;}
.background {background-color:#ff330a;}
.border {border:1px solid #ff330a;}
Shades and Tints of #ff330a
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, #0a0200 is the darkest color, while #fff7f5 is the lightest one.
-
#0a0200
#0a0200
rgb(10,2,0)
-
#1e0500
#1e0500
rgb(30,5,0)
-
#310800
#310800
rgb(49,8,0)
-
#450c00
#450c00
rgb(69,12,0)
-
#580f00
#580f00
rgb(88,15,0)
-
#6c1200
#6c1200
rgb(108,18,0)
-
#801500
#801500
rgb(128,21,0)
-
#931900
#931900
rgb(147,25,0)
-
#a71c00
#a71c00
rgb(167,28,0)
-
#bb1f00
#bb1f00
rgb(187,31,0)
-
#ce2200
#ce2200
rgb(206,34,0)
-
#e22600
#e22600
rgb(226,38,0)
-
#f52900
#f52900
rgb(245,41,0)
-
#ff330a
#ff330a
rgb(255,51,10)
-
#ff431e
#ff431e
rgb(255,67,30)
-
#ff5431
#ff5431
rgb(255,84,49)
-
#ff6445
#ff6445
rgb(255,100,69)
-
#ff7458
#ff7458
rgb(255,116,88)
-
#ff856c
#ff856c
rgb(255,133,108)
-
#ff9580
#ff9580
rgb(255,149,128)
-
#ffa593
#ffa593
rgb(255,165,147)
-
#ffb6a7
#ffb6a7
rgb(255,182,167)
-
#ffc6bb
#ffc6bb
rgb(255,198,187)
-
#ffd6ce
#ffd6ce
rgb(255,214,206)
-
#ffe7e2
#ffe7e2
rgb(255,231,226)
-
#fff7f5
#fff7f5
rgb(255,247,245)
Tones of #ff330a
A tone is produced by adding gray to any pure hue. In this case, #8e7e7b is the less saturated color, while #ff330a is the most saturated one.
-
#8e7e7b
#8e7e7b
rgb(142,126,123)
-
#977872
#977872
rgb(151,120,114)
-
#a17268
#a17268
rgb(161,114,104)
-
#aa6b5f
#aa6b5f
rgb(170,107,95)
-
#b46555
#b46555
rgb(180,101,85)
-
#bd5f4c
#bd5f4c
rgb(189,95,76)
-
#c65943
#c65943
rgb(198,89,67)
-
#d05239
#d05239
rgb(208,82,57)
-
#d94c30
#d94c30
rgb(217,76,48)
-
#e34626
#e34626
rgb(227,70,38)
-
#ec401d
#ec401d
rgb(236,64,29)
-
#f63913
#f63913
rgb(246,57,19)
-
#ff330a
#ff330a
rgb(255,51,10)
Color Blindness Simulator
Below, you can see how #ff330a 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.