#3301f5 hex color

In a RGB color space, hex #3301f5 is composed of 20% red, 0.4% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 79.2% cyan, 99.6% magenta, 0% yellow and 3.9% black. It has a hue angle of 252.3 degrees, a saturation of 99.2% and a lightness of 48.2%. #3301f5 color hex could be obtained by blending #6602ff with #0000eb. Closest websafe color is: #3300ff.

♥
- f
- t
- g
- R 20
- G 0
- B 96
RGB color chart
- C 79
- M 100
- Y 0
- K 4
CMYK color chart

● #3301f5 color description : Vivid blue.

The hexadecimal color #3301f5 has RGB values of R:51, G:1, B:245 and CMYK values of C:0.79, M:1, Y:0, K:0.04. Its decimal value is 3342837.

Hex triplet	3301f5	`#3301f5`
RGB Decimal	51, 1, 245	`rgb(51,1,245)`
RGB Percent	20, 0.4, 96.1	`rgb(20%,0.4%,96.1%)`
CMYK	79, 100, 0, 4
HSL	252.3°, 99.2, 48.2	`hsl(252.3,99.2%,48.2%)`
HSV (or HSB)	252.3°, 99.6, 96.1
Web Safe	3300ff	`#3300ff`

CIE-LAB	32.518, 77.226, -101.832
XYZ	17.854, 7.317, 86.853
xyY	0.159, 0.065, 7.317
CIE-LCH	32.518, 127.803, 307.176
CIE-LUV	32.518, -5.856, -126.264
Hunter-Lab	27.05, 70.482, -171.435
Binary	00110011, 00000001, 11110101

#3301f5
```
#3301f5 rgb(51,1,245)
```
#c3f501
```
#c3f501 rgb(195,245,1)
```

Complementary Color

#0149f5
```
#0149f5 rgb(1,73,245)
```
#3301f5
```
#3301f5 rgb(51,1,245)
```
#ad01f5
```
#ad01f5 rgb(173,1,245)
```

Analogous Color

#49f501
```
#49f501 rgb(73,245,1)
```
#3301f5
```
#3301f5 rgb(51,1,245)
```
#f5ad01
```
#f5ad01 rgb(245,173,1)
```

Split Complementary Color

#01f533
```
#01f533 rgb(1,245,51)
```
#3301f5
```
#3301f5 rgb(51,1,245)
```
#f53301
```
#f53301 rgb(245,51,1)
```

Triadic Color

#01c3f5
```
#01c3f5 rgb(1,195,245)
```
#3301f5
```
#3301f5 rgb(51,1,245)
```
#f53301
```
#f53301 rgb(245,51,1)
```
#c3f501
```
#c3f501 rgb(195,245,1)
```

Tetradic Color

#2301a9
```
#2301a9 rgb(35,1,169)
```
#2801c2
```
#2801c2 rgb(40,1,194)
```
#2e01dc
```
#2e01dc rgb(46,1,220)
```
#3301f5
```
#3301f5 rgb(51,1,245)
```
#4211fe
```
#4211fe rgb(66,17,254)
```
#562bfe
```
#562bfe rgb(86,43,254)
```
#6a44fe
```
#6a44fe rgb(106,68,254)
```

Monochromatic Color

Below, you can see some colors close to #3301f5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#010cf5
```
#010cf5 rgb(1,12,245)
```
#0a01f5
```
#0a01f5 rgb(10,1,245)
```
#1f01f5
```
#1f01f5 rgb(31,1,245)
```
#3301f5
```
#3301f5 rgb(51,1,245)
```
#4701f5
```
#4701f5 rgb(71,1,245)
```
#5c01f5
```
#5c01f5 rgb(92,1,245)
```
#7001f5
```
#7001f5 rgb(112,1,245)
```

Similar Colors

Text with hexadecimal color #3301f5

This text has a font color of #3301f5.

<span style="color:#3301f5;">Text here</span>

