#330cfe hex color

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

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

● #330cfe color description : Vivid blue.

The hexadecimal color #330cfe has RGB values of R:51, G:12, B:254 and CMYK values of C:0.8, M:0.95, Y:0, K:0. Its decimal value is 3345662.

Hex triplet	330cfe	`#330cfe`
RGB Decimal	51, 12, 254	`rgb(51,12,254)`
RGB Percent	20, 4.7, 99.6	`rgb(20%,4.7%,99.6%)`
CMYK	80, 95, 0, 0
HSL	249.7°, 99.2, 52.2	`hsl(249.7,99.2%,52.2%)`
HSV (or HSB)	249.7°, 95.3, 99.6
Web Safe	3300ff	`#3300ff`

CIE-LAB	34.234, 77.776, -104.034
XYZ	19.383, 8.121, 94.307
xyY	0.159, 0.067, 8.121
CIE-LCH	34.234, 129.893, 306.782
CIE-LUV	34.234, -6.692, -131.733
Hunter-Lab	28.498, 71.535, -176.257
Binary	00110011, 00001100, 11111110

#330cfe
```
#330cfe rgb(51,12,254)
```
#d7fe0c
```
#d7fe0c rgb(215,254,12)
```

Complementary Color

#0c5efe
```
#0c5efe rgb(12,94,254)
```
#330cfe
```
#330cfe rgb(51,12,254)
```
#ac0cfe
```
#ac0cfe rgb(172,12,254)
```

Analogous Color

#5efe0c
```
#5efe0c rgb(94,254,12)
```
#330cfe
```
#330cfe rgb(51,12,254)
```
#feac0c
```
#feac0c rgb(254,172,12)
```

Split Complementary Color

#0cfe33
```
#0cfe33 rgb(12,254,51)
```
#330cfe
```
#330cfe rgb(51,12,254)
```
#fe330c
```
#fe330c rgb(254,51,12)
```

Triadic Color

#0cd7fe
```
#0cd7fe rgb(12,215,254)
```
#330cfe
```
#330cfe rgb(51,12,254)
```
#fe330c
```
#fe330c rgb(254,51,12)
```
#d7fe0c
```
#d7fe0c rgb(215,254,12)
```

Tetradic Color

#1f01bd
```
#1f01bd rgb(31,1,189)
```
#2301d6
```
#2301d6 rgb(35,1,214)
```
#2701f0
```
#2701f0 rgb(39,1,240)
```
#330cfe
```
#330cfe rgb(51,12,254)
```
#4825fe
```
#4825fe rgb(72,37,254)
```
#5e3ffe
```
#5e3ffe rgb(94,63,254)
```
#7358fe
```
#7358fe rgb(115,88,254)
```

Monochromatic Color

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

#0c22fe
```
#0c22fe rgb(12,34,254)
```
#0c0dfe
```
#0c0dfe rgb(12,13,254)
```
#1f0cfe
```
#1f0cfe rgb(31,12,254)
```
#330cfe
```
#330cfe rgb(51,12,254)
```
#470cfe
```
#470cfe rgb(71,12,254)
```
#5b0cfe
```
#5b0cfe rgb(91,12,254)
```
#700cfe
```
#700cfe rgb(112,12,254)
```

Similar Colors

Text with hexadecimal color #330cfe

This text has a font color of #330cfe.

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

#330cfe background color

This paragraph has a background color of #330cfe.

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

#330cfe border color

This element has a border color of #330cfe.

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

CSS codes

.text {color:#330cfe;}

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

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

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)
```
#05001e
```
#05001e rgb(5,0,30)
```
#080032
```
#080032 rgb(8,0,50)
```
#0b0046
```
#0b0046 rgb(11,0,70)
```
#0f0059
```
#0f0059 rgb(15,0,89)
```
#12006d
```
#12006d rgb(18,0,109)
```
#150180
```
#150180 rgb(21,1,128)
```
#180194
```
#180194 rgb(24,1,148)
```
#1c01a7
```
#1c01a7 rgb(28,1,167)
```
#1f01bb
```
#1f01bb rgb(31,1,187)
```
#2201ce
```
#2201ce rgb(34,1,206)
```
#2501e2
```
#2501e2 rgb(37,1,226)
```
#2801f5
```
#2801f5 rgb(40,1,245)
```

Shade Color Variation

#330cfe
```
#330cfe rgb(51,12,254)
```
#4320fe
```
#4320fe rgb(67,32,254)
```
#5433fe
```
#5433fe rgb(84,51,254)
```
#6447fe
```
#6447fe rgb(100,71,254)
```
#755afe
```
#755afe rgb(117,90,254)
```
#856efe
```
#856efe rgb(133,110,254)
```
#9581fe
```
#9581fe rgb(149,129,254)
```
#a695ff
```
#a695ff rgb(166,149,255)
```
#b6a8ff
```
#b6a8ff rgb(182,168,255)
```
#c7bcff
```
#c7bcff rgb(199,188,255)
```
#d7cfff
```
#d7cfff rgb(215,207,255)
```
#e7e3ff
```
#e7e3ff rgb(231,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, #7f7d8d is the less saturated color, while #330cfe is the most saturated one.

#7f7d8d
```
#7f7d8d rgb(127,125,141)
```
#797397
```
#797397 rgb(121,115,151)
```
#736aa0
```
#736aa0 rgb(115,106,160)
```
#6c60aa
```
#6c60aa rgb(108,96,170)
```
#6657b3
```
#6657b3 rgb(102,87,179)
```
#604ebc
```
#604ebc rgb(96,78,188)
```
#5944c6
```
#5944c6 rgb(89,68,198)
```
#533bcf
```
#533bcf rgb(83,59,207)
```
#4c32d8
```
#4c32d8 rgb(76,50,216)
```
#4628e2
```
#4628e2 rgb(70,40,226)
```
#401feb
```
#401feb rgb(64,31,235)
```
#3915f5
```
#3915f5 rgb(57,21,245)
```
#330cfe
```
#330cfe rgb(51,12,254)
```

Tone Color Variation

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

#333333 Achromatopsia 0.005% of the population
#332b5c Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#123bc7 Protanomaly 1% of men, 0.01% of women
#123fb8 Deuteranomaly 6% of men, 0.4% of women
#12439d Tritanomaly 0.01% of the population

#330cfe hex color

#330cfe Color Information

#330cfe Color Conversion

Color Schemes with #330cfe

Alternatives to #330cfe

#330cfe Preview

Shades and Tints of #330cfe

Tones of #330cfe

Color Blindness Simulator