#3306f5 Color Information
In a RGB color space, hex #3306f5 is composed of 20% red, 2.4% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 79.2% cyan, 97.6% magenta, 0% yellow and 3.9% black. It has a hue angle of 251.3 degrees, a saturation of 95.2% and a lightness of 49.2%. #3306f5 color hex could be obtained by blending #660cff with #0000eb. Closest websafe color is: #3300ff.
-
- R 20
- G 2
- B 96
-
- C 79
- M 98
- Y 0
- K 4
● #3306f5 color description : Vivid blue.
#3306f5 Color Conversion
The hexadecimal color #3306f5 has RGB values of R:51, G:6, B:245 and CMYK values of C:0.79, M:0.98, Y:0, K:0.04. Its decimal value is 3344117.
Hex triplet | 3306f5 | #3306f5 |
---|---|---|
RGB Decimal | 51, 6, 245 | rgb(51,6,245) |
RGB Percent | 20, 2.4, 96.1 | rgb(20%,2.4%,96.1%) |
CMYK | 79, 98, 0, 4 | |
HSL | 251.3°, 95.2, 49.2 | hsl(251.3,95.2%,49.2%) |
HSV (or HSB) | 251.3°, 97.6, 96.1 | |
Web Safe | 3300ff | #3300ff |
CIE-LAB | 32.757, 76.487, -101.433 |
---|---|
XYZ | 17.909, 7.425, 86.871 |
xyY | 0.16, 0.066, 7.425 |
CIE-LCH | 32.757, 127.039, 307.019 |
CIE-LUV | 32.757, -6.011, -126.446 |
Hunter-Lab | 27.25, 69.623, -169.938 |
Binary | 00110011, 00000110, 11110101 |
Color Schemes with #3306f5
Alternatives to #3306f5
Below, you can see some colors close to #3306f5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3306f5 Preview
This text has a font color of #3306f5.
<span style="color:#3306f5;">Text here</span>
This paragraph has a background color of #3306f5.
<p style="background-color:#3306f5;">Content here</p>
This element has a border color of #3306f5.
<div style="border:1px solid #3306f5;">Content here</div>
.text {color:#3306f5;}
.background {background-color:#3306f5;}
.border {border:1px solid #3306f5;}
Shades and Tints of #3306f5
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, #03000f is the darkest color, while #fcfbff is the lightest one.
-
#03000f
#03000f
rgb(3,0,15)
-
#070122
#070122
rgb(7,1,34)
-
#0b0136
#0b0136
rgb(11,1,54)
-
#0f0249
#0f0249
rgb(15,2,73)
-
#13025c
#13025c
rgb(19,2,92)
-
#17036f
#17036f
rgb(23,3,111)
-
#1b0382
#1b0382
rgb(27,3,130)
-
#1f0495
#1f0495
rgb(31,4,149)
-
#2304a8
#2304a8
rgb(35,4,168)
-
#2705bc
#2705bc
rgb(39,5,188)
-
#2b05cf
#2b05cf
rgb(43,5,207)
-
#2f06e2
#2f06e2
rgb(47,6,226)
-
#3306f5
#3306f5
rgb(51,6,245)
-
#4015f9
#4015f9
rgb(64,21,249)
-
#5028fa
#5028fa
rgb(80,40,250)
-
#603cfa
#603cfa
rgb(96,60,250)
-
#6f4ffb
#6f4ffb
rgb(111,79,251)
-
#7f62fb
#7f62fb
rgb(127,98,251)
-
#8e75fc
#8e75fc
rgb(142,117,252)
-
#9e88fc
#9e88fc
rgb(158,136,252)
-
#ae9bfd
#ae9bfd
rgb(174,155,253)
-
#bdaffd
#bdaffd
rgb(189,175,253)
-
#cdc2fd
#cdc2fd
rgb(205,194,253)
-
#ddd5fe
#ddd5fe
rgb(221,213,254)
-
#ece8fe
#ece8fe
rgb(236,232,254)
-
#fcfbff
#fcfbff
rgb(252,251,255)
Tones of #3306f5
A tone is produced by adding gray to any pure hue. In this case, #7b7a81 is the less saturated color, while #3306f5 is the most saturated one.
-
#7b7a81
#7b7a81
rgb(123,122,129)
-
#75708b
#75708b
rgb(117,112,139)
-
#6f6794
#6f6794
rgb(111,103,148)
-
#695d9e
#695d9e
rgb(105,93,158)
-
#6353a8
#6353a8
rgb(99,83,168)
-
#5d4ab1
#5d4ab1
rgb(93,74,177)
-
#5740bb
#5740bb
rgb(87,64,187)
-
#5136c5
#5136c5
rgb(81,54,197)
-
#4b2dce
#4b2dce
rgb(75,45,206)
-
#4523d8
#4523d8
rgb(69,35,216)
-
#3f19e2
#3f19e2
rgb(63,25,226)
-
#3910eb
#3910eb
rgb(57,16,235)
-
#3306f5
#3306f5
rgb(51,6,245)
Color Blindness Simulator
Below, you can see how #3306f5 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.