#3304ff Color Information
In a RGB color space, hex #3304ff is composed of 20% red, 1.6% green and 100% blue. Whereas in a CMYK color space, it is composed of 80% cyan, 98.4% magenta, 0% yellow and 0% black. It has a hue angle of 251.2 degrees, a saturation of 100% and a lightness of 50.8%. #3304ff color hex could be obtained by blending #6608ff with #0000ff. Closest websafe color is: #3300ff.
-
- R 20
- G 2
- B 100
-
- C 80
- M 98
- Y 0
- K 0
● #3304ff color description : Vivid blue.
#3304ff Color Conversion
The hexadecimal color #3304ff has RGB values of R:51, G:4, B:255 and CMYK values of C:0.8, M:0.98, Y:0, K:0. Its decimal value is 3343615.
Hex triplet | 3304ff | #3304ff |
---|---|---|
RGB Decimal | 51, 4, 255 | rgb(51,4,255) |
RGB Percent | 20, 1.6, 100 | rgb(20%,1.6%,100%) |
CMYK | 80, 98, 0, 0 | |
HSL | 251.2°, 100, 50.8 | hsl(251.2,100%,50.8%) |
HSV (or HSB) | 251.2°, 98.4, 100 | |
Web Safe | 3300ff | #3300ff |
CIE-LAB | 34.002, 79.142, -104.982 |
---|---|
XYZ | 19.455, 8.009, 95.123 |
xyY | 0.159, 0.065, 8.009 |
CIE-LCH | 34.002, 131.471, 307.011 |
CIE-LUV | 34.002, -6.506, -132.04 |
Hunter-Lab | 28.301, 73.182, -179.471 |
Binary | 00110011, 00000100, 11111111 |
Color Schemes with #3304ff
Alternatives to #3304ff
Below, you can see some colors close to #3304ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3304ff Preview
This text has a font color of #3304ff.
<span style="color:#3304ff;">Text here</span>
This paragraph has a background color of #3304ff.
<p style="background-color:#3304ff;">Content here</p>
This element has a border color of #3304ff.
<div style="border:1px solid #3304ff;">Content here</div>
.text {color:#3304ff;}
.background {background-color:#3304ff;}
.border {border:1px solid #3304ff;}
Shades and Tints of #3304ff
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, #010004 is the darkest color, while #f2efff is the lightest one.
-
#010004
#010004
rgb(1,0,4)
-
#040018
#040018
rgb(4,0,24)
-
#08002b
#08002b
rgb(8,0,43)
-
#0c003f
#0c003f
rgb(12,0,63)
-
#0f0052
#0f0052
rgb(15,0,82)
-
#130066
#130066
rgb(19,0,102)
-
#17007a
#17007a
rgb(23,0,122)
-
#1a008d
#1a008d
rgb(26,0,141)
-
#1e00a1
#1e00a1
rgb(30,0,161)
-
#2200b5
#2200b5
rgb(34,0,181)
-
#2500c8
#2500c8
rgb(37,0,200)
-
#2900dc
#2900dc
rgb(41,0,220)
-
#2d00ef
#2d00ef
rgb(45,0,239)
-
#3304ff
#3304ff
rgb(51,4,255)
-
#4318ff
#4318ff
rgb(67,24,255)
-
#532bff
#532bff
rgb(83,43,255)
-
#633fff
#633fff
rgb(99,63,255)
-
#7352ff
#7352ff
rgb(115,82,255)
-
#8366ff
#8366ff
rgb(131,102,255)
-
#937aff
#937aff
rgb(147,122,255)
-
#a38dff
#a38dff
rgb(163,141,255)
-
#b3a1ff
#b3a1ff
rgb(179,161,255)
-
#c2b5ff
#c2b5ff
rgb(194,181,255)
-
#d2c8ff
#d2c8ff
rgb(210,200,255)
-
#e2dcff
#e2dcff
rgb(226,220,255)
-
#f2efff
#f2efff
rgb(242,239,255)
Tones of #3304ff
A tone is produced by adding gray to any pure hue. In this case, #7b788b is the less saturated color, while #3304ff is the most saturated one.
-
#7b788b
#7b788b
rgb(123,120,139)
-
#756e95
#756e95
rgb(117,110,149)
-
#6f659e
#6f659e
rgb(111,101,158)
-
#695ba8
#695ba8
rgb(105,91,168)
-
#6351b2
#6351b2
rgb(99,81,178)
-
#5d48bb
#5d48bb
rgb(93,72,187)
-
#573ec5
#573ec5
rgb(87,62,197)
-
#5134cf
#5134cf
rgb(81,52,207)
-
#4b2bd8
#4b2bd8
rgb(75,43,216)
-
#4521e2
#4521e2
rgb(69,33,226)
-
#3f17ec
#3f17ec
rgb(63,23,236)
-
#390ef5
#390ef5
rgb(57,14,245)
-
#3304ff
#3304ff
rgb(51,4,255)
Color Blindness Simulator
Below, you can see how #3304ff 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.