#3301f5 background color

This paragraph has a background color of #3301f5.

<p style="background-color:#3301f5;">Content here</p>

#3301f5 border color

This element has a border color of #3301f5.

<div style="border:1px solid #3301f5;">Content here</div>

CSS codes

.text {color:#3301f5;}

.background {background-color:#3301f5;}

.border {border:1px solid #3301f5;}

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 #f8f6ff is the lightest one.

#02000b
```
#02000b rgb(2,0,11)
```
#06001e
```
#06001e rgb(6,0,30)
```
#0a0032
```
#0a0032 rgb(10,0,50)
```
#0e0045
```
#0e0045 rgb(14,0,69)
```
#120059
```
#120059 rgb(18,0,89)
```
#17006c
```
#17006c rgb(23,0,108)
```
#1b0180
```
#1b0180 rgb(27,1,128)
```
#1f0193
```
#1f0193 rgb(31,1,147)
```
#2301a7
```
#2301a7 rgb(35,1,167)
```
#2701ba
```
#2701ba rgb(39,1,186)
```
#2b01ce
```
#2b01ce rgb(43,1,206)
```
#2f01e1
```
#2f01e1 rgb(47,1,225)
```
#3301f5
```
#3301f5 rgb(51,1,245)
```

Shade Color Variation

#3d0cfe
```
#3d0cfe rgb(61,12,254)
```
#4d1ffe
```
#4d1ffe rgb(77,31,254)
```
#5c33fe
```
#5c33fe rgb(92,51,254)
```
#6c46fe
```
#6c46fe rgb(108,70,254)
```
#7b5afe
```
#7b5afe rgb(123,90,254)
```
#8b6dfe
```
#8b6dfe rgb(139,109,254)
```
#9b81fe
```
#9b81fe rgb(155,129,254)
```
#aa94ff
```
#aa94ff rgb(170,148,255)
```
#baa8ff
```
#baa8ff rgb(186,168,255)
```
#c9bbff
```
#c9bbff rgb(201,187,255)
```
#d9cfff
```
#d9cfff rgb(217,207,255)
```
#e8e3ff
```
#e8e3ff rgb(232,227,255)
```
#f8f6ff
```
#f8f6ff rgb(248,246,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #767383 is the less saturated color, while #3301f5 is the most saturated one.

#767383
```
#767383 rgb(118,115,131)
```
#70698d
```
#70698d rgb(112,105,141)
```
#6b6096
```
#6b6096 rgb(107,96,150)
```
#6556a0
```
#6556a0 rgb(101,86,160)
```
#604da9
```
#604da9 rgb(96,77,169)
```
#5a43b3
```
#5a43b3 rgb(90,67,179)
```
#553abc
```
#553abc rgb(85,58,188)
```
#4f30c6
```
#4f30c6 rgb(79,48,198)
```
#4927cf
```
#4927cf rgb(73,39,207)
```
#441dd9
```
#441dd9 rgb(68,29,217)
```
#3e14e2
```
#3e14e2 rgb(62,20,226)
```
#390aec
```
#390aec rgb(57,10,236)
```
#3301f5
```
#3301f5 rgb(51,1,245)
```

Tone Color Variation

Below, you can see how #3301f5 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.

Monochromacy

#2c2c2c Achromatopsia 0.005% of the population
#2d2354 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0053a1 Protanopia 1% of men
#00588b Deuteranopia 1% of men
#005e62 Tritanopia 0.001% of the population

Trichromacy

#1235bf Protanomaly 1% of men, 0.01% of women
#1238b1 Deuteranomaly 6% of men, 0.4% of women
#123c97 Tritanomaly 0.01% of the population

#3301f5 hex color

#3301f5 Color Information

#3301f5 Color Conversion

Color Schemes with #3301f5

Alternatives to #3301f5

#3301f5 Preview

Shades and Tints of #3301f5

Tones of #3301f5

Color Blindness Simulator