#3300ff Color Information
In a RGB color space, hex #3300ff is composed of 20% red, 0% green and 100% blue. Whereas in a CMYK color space, it is composed of 80% cyan, 100% magenta, 0% yellow and 0% black. It has a hue angle of 252 degrees, a saturation of 100% and a lightness of 50%. #3300ff color hex could be obtained by blending #6600ff with #0000ff. #3300ff (or #30f) is a websafe color.
-
- R 20
- G 0
- B 100
-
- C 80
- M 100
- Y 0
- K 0
● #3300ff color description : Pure (or mostly pure) blue.
#3300ff Color Conversion
The hexadecimal color #3300ff has RGB values of R:51, G:0, B:255 and CMYK values of C:0.8, M:1, Y:0, K:0. Its decimal value is 3342591.
Hex triplet | 3300ff | #3300ff |
---|---|---|
RGB Decimal | 51, 0, 255 | rgb(51,0,255) |
RGB Percent | 20, 0, 100 | rgb(20%,0%,100%) |
CMYK | 80, 100, 0, 0 | |
HSL | 252°, 100, 50 | hsl(252,100%,50%) |
HSV (or HSB) | 252°, 100, 100 | |
Web Safe | 3300ff | #3300ff |
CIE-LAB | 33.821, 79.704, -105.285 |
---|---|
XYZ | 19.412, 7.923, 95.108 |
xyY | 0.159, 0.065, 7.923 |
CIE-LCH | 33.821, 132.052, 307.127 |
CIE-LUV | 33.821, -6.387, -131.902 |
Hunter-Lab | 28.147, 73.846, -180.637 |
Binary | 00110011, 00000000, 11111111 |
Color Schemes with #3300ff
Alternatives to #3300ff
Below, you can see some colors close to #3300ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3300ff Preview
This text has a font color of #3300ff.
<span style="color:#3300ff;">Text here</span>
This paragraph has a background color of #3300ff.
<p style="background-color:#3300ff;">Content here</p>
This element has a border color of #3300ff.
<div style="border:1px solid #3300ff;">Content here</div>
.text {color:#3300ff;}
.background {background-color:#3300ff;}
.border {border:1px solid #3300ff;}
Shades and Tints of #3300ff
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, #040014 is the darkest color, while #ffffff is the lightest one.
-
#040014
#040014
rgb(4,0,20)
-
#080027
#080027
rgb(8,0,39)
-
#0c003b
#0c003b
rgb(12,0,59)
-
#10004e
#10004e
rgb(16,0,78)
-
#140062
#140062
rgb(20,0,98)
-
#180076
#180076
rgb(24,0,118)
-
#1b0089
#1b0089
rgb(27,0,137)
-
#1f009d
#1f009d
rgb(31,0,157)
-
#2300b1
#2300b1
rgb(35,0,177)
-
#2700c4
#2700c4
rgb(39,0,196)
-
#2b00d8
#2b00d8
rgb(43,0,216)
-
#2f00eb
#2f00eb
rgb(47,0,235)
-
#3300ff
#3300ff
rgb(51,0,255)
-
#4314ff
#4314ff
rgb(67,20,255)
-
#5227ff
#5227ff
rgb(82,39,255)
-
#623bff
#623bff
rgb(98,59,255)
-
#724eff
#724eff
rgb(114,78,255)
-
#8162ff
#8162ff
rgb(129,98,255)
-
#9176ff
#9176ff
rgb(145,118,255)
-
#a189ff
#a189ff
rgb(161,137,255)
-
#b19dff
#b19dff
rgb(177,157,255)
-
#c0b1ff
#c0b1ff
rgb(192,177,255)
-
#d0c4ff
#d0c4ff
rgb(208,196,255)
-
#e0d8ff
#e0d8ff
rgb(224,216,255)
-
#efebff
#efebff
rgb(239,235,255)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #3300ff
A tone is produced by adding gray to any pure hue. In this case, #7a7689 is the less saturated color, while #3300ff is the most saturated one.
-
#7a7689
#7a7689
rgb(122,118,137)
-
#746c93
#746c93
rgb(116,108,147)
-
#6e629d
#6e629d
rgb(110,98,157)
-
#6858a7
#6858a7
rgb(104,88,167)
-
#624eb1
#624eb1
rgb(98,78,177)
-
#5c45ba
#5c45ba
rgb(92,69,186)
-
#563bc4
#563bc4
rgb(86,59,196)
-
#5031ce
#5031ce
rgb(80,49,206)
-
#4b27d8
#4b27d8
rgb(75,39,216)
-
#451de2
#451de2
rgb(69,29,226)
-
#3f14eb
#3f14eb
rgb(63,20,235)
-
#390af5
#390af5
rgb(57,10,245)
-
#3300ff
#3300ff
rgb(51,0,255)
Color Blindness Simulator
Below, you can see how #3300ff 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.