#3312fe hex color

In a RGB color space, hex #3312fe is composed of 20% red, 7.1% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 79.9% cyan, 92.9% magenta, 0% yellow and 0.4% black. It has a hue angle of 248.4 degrees, a saturation of 99.2% and a lightness of 53.3%. #3312fe color hex could be obtained by blending #6624ff with #0000fd. Closest websafe color is: #3300ff.

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

● #3312fe color description : Vivid blue.

The hexadecimal color #3312fe has RGB values of R:51, G:18, B:254 and CMYK values of C:0.8, M:0.93, Y:0, K:0. Its decimal value is 3347198.

Hex triplet	3312fe	`#3312fe`
RGB Decimal	51, 18, 254	`rgb(51,18,254)`
RGB Percent	20, 7.1, 99.6	`rgb(20%,7.1%,99.6%)`
CMYK	80, 93, 0, 0
HSL	248.4°, 99.2, 53.3	`hsl(248.4,99.2%,53.3%)`
HSV (or HSB)	248.4°, 92.9, 99.6
Web Safe	3300ff	`#3300ff`

CIE-LAB	34.582, 76.708, -103.454
XYZ	19.467, 8.291, 94.335
xyY	0.159, 0.068, 8.291
CIE-LCH	34.582, 128.79, 306.556
CIE-LUV	34.582, -6.925, -131.954
Hunter-Lab	28.794, 70.294, -174.09
Binary	00110011, 00010010, 11111110

#3312fe
```
#3312fe rgb(51,18,254)
```
#ddfe12
```
#ddfe12 rgb(221,254,18)
```

Complementary Color

#1267fe
```
#1267fe rgb(18,103,254)
```
#3312fe
```
#3312fe rgb(51,18,254)
```
#a912fe
```
#a912fe rgb(169,18,254)
```

Analogous Color

#67fe12
```
#67fe12 rgb(103,254,18)
```
#3312fe
```
#3312fe rgb(51,18,254)
```
#fea912
```
#fea912 rgb(254,169,18)
```

Split Complementary Color

#12fe33
```
#12fe33 rgb(18,254,51)
```
#3312fe
```
#3312fe rgb(51,18,254)
```
#fe3312
```
#fe3312 rgb(254,51,18)
```

Triadic Color

#12ddfe
```
#12ddfe rgb(18,221,254)
```
#3312fe
```
#3312fe rgb(51,18,254)
```
#fe3312
```
#fe3312 rgb(254,51,18)
```
#ddfe12
```
#ddfe12 rgb(221,254,18)
```

Tetradic Color

#1c01c3
```
#1c01c3 rgb(28,1,195)
```
#2001dc
```
#2001dc rgb(32,1,220)
```
#2301f5
```
#2301f5 rgb(35,1,245)
```
#3312fe
```
#3312fe rgb(51,18,254)
```
#492bfe
```
#492bfe rgb(73,43,254)
```
#5f45fe
```
#5f45fe rgb(95,69,254)
```
#755efe
```
#755efe rgb(117,94,254)
```

Monochromatic Color

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

#122cfe
```
#122cfe rgb(18,44,254)
```
#1218fe
```
#1218fe rgb(18,24,254)
```
#1f12fe
```
#1f12fe rgb(31,18,254)
```
#3312fe
```
#3312fe rgb(51,18,254)
```
#4712fe
```
#4712fe rgb(71,18,254)
```
#5a12fe
```
#5a12fe rgb(90,18,254)
```
#6e12fe
```
#6e12fe rgb(110,18,254)
```

Similar Colors

Text with hexadecimal color #3312fe

This text has a font color of #3312fe.

<span style="color:#3312fe;">Text here</span>

#3312fe background color

This paragraph has a background color of #3312fe.

<p style="background-color:#3312fe;">Content here</p>

#3312fe border color

This element has a border color of #3312fe.

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

CSS codes

.text {color:#3312fe;}

.background {background-color:#3312fe;}

.border {border:1px solid #3312fe;}

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

#020011
```
#020011 rgb(2,0,17)
```
#050024
```
#050024 rgb(5,0,36)
```
#080038
```
#080038 rgb(8,0,56)
```
#0b004c
```
#0b004c rgb(11,0,76)
```
#0e005f
```
#0e005f rgb(14,0,95)
```
#100073
```
#100073 rgb(16,0,115)
```
#130186
```
#130186 rgb(19,1,134)
```
#16019a
```
#16019a rgb(22,1,154)
```
#1901ad
```
#1901ad rgb(25,1,173)
```
#1c01c1
```
#1c01c1 rgb(28,1,193)
```
#1e01d4
```
#1e01d4 rgb(30,1,212)
```
#2101e8
```
#2101e8 rgb(33,1,232)
```
#2401fb
```
#2401fb rgb(36,1,251)
```

Shade Color Variation

#3312fe
```
#3312fe rgb(51,18,254)
```
#4426fe
```
#4426fe rgb(68,38,254)
```
#5539fe
```
#5539fe rgb(85,57,254)
```
#654dfe
```
#654dfe rgb(101,77,254)
```
#7660fe
```
#7660fe rgb(118,96,254)
```
#8774fe
```
#8774fe rgb(135,116,254)
```
#9887fe
```
#9887fe rgb(152,135,254)
```
#a99bff
```
#a99bff rgb(169,155,255)
```
#baaeff
```
#baaeff rgb(186,174,255)
```
#cac2ff
```
#cac2ff rgb(202,194,255)
```
#dbd5ff
```
#dbd5ff rgb(219,213,255)
```
#ece9ff
```
#ece9ff rgb(236,233,255)
```
#fdfcff
```
#fdfcff rgb(253,252,255)
```

Tint Color Variation

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

#828090
```
#828090 rgb(130,128,144)
```
#7c7799
```
#7c7799 rgb(124,119,153)
```
#756ea2
```
#756ea2 rgb(117,110,162)
```
#6e64ac
```
#6e64ac rgb(110,100,172)
```
#685bb5
```
#685bb5 rgb(104,91,181)
```
#6152be
```
#6152be rgb(97,82,190)
```
#5b49c7
```
#5b49c7 rgb(91,73,199)
```
#5440d0
```
#5440d0 rgb(84,64,208)
```
#4d37d9
```
#4d37d9 rgb(77,55,217)
```
#472de3
```
#472de3 rgb(71,45,227)
```
#4024ec
```
#4024ec rgb(64,36,236)
```
#3a1bf5
```
#3a1bf5 rgb(58,27,245)
```
#3312fe
```
#3312fe rgb(51,18,254)
```

Tone Color Variation

Below, you can see how #3312fe 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

#373737 Achromatopsia 0.005% of the population
#36305f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0057aa Protanopia 1% of men
#005d92 Deuteranopia 1% of men
#006367 Tritanopia 0.001% of the population

Trichromacy

#123ec8 Protanomaly 1% of men, 0.01% of women
#1241b9 Deuteranomaly 6% of men, 0.4% of women
#12459e Tritanomaly 0.01% of the population

#3312fe hex color

#3312fe Color Information

#3312fe Color Conversion

Color Schemes with #3312fe

Alternatives to #3312fe

#3312fe Preview

Shades and Tints of #3312fe

Tones of #3312fe

Color Blindness Simulator