#3304f3 Color Information
In a RGB color space, hex #3304f3 is composed of 20% red, 1.6% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 79% cyan, 98.4% magenta, 0% yellow and 4.7% black. It has a hue angle of 251.8 degrees, a saturation of 96.8% and a lightness of 48.4%. #3304f3 color hex could be obtained by blending #6608ff with #0000e7. Closest websafe color is: #3300ff.
-
- R 20
- G 2
- B 95
-
- C 79
- M 98
- Y 0
- K 5
● #3304f3 color description : Vivid blue.
#3304f3 Color Conversion
The hexadecimal color #3304f3 has RGB values of R:51, G:4, B:243 and CMYK values of C:0.79, M:0.98, Y:0, K:0.05. Its decimal value is 3343603.
Hex triplet | 3304f3 | #3304f3 |
---|---|---|
RGB Decimal | 51, 4, 243 | rgb(51,4,243) |
RGB Percent | 20, 1.6, 95.3 | rgb(20%,1.6%,95.3%) |
CMYK | 79, 98, 0, 5 | |
HSL | 251.8°, 96.8, 48.4 | hsl(251.8,96.8%,48.4%) |
HSV (or HSB) | 251.8°, 98.4, 95.3 | |
Web Safe | 3300ff | #3300ff |
CIE-LAB | 32.393, 76.308, -100.909 |
---|---|
XYZ | 17.583, 7.261, 85.264 |
xyY | 0.16, 0.066, 7.261 |
CIE-LCH | 32.393, 126.513, 307.097 |
CIE-LUV | 32.393, -5.836, -125.238 |
Hunter-Lab | 26.945, 69.325, -168.75 |
Binary | 00110011, 00000100, 11110011 |
Color Schemes with #3304f3
Alternatives to #3304f3
Below, you can see some colors close to #3304f3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3304f3 Preview
This text has a font color of #3304f3.
<span style="color:#3304f3;">Text here</span>
This paragraph has a background color of #3304f3.
<p style="background-color:#3304f3;">Content here</p>
This element has a border color of #3304f3.
<div style="border:1px solid #3304f3;">Content here</div>
.text {color:#3304f3;}
.background {background-color:#3304f3;}
.border {border:1px solid #3304f3;}
Shades and Tints of #3304f3
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, #02000b is the darkest color, while #f9f7ff is the lightest one.
-
#02000b
#02000b
rgb(2,0,11)
-
#06011f
#06011f
rgb(6,1,31)
-
#0a0132
#0a0132
rgb(10,1,50)
-
#0f0145
#0f0145
rgb(15,1,69)
-
#130159
#130159
rgb(19,1,89)
-
#17026c
#17026c
rgb(23,2,108)
-
#1b027f
#1b027f
rgb(27,2,127)
-
#1f0293
#1f0293
rgb(31,2,147)
-
#2303a6
#2303a6
rgb(35,3,166)
-
#2703b9
#2703b9
rgb(39,3,185)
-
#2b03cc
#2b03cc
rgb(43,3,204)
-
#2f04e0
#2f04e0
rgb(47,4,224)
-
#3304f3
#3304f3
rgb(51,4,243)
-
#3e10fb
#3e10fb
rgb(62,16,251)
-
#4d23fb
#4d23fb
rgb(77,35,251)
-
#5d36fc
#5d36fc
rgb(93,54,252)
-
#6d49fc
#6d49fc
rgb(109,73,252)
-
#7c5dfc
#7c5dfc
rgb(124,93,252)
-
#8c70fd
#8c70fd
rgb(140,112,253)
-
#9b83fd
#9b83fd
rgb(155,131,253)
-
#ab97fd
#ab97fd
rgb(171,151,253)
-
#baaafe
#baaafe
rgb(186,170,254)
-
#cabdfe
#cabdfe
rgb(202,189,254)
-
#dad1fe
#dad1fe
rgb(218,209,254)
-
#e9e4ff
#e9e4ff
rgb(233,228,255)
-
#f9f7ff
#f9f7ff
rgb(249,247,255)
Tones of #3304f3
A tone is produced by adding gray to any pure hue. In this case, #787681 is the less saturated color, while #3304f3 is the most saturated one.
-
#787681
#787681
rgb(120,118,129)
-
#726d8b
#726d8b
rgb(114,109,139)
-
#6d6394
#6d6394
rgb(109,99,148)
-
#675a9e
#675a9e
rgb(103,90,158)
-
#6150a7
#6150a7
rgb(97,80,167)
-
#5b47b1
#5b47b1
rgb(91,71,177)
-
#563dba
#563dba
rgb(86,61,186)
-
#5034c4
#5034c4
rgb(80,52,196)
-
#4a2acd
#4a2acd
rgb(74,42,205)
-
#4421d7
#4421d7
rgb(68,33,215)
-
#3f17e0
#3f17e0
rgb(63,23,224)
-
#390eea
#390eea
rgb(57,14,234)
-
#3304f3
#3304f3
rgb(51,4,243)
Color Blindness Simulator
Below, you can see how #3304f3 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.