#311ce1 hex color

In a RGB color space, hex #311ce1 is composed of 19.2% red, 11% green and 88.2% blue. Whereas in a CMYK color space, it is composed of 78.2% cyan, 87.6% magenta, 0% yellow and 11.8% black. It has a hue angle of 246.4 degrees, a saturation of 77.9% and a lightness of 49.6%. #311ce1 color hex could be obtained by blending #6238ff with #0000c3. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 19
- G 11
- B 88
RGB color chart
- C 78
- M 88
- Y 0
- K 12
CMYK color chart

● #311ce1 color description : Vivid blue.

The hexadecimal color #311ce1 has RGB values of R:49, G:28, B:225 and CMYK values of C:0.78, M:0.88, Y:0, K:0.12. Its decimal value is 3218657.

Hex triplet	311ce1	`#311ce1`
RGB Decimal	49, 28, 225	`rgb(49,28,225)`
RGB Percent	19.2, 11, 88.2	`rgb(19.2%,11%,88.2%)`
CMYK	78, 88, 0, 12
HSL	246.4°, 77.9, 49.6	`hsl(246.4,77.9%,49.6%)`
HSV (or HSB)	246.4°, 87.6, 88.2
Web Safe	3333cc	`#3333cc`

CIE-LAB	31.621, 66.548, -91.944
XYZ	15.27, 6.919, 71.761
xyY	0.163, 0.074, 6.919
CIE-LCH	31.621, 113.5, 305.897
CIE-LUV	31.621, -6.228, -115.96
Hunter-Lab	26.304, 57.592, -143.341
Binary	00110001, 00011100, 11100001

#311ce1
```
#311ce1 rgb(49,28,225)
```
#cce11c
```
#cce11c rgb(204,225,28)
```

Complementary Color

#1c6ae1
```
#1c6ae1 rgb(28,106,225)
```
#311ce1
```
#311ce1 rgb(49,28,225)
```
#941ce1
```
#941ce1 rgb(148,28,225)
```

Analogous Color

#6ae11c
```
#6ae11c rgb(106,225,28)
```
#311ce1
```
#311ce1 rgb(49,28,225)
```
#e1941c
```
#e1941c rgb(225,148,28)
```

Split Complementary Color

#1ce131
```
#1ce131 rgb(28,225,49)
```
#311ce1
```
#311ce1 rgb(49,28,225)
```
#e1311c
```
#e1311c rgb(225,49,28)
```

Triadic Color

#1ccce1
```
#1ccce1 rgb(28,204,225)
```
#311ce1
```
#311ce1 rgb(49,28,225)
```
#e1311c
```
#e1311c rgb(225,49,28)
```
#cce11c
```
#cce11c rgb(204,225,28)
```

Tetradic Color

#22149d
```
#22149d rgb(34,20,157)
```
#2716b4
```
#2716b4 rgb(39,22,180)
```
#2c19ca
```
#2c19ca rgb(44,25,202)
```
#311ce1
```
#311ce1 rgb(49,28,225)
```
#4431e5
```
#4431e5 rgb(68,49,229)
```
#5948e8
```
#5948e8 rgb(89,72,232)
```
#6d5eeb
```
#6d5eeb rgb(109,94,235)
```

Monochromatic Color

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

#1c38e1
```
#1c38e1 rgb(28,56,225)
```
#1c28e1
```
#1c28e1 rgb(28,40,225)
```
#211ce1
```
#211ce1 rgb(33,28,225)
```
#311ce1
```
#311ce1 rgb(49,28,225)
```
#411ce1
```
#411ce1 rgb(65,28,225)
```
#521ce1
```
#521ce1 rgb(82,28,225)
```
#621ce1
```
#621ce1 rgb(98,28,225)
```

Similar Colors

Text with hexadecimal color #311ce1

This text has a font color of #311ce1.

<span style="color:#311ce1;">Text here</span>

#311ce1 background color

This paragraph has a background color of #311ce1.

<p style="background-color:#311ce1;">Content here</p>

#311ce1 border color

This element has a border color of #311ce1.

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

CSS codes

.text {color:#311ce1;}

.background {background-color:#311ce1;}

.border {border:1px solid #311ce1;}

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

#030210
```
#030210 rgb(3,2,16)
```
#070421
```
#070421 rgb(7,4,33)
```
#0b0633
```
#0b0633 rgb(11,6,51)
```
#0f0844
```
#0f0844 rgb(15,8,68)
```
#130b55
```
#130b55 rgb(19,11,85)
```
#160d67
```
#160d67 rgb(22,13,103)
```
#1a0f78
```
#1a0f78 rgb(26,15,120)
```
#1e118a
```
#1e118a rgb(30,17,138)
```
#22139b
```
#22139b rgb(34,19,155)
```
#2615ad
```
#2615ad rgb(38,21,173)
```
#2918be
```
#2918be rgb(41,24,190)
```
#2d1ad0
```
#2d1ad0 rgb(45,26,208)
```
#311ce1
```
#311ce1 rgb(49,28,225)
```

Shade Color Variation

#402ce5
```
#402ce5 rgb(64,44,229)
```
#4f3de7
```
#4f3de7 rgb(79,61,231)
```
#5f4fe9
```
#5f4fe9 rgb(95,79,233)
```
#6f60eb
```
#6f60eb rgb(111,96,235)
```
#7f72ed
```
#7f72ed rgb(127,114,237)
```
#8f83f0
```
#8f83f0 rgb(143,131,240)
```
#9e95f2
```
#9e95f2 rgb(158,149,242)
```
#aea6f4
```
#aea6f4 rgb(174,166,244)
```
#beb7f6
```
#beb7f6 rgb(190,183,246)
```
#cec9f8
```
#cec9f8 rgb(206,201,248)
```
#dedafa
```
#dedafa rgb(222,218,250)
```
#eeecfd
```
#eeecfd rgb(238,236,253)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

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

#7e7d80
```
#7e7d80 rgb(126,125,128)
```
#767489
```
#767489 rgb(118,116,137)
```
#6e6a93
```
#6e6a93 rgb(110,106,147)
```
#67609d
```
#67609d rgb(103,96,157)
```
#5f56a7
```
#5f56a7 rgb(95,86,167)
```
#574db0
```
#574db0 rgb(87,77,176)
```
#5043ba
```
#5043ba rgb(80,67,186)
```
#4839c4
```
#4839c4 rgb(72,57,196)
```
#402fce
```
#402fce rgb(64,47,206)
```
#3926d7
```
#3926d7 rgb(57,38,215)
```
#311ce1
```
#311ce1 rgb(49,28,225)
```
#2912eb
```
#2912eb rgb(41,18,235)
```
#2209f4
```
#2209f4 rgb(34,9,244)
```

Tone Color Variation

Below, you can see how #311ce1 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

#393939 Achromatopsia 0.005% of the population
#37335b Atypical Achromatopsia 0.001% of the population

Dichromacy

#00519d Protanopia 1% of men
#005688 Deuteranopia 1% of men
#005c60 Tritanopia 0.001% of the population

Trichromacy

#113eb6 Protanomaly 1% of men, 0.01% of women
#1141a8 Deuteranomaly 6% of men, 0.4% of women
#11448f Tritanomaly 0.01% of the population

#311ce1 hex color

#311ce1 Color Information

#311ce1 Color Conversion

Color Schemes with #311ce1

Alternatives to #311ce1

#311ce1 Preview

Shades and Tints of #311ce1

Tones of #311ce1

Color Blindness Simulator