#311cff hex color

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

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

● #311cff color description : Vivid blue.

The hexadecimal color #311cff has RGB values of R:49, G:28, B:255 and CMYK values of C:0.81, M:0.89, Y:0, K:0. Its decimal value is 3218687.

Hex triplet	311cff	`#311cff`
RGB Decimal	49, 28, 255	`rgb(49,28,255)`
RGB Percent	19.2, 11, 100	`rgb(19.2%,11%,100%)`
CMYK	81, 89, 0, 0
HSL	245.6°, 100, 55.5	`hsl(245.6,100%,55.5%)`
HSV (or HSB)	245.6°, 89, 100
Web Safe	3333ff	`#3333ff`

CIE-LAB	35.404, 74.472, -102.644
XYZ	19.728, 8.702, 95.242
xyY	0.16, 0.07, 8.702
CIE-LCH	35.404, 126.815, 305.962
CIE-LUV	35.404, -7.751, -132.876
Hunter-Lab	29.499, 67.751, -170.775
Binary	00110001, 00011100, 11111111

#311cff
```
#311cff rgb(49,28,255)
```
#eaff1c
```
#eaff1c rgb(234,255,28)
```

Complementary Color

#1c79ff
```
#1c79ff rgb(28,121,255)
```
#311cff
```
#311cff rgb(49,28,255)
```
#a31cff
```
#a31cff rgb(163,28,255)
```

Analogous Color

#79ff1c
```
#79ff1c rgb(121,255,28)
```
#311cff
```
#311cff rgb(49,28,255)
```
#ffa31c
```
#ffa31c rgb(255,163,28)
```

Split Complementary Color

#1cff31
```
#1cff31 rgb(28,255,49)
```
#311cff
```
#311cff rgb(49,28,255)
```
#ff311c
```
#ff311c rgb(255,49,28)
```

Triadic Color

#1ceaff
```
#1ceaff rgb(28,234,255)
```
#311cff
```
#311cff rgb(49,28,255)
```
#ff311c
```
#ff311c rgb(255,49,28)
```
#eaff1c
```
#eaff1c rgb(234,255,28)
```

Tetradic Color

#1300cf
```
#1300cf rgb(19,0,207)
```
#1500e8
```
#1500e8 rgb(21,0,232)
```
#1a02ff
```
#1a02ff rgb(26,2,255)
```
#311cff
```
#311cff rgb(49,28,255)
```
#4836ff
```
#4836ff rgb(72,54,255)
```
#5f4fff
```
#5f4fff rgb(95,79,255)
```
#7669ff
```
#7669ff rgb(118,105,255)
```

Monochromatic Color

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

#1c40ff
```
#1c40ff rgb(28,64,255)
```
#1c2dff
```
#1c2dff rgb(28,45,255)
```
#1e1cff
```
#1e1cff rgb(30,28,255)
```
#311cff
```
#311cff rgb(49,28,255)
```
#441cff
```
#441cff rgb(68,28,255)
```
#571cff
```
#571cff rgb(87,28,255)
```
#6a1cff
```
#6a1cff rgb(106,28,255)
```

Similar Colors

Text with hexadecimal color #311cff

This text has a font color of #311cff.

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

#311cff background color

This paragraph has a background color of #311cff.

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

#311cff border color

This element has a border color of #311cff.

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

CSS codes

.text {color:#311cff;}

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

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

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)
```
#040030
```
#040030 rgb(4,0,48)
```
#060043
```
#060043 rgb(6,0,67)
```
#080057
```
#080057 rgb(8,0,87)
```
#0a006a
```
#0a006a rgb(10,0,106)
```
#0c007e
```
#0c007e rgb(12,0,126)
```
#0d0092
```
#0d0092 rgb(13,0,146)
```
#0f00a5
```
#0f00a5 rgb(15,0,165)
```
#1100b9
```
#1100b9 rgb(17,0,185)
```
#1300cd
```
#1300cd rgb(19,0,205)
```
#1500e0
```
#1500e0 rgb(21,0,224)
```
#1700f4
```
#1700f4 rgb(23,0,244)
```

Shade Color Variation

#1f08ff
```
#1f08ff rgb(31,8,255)
```
#311cff
```
#311cff rgb(49,28,255)
```
#4330ff
```
#4330ff rgb(67,48,255)
```
#5543ff
```
#5543ff rgb(85,67,255)
```
#6657ff
```
#6657ff rgb(102,87,255)
```
#786aff
```
#786aff rgb(120,106,255)
```
#8a7eff
```
#8a7eff rgb(138,126,255)
```
#9c92ff
```
#9c92ff rgb(156,146,255)
```
#aea5ff
```
#aea5ff rgb(174,165,255)
```
#bfb9ff
```
#bfb9ff rgb(191,185,255)
```
#d1cdff
```
#d1cdff rgb(209,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, #868596 is the less saturated color, while #311cff is the most saturated one.

#868596
```
#868596 rgb(134,133,150)
```
#7f7c9f
```
#7f7c9f rgb(127,124,159)
```
#7873a8
```
#7873a8 rgb(120,115,168)
```
#716bb0
```
#716bb0 rgb(113,107,176)
```
#6a62b9
```
#6a62b9 rgb(106,98,185)
```
#6359c2
```
#6359c2 rgb(99,89,194)
```
#5c50cb
```
#5c50cb rgb(92,80,203)
```
#5548d3
```
#5548d3 rgb(85,72,211)
```
#4d3fdc
```
#4d3fdc rgb(77,63,220)
```
#4636e5
```
#4636e5 rgb(70,54,229)
```
#3f2dee
```
#3f2dee rgb(63,45,238)
```
#3825f6
```
#3825f6 rgb(56,37,246)
```
#311cff
```
#311cff rgb(49,28,255)
```

Tone Color Variation

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

#3c3c3c Achromatopsia 0.005% of the population
#3a3663 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0059ad Protanopia 1% of men
#005e95 Deuteranopia 1% of men
#006569 Tritanopia 0.001% of the population

Trichromacy

#1143cb Protanomaly 1% of men, 0.01% of women
#1146bc Deuteranomaly 6% of men, 0.4% of women
#114a9f Tritanomaly 0.01% of the population

#311cff hex color

#311cff Color Information

#311cff Color Conversion

Color Schemes with #311cff

Alternatives to #311cff

#311cff Preview

Shades and Tints of #311cff

Tones of #311cff

Color Blindness Simulator