#331cff hex color

In a RGB color space, hex #331cff is composed of 20% red, 11% green and 100% blue. Whereas in a CMYK color space, it is composed of 80% cyan, 89% magenta, 0% yellow and 0% black. It has a hue angle of 246.1 degrees, a saturation of 100% and a lightness of 55.5%. #331cff color hex could be obtained by blending #6638ff with #0000ff. Closest websafe color is: #3333ff.

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

● #331cff color description : Vivid blue.

The hexadecimal color #331cff has RGB values of R:51, G:28, B:255 and CMYK values of C:0.8, M:0.89, Y:0, K:0. Its decimal value is 3349759.

Hex triplet	331cff	`#331cff`
RGB Decimal	51, 28, 255	`rgb(51,28,255)`
RGB Percent	20, 11, 100	`rgb(20%,11%,100%)`
CMYK	80, 89, 0, 0
HSL	246.1°, 100, 55.5	`hsl(246.1,100%,55.5%)`
HSV (or HSB)	246.1°, 89, 100
Web Safe	3333ff	`#3333ff`

CIE-LAB	35.504, 74.533, -102.475
XYZ	19.827, 8.753, 95.247
xyY	0.16, 0.071, 8.753
CIE-LCH	35.504, 126.714, 306.03
CIE-LUV	35.504, -7.524, -132.934
Hunter-Lab	29.585, 67.849, -170.167
Binary	00110011, 00011100, 11111111

#331cff
```
#331cff rgb(51,28,255)
```
#e8ff1c
```
#e8ff1c rgb(232,255,28)
```

Complementary Color

#1c77ff
```
#1c77ff rgb(28,119,255)
```
#331cff
```
#331cff rgb(51,28,255)
```
#a51cff
```
#a51cff rgb(165,28,255)
```

Analogous Color

#77ff1c
```
#77ff1c rgb(119,255,28)
```
#331cff
```
#331cff rgb(51,28,255)
```
#ffa51c
```
#ffa51c rgb(255,165,28)
```

Split Complementary Color

#1cff33
```
#1cff33 rgb(28,255,51)
```
#331cff
```
#331cff rgb(51,28,255)
```
#ff331c
```
#ff331c rgb(255,51,28)
```

Triadic Color

#1ce8ff
```
#1ce8ff rgb(28,232,255)
```
#331cff
```
#331cff rgb(51,28,255)
```
#ff331c
```
#ff331c rgb(255,51,28)
```
#e8ff1c
```
#e8ff1c rgb(232,255,28)
```

Tetradic Color

#1500cf
```
#1500cf rgb(21,0,207)
```
#1800e8
```
#1800e8 rgb(24,0,232)
```
#1c02ff
```
#1c02ff rgb(28,2,255)
```
#331cff
```
#331cff rgb(51,28,255)
```
#4a36ff
```
#4a36ff rgb(74,54,255)
```
#614fff
```
#614fff rgb(97,79,255)
```
#7869ff
```
#7869ff rgb(120,105,255)
```

Monochromatic Color

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

#1c3eff
```
#1c3eff rgb(28,62,255)
```
#1c2bff
```
#1c2bff rgb(28,43,255)
```
#201cff
```
#201cff rgb(32,28,255)
```
#331cff
```
#331cff rgb(51,28,255)
```
#461cff
```
#461cff rgb(70,28,255)
```
#591cff
```
#591cff rgb(89,28,255)
```
#6c1cff
```
#6c1cff rgb(108,28,255)
```

Similar Colors

Text with hexadecimal color #331cff

This text has a font color of #331cff.

<span style="color:#331cff;">Text here</span>

#331cff background color

This paragraph has a background color of #331cff.

<p style="background-color:#331cff;">Content here</p>

#331cff border color

This element has a border color of #331cff.

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

CSS codes

.text {color:#331cff;}

.background {background-color:#331cff;}

.border {border:1px solid #331cff;}

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

#010008
```
#010008 rgb(1,0,8)
```
#03001c
```
#03001c rgb(3,0,28)
```
#050030
```
#050030 rgb(5,0,48)
```
#070043
```
#070043 rgb(7,0,67)
```
#090057
```
#090057 rgb(9,0,87)
```
#0b006a
```
#0b006a rgb(11,0,106)
```
#0d007e
```
#0d007e rgb(13,0,126)
```
#0f0092
```
#0f0092 rgb(15,0,146)
```
#1100a5
```
#1100a5 rgb(17,0,165)
```
#1300b9
```
#1300b9 rgb(19,0,185)
```
#1500cd
```
#1500cd rgb(21,0,205)
```
#1700e0
```
#1700e0 rgb(23,0,224)
```
#1900f4
```
#1900f4 rgb(25,0,244)
```

Shade Color Variation

#2108ff
```
#2108ff rgb(33,8,255)
```
#331cff
```
#331cff rgb(51,28,255)
```
#4530ff
```
#4530ff rgb(69,48,255)
```
#5643ff
```
#5643ff rgb(86,67,255)
```
#6857ff
```
#6857ff rgb(104,87,255)
```
#7a6aff
```
#7a6aff rgb(122,106,255)
```
#8b7eff
```
#8b7eff rgb(139,126,255)
```
#9d92ff
```
#9d92ff rgb(157,146,255)
```
#aea5ff
```
#aea5ff rgb(174,165,255)
```
#c0b9ff
```
#c0b9ff rgb(192,185,255)
```
#d2cdff
```
#d2cdff rgb(210,205,255)
```
#e3e0ff
```
#e3e0ff rgb(227,224,255)
```
#f5f4ff
```
#f5f4ff rgb(245,244,255)
```

Tint Color Variation

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

#878596
```
#878596 rgb(135,133,150)
```
#807c9f
```
#807c9f rgb(128,124,159)
```
#7973a8
```
#7973a8 rgb(121,115,168)
```
#726bb0
```
#726bb0 rgb(114,107,176)
```
#6b62b9
```
#6b62b9 rgb(107,98,185)
```
#6459c2
```
#6459c2 rgb(100,89,194)
```
#5d50cb
```
#5d50cb rgb(93,80,203)
```
#5648d3
```
#5648d3 rgb(86,72,211)
```
#4f3fdc
```
#4f3fdc rgb(79,63,220)
```
#4836e5
```
#4836e5 rgb(72,54,229)
```
#412dee
```
#412dee rgb(65,45,238)
```
#3a25f6
```
#3a25f6 rgb(58,37,246)
```
#331cff
```
#331cff rgb(51,28,255)
```

Tone Color Variation

Below, you can see how #331cff 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

#3d3d3d Achromatopsia 0.005% of the population
#3b3664 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0059ae Protanopia 1% of men
#005f96 Deuteranopia 1% of men
#006569 Tritanopia 0.001% of the population

Trichromacy

#1243cb Protanomaly 1% of men, 0.01% of women
#1246bc Deuteranomaly 6% of men, 0.4% of women
#124aa0 Tritanomaly 0.01% of the population

#331cff hex color

#331cff Color Information

#331cff Color Conversion

Color Schemes with #331cff

Alternatives to #331cff

#331cff Preview

Shades and Tints of #331cff

Tones of #331cff

Color Blindness Simulator