#330afe hex color

In a RGB color space, hex #330afe is composed of 20% red, 3.9% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 79.9% cyan, 96.1% magenta, 0% yellow and 0.4% black. It has a hue angle of 250.1 degrees, a saturation of 99.2% and a lightness of 51.8%. #330afe color hex could be obtained by blending #6614ff with #0000fd. Closest websafe color is: #3300ff.

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

● #330afe color description : Vivid blue.

The hexadecimal color #330afe has RGB values of R:51, G:10, B:254 and CMYK values of C:0.8, M:0.96, Y:0, K:0. Its decimal value is 3345150.

Hex triplet	330afe	`#330afe`
RGB Decimal	51, 10, 254	`rgb(51,10,254)`
RGB Percent	20, 3.9, 99.6	`rgb(20%,3.9%,99.6%)`
CMYK	80, 96, 0, 0
HSL	250.1°, 99.2, 51.8	`hsl(250.1,99.2%,51.8%)`
HSV (or HSB)	250.1°, 96.1, 99.6
Web Safe	3300ff	`#3300ff`

CIE-LAB	34.139, 78.069, -104.192
XYZ	19.36, 8.075, 94.299
xyY	0.159, 0.066, 8.075
CIE-LCH	34.139, 130.195, 306.843
CIE-LUV	34.139, -6.629, -131.669
Hunter-Lab	28.417, 71.876, -176.854
Binary	00110011, 00001010, 11111110

#330afe
```
#330afe rgb(51,10,254)
```
#d5fe0a
```
#d5fe0a rgb(213,254,10)
```

Complementary Color

#0a5bfe
```
#0a5bfe rgb(10,91,254)
```
#330afe
```
#330afe rgb(51,10,254)
```
#ad0afe
```
#ad0afe rgb(173,10,254)
```

Analogous Color

#5bfe0a
```
#5bfe0a rgb(91,254,10)
```
#330afe
```
#330afe rgb(51,10,254)
```
#fead0a
```
#fead0a rgb(254,173,10)
```

Split Complementary Color

#0afe33
```
#0afe33 rgb(10,254,51)
```
#330afe
```
#330afe rgb(51,10,254)
```
#fe330a
```
#fe330a rgb(254,51,10)
```

Triadic Color

#0ad5fe
```
#0ad5fe rgb(10,213,254)
```
#330afe
```
#330afe rgb(51,10,254)
```
#fe330a
```
#fe330a rgb(254,51,10)
```
#d5fe0a
```
#d5fe0a rgb(213,254,10)
```

Tetradic Color

#2001bb
```
#2001bb rgb(32,1,187)
```
#2401d4
```
#2401d4 rgb(36,1,212)
```
#2901ee
```
#2901ee rgb(41,1,238)
```
#330afe
```
#330afe rgb(51,10,254)
```
#4823fe
```
#4823fe rgb(72,35,254)
```
#5d3dfe
```
#5d3dfe rgb(93,61,254)
```
#7256fe
```
#7256fe rgb(114,86,254)
```

Monochromatic Color

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

#0a1efe
```
#0a1efe rgb(10,30,254)
```
#0a0afe
```
#0a0afe rgb(10,10,254)
```
#1f0afe
```
#1f0afe rgb(31,10,254)
```
#330afe
```
#330afe rgb(51,10,254)
```
#470afe
```
#470afe rgb(71,10,254)
```
#5c0afe
```
#5c0afe rgb(92,10,254)
```
#700afe
```
#700afe rgb(112,10,254)
```

Similar Colors

Text with hexadecimal color #330afe

This text has a font color of #330afe.

<span style="color:#330afe;">Text here</span>

#330afe background color

This paragraph has a background color of #330afe.

<p style="background-color:#330afe;">Content here</p>

#330afe border color

This element has a border color of #330afe.

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

CSS codes

.text {color:#330afe;}

.background {background-color:#330afe;}

.border {border:1px solid #330afe;}

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, #020009 is the darkest color, while #f6f4ff is the lightest one.

#020009
```
#020009 rgb(2,0,9)
```
#05001c
```
#05001c rgb(5,0,28)
```
#080030
```
#080030 rgb(8,0,48)
```
#0c0044
```
#0c0044 rgb(12,0,68)
```
#0f0057
```
#0f0057 rgb(15,0,87)
```
#12006b
```
#12006b rgb(18,0,107)
```
#16017e
```
#16017e rgb(22,1,126)
```
#190192
```
#190192 rgb(25,1,146)
```
#1c01a5
```
#1c01a5 rgb(28,1,165)
```
#2001b9
```
#2001b9 rgb(32,1,185)
```
#2301cc
```
#2301cc rgb(35,1,204)
```
#2601e0
```
#2601e0 rgb(38,1,224)
```
#2a01f3
```
#2a01f3 rgb(42,1,243)
```

Shade Color Variation

#330afe
```
#330afe rgb(51,10,254)
```
#431efe
```
#431efe rgb(67,30,254)
```
#5431fe
```
#5431fe rgb(84,49,254)
```
#6445fe
```
#6445fe rgb(100,69,254)
```
#7458fe
```
#7458fe rgb(116,88,254)
```
#846cfe
```
#846cfe rgb(132,108,254)
```
#957ffe
```
#957ffe rgb(149,127,254)
```
#a593ff
```
#a593ff rgb(165,147,255)
```
#b5a6ff
```
#b5a6ff rgb(181,166,255)
```
#c5baff
```
#c5baff rgb(197,186,255)
```
#d6cdff
```
#d6cdff rgb(214,205,255)
```
#e6e1ff
```
#e6e1ff rgb(230,225,255)
```
#f6f4ff
```
#f6f4ff rgb(246,244,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7e7c8c is the less saturated color, while #330afe is the most saturated one.

#7e7c8c
```
#7e7c8c rgb(126,124,140)
```
#787296
```
#787296 rgb(120,114,150)
```
#72699f
```
#72699f rgb(114,105,159)
```
#6c5fa9
```
#6c5fa9 rgb(108,95,169)
```
#6556b2
```
#6556b2 rgb(101,86,178)
```
#5f4cbc
```
#5f4cbc rgb(95,76,188)
```
#5943c5
```
#5943c5 rgb(89,67,197)
```
#5239cf
```
#5239cf rgb(82,57,207)
```
#4c30d8
```
#4c30d8 rgb(76,48,216)
```
#4626e2
```
#4626e2 rgb(70,38,226)
```
#401deb
```
#401deb rgb(64,29,235)
```
#3913f5
```
#3913f5 rgb(57,19,245)
```
#330afe
```
#330afe rgb(51,10,254)
```

Tone Color Variation

Below, you can see how #330afe 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

#323232 Achromatopsia 0.005% of the population
#322a5b Atypical Achromatopsia 0.001% of the population

Dichromacy

#0056a8 Protanopia 1% of men
#005c91 Deuteranopia 1% of men
#006266 Tritanopia 0.001% of the population

Trichromacy

#123ac7 Protanomaly 1% of men, 0.01% of women
#123eb8 Deuteranomaly 6% of men, 0.4% of women
#12429d Tritanomaly 0.01% of the population

#330afe hex color

#330afe Color Information

#330afe Color Conversion

Color Schemes with #330afe

Alternatives to #330afe

#330afe Preview

Shades and Tints of #330afe

Tones of #330afe

Color Blindness Simulator