#ff0300 Color Information
In a RGB color space, hex #ff0300 is composed of 100% red, 1.2% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 98.8% magenta, 100% yellow and 0% black. It has a hue angle of 0.7 degrees, a saturation of 100% and a lightness of 50%. #ff0300 color hex could be obtained by blending #ff0600 with #ff0000. Closest websafe color is: #ff0000.
-
- R 100
- G 1
- B 0
-
- C 0
- M 99
- Y 100
- K 0
● #ff0300 color description : Pure (or mostly pure) red.
#ff0300 Color Conversion
The hexadecimal color #ff0300 has RGB values of R:255, G:3, B:0 and CMYK values of C:0, M:0.99, Y:1, K:0. Its decimal value is 16712448.
Hex triplet | ff0300 | #ff0300 |
---|---|---|
RGB Decimal | 255, 3, 0 | rgb(255,3,0) |
RGB Percent | 100, 1.2, 0 | rgb(100%,1.2%,0%) |
CMYK | 0, 99, 100, 0 | |
HSL | 0.7°, 100, 50 | hsl(0.7,100%,50%) |
HSV (or HSB) | 0.7°, 100, 100 | |
Web Safe | ff0000 | #ff0000 |
CIE-LAB | 53.31, 79.886, 67.226 |
---|---|
XYZ | 41.275, 21.331, 1.944 |
xyY | 0.639, 0.33, 21.331 |
CIE-LCH | 53.31, 104.408, 40.081 |
CIE-LUV | 53.31, 174.601, 37.883 |
Hunter-Lab | 46.185, 78.698, 29.834 |
Binary | 11111111, 00000011, 00000000 |
Color Schemes with #ff0300
Alternatives to #ff0300
Below, you can see some colors close to #ff0300. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff0300 Preview
This text has a font color of #ff0300.
<span style="color:#ff0300;">Text here</span>
This paragraph has a background color of #ff0300.
<p style="background-color:#ff0300;">Content here</p>
This element has a border color of #ff0300.
<div style="border:1px solid #ff0300;">Content here</div>
.text {color:#ff0300;}
.background {background-color:#ff0300;}
.border {border:1px solid #ff0300;}
Shades and Tints of #ff0300
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, #140000 is the darkest color, while #ffffff is the lightest one.
-
#140000
#140000
rgb(20,0,0)
-
#270000
#270000
rgb(39,0,0)
-
#3b0100
#3b0100
rgb(59,1,0)
-
#4e0100
#4e0100
rgb(78,1,0)
-
#620100
#620100
rgb(98,1,0)
-
#760100
#760100
rgb(118,1,0)
-
#890200
#890200
rgb(137,2,0)
-
#9d0200
#9d0200
rgb(157,2,0)
-
#b10200
#b10200
rgb(177,2,0)
-
#c40200
#c40200
rgb(196,2,0)
-
#d80300
#d80300
rgb(216,3,0)
-
#eb0300
#eb0300
rgb(235,3,0)
-
#ff0300
#ff0300
rgb(255,3,0)
-
#ff1614
#ff1614
rgb(255,22,20)
-
#ff2a27
#ff2a27
rgb(255,42,39)
-
#ff3d3b
#ff3d3b
rgb(255,61,59)
-
#ff514e
#ff514e
rgb(255,81,78)
-
#ff6462
#ff6462
rgb(255,100,98)
-
#ff7776
#ff7776
rgb(255,119,118)
-
#ff8b89
#ff8b89
rgb(255,139,137)
-
#ff9e9d
#ff9e9d
rgb(255,158,157)
-
#ffb1b1
#ffb1b1
rgb(255,177,177)
-
#ffc5c4
#ffc5c4
rgb(255,197,196)
-
#ffd8d8
#ffd8d8
rgb(255,216,216)
-
#ffeceb
#ffeceb
rgb(255,236,235)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #ff0300
A tone is produced by adding gray to any pure hue. In this case, #897676 is the less saturated color, while #ff0300 is the most saturated one.
-
#897676
#897676
rgb(137,118,118)
-
#936c6c
#936c6c
rgb(147,108,108)
-
#9d6362
#9d6362
rgb(157,99,98)
-
#a75958
#a75958
rgb(167,89,88)
-
#b1504e
#b1504e
rgb(177,80,78)
-
#ba4645
#ba4645
rgb(186,70,69)
-
#c43c3b
#c43c3b
rgb(196,60,59)
-
#ce3331
#ce3331
rgb(206,51,49)
-
#d82927
#d82927
rgb(216,41,39)
-
#e2201d
#e2201d
rgb(226,32,29)
-
#eb1614
#eb1614
rgb(235,22,20)
-
#f50d0a
#f50d0a
rgb(245,13,10)
-
#ff0300
#ff0300
rgb(255,3,0)
Color Blindness Simulator
Below, you can see how #ff0300 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.