#311cdb hex color

In a RGB color space, hex #311cdb is composed of 19.2% red, 11% green and 85.9% blue. Whereas in a CMYK color space, it is composed of 77.6% cyan, 87.2% magenta, 0% yellow and 14.1% black. It has a hue angle of 246.6 degrees, a saturation of 77.3% and a lightness of 48.4%. #311cdb color hex could be obtained by blending #6238ff with #0000b7. Closest websafe color is: #3333cc.

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

● #311cdb color description : Vivid blue.

The hexadecimal color #311cdb has RGB values of R:49, G:28, B:219 and CMYK values of C:0.78, M:0.87, Y:0, K:0.14. Its decimal value is 3218651.

Hex triplet	311cdb	`#311cdb`
RGB Decimal	49, 28, 219	`rgb(49,28,219)`
RGB Percent	19.2, 11, 85.9	`rgb(19.2%,11%,85.9%)`
CMYK	78, 87, 0, 14
HSL	246.6°, 77.3, 48.4	`hsl(246.6,77.3%,48.4%)`
HSV (or HSB)	246.6°, 87.2, 85.9
Web Safe	3333cc	`#3333cc`

CIE-LAB	30.871, 64.922, -89.742
XYZ	14.466, 6.597, 67.525
xyY	0.163, 0.074, 6.597
CIE-LCH	30.871, 110.763, 305.883
CIE-LUV	30.871, -5.911, -112.55
Hunter-Lab	25.685, 55.582, -137.894
Binary	00110001, 00011100, 11011011

#311cdb
```
#311cdb rgb(49,28,219)
```
#c6db1c
```
#c6db1c rgb(198,219,28)
```

Complementary Color

#1c67db
```
#1c67db rgb(28,103,219)
```
#311cdb
```
#311cdb rgb(49,28,219)
```
#911cdb
```
#911cdb rgb(145,28,219)
```

Analogous Color

#67db1c
```
#67db1c rgb(103,219,28)
```
#311cdb
```
#311cdb rgb(49,28,219)
```
#db911c
```
#db911c rgb(219,145,28)
```

Split Complementary Color

#1cdb31
```
#1cdb31 rgb(28,219,49)
```
#311cdb
```
#311cdb rgb(49,28,219)
```
#db311c
```
#db311c rgb(219,49,28)
```

Triadic Color

#1cc6db
```
#1cc6db rgb(28,198,219)
```
#311cdb
```
#311cdb rgb(49,28,219)
```
#db311c
```
#db311c rgb(219,49,28)
```
#c6db1c
```
#c6db1c rgb(198,219,28)
```

Tetradic Color

#221397
```
#221397 rgb(34,19,151)
```
#2716ae
```
#2716ae rgb(39,22,174)
```
#2c19c4
```
#2c19c4 rgb(44,25,196)
```
#311cdb
```
#311cdb rgb(49,28,219)
```
#412ce4
```
#412ce4 rgb(65,44,228)
```
#5543e7
```
#5543e7 rgb(85,67,231)
```
#695aea
```
#695aea rgb(105,90,234)
```

Monochromatic Color

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

#1c37db
```
#1c37db rgb(28,55,219)
```
#1c27db
```
#1c27db rgb(28,39,219)
```
#211cdb
```
#211cdb rgb(33,28,219)
```
#311cdb
```
#311cdb rgb(49,28,219)
```
#411cdb
```
#411cdb rgb(65,28,219)
```
#511cdb
```
#511cdb rgb(81,28,219)
```
#611cdb
```
#611cdb rgb(97,28,219)
```

Similar Colors

Text with hexadecimal color #311cdb

This text has a font color of #311cdb.

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

#311cdb background color

This paragraph has a background color of #311cdb.

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

#311cdb border color

This element has a border color of #311cdb.

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

CSS codes

.text {color:#311cdb;}

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

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

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, #02010a is the darkest color, while #f9f8fe is the lightest one.

#02010a
```
#02010a rgb(2,1,10)
```
#06041c
```
#06041c rgb(6,4,28)
```
#0a062d
```
#0a062d rgb(10,6,45)
```
#0e083e
```
#0e083e rgb(14,8,62)
```
#120a50
```
#120a50 rgb(18,10,80)
```
#160c61
```
#160c61 rgb(22,12,97)
```
#1a0f73
```
#1a0f73 rgb(26,15,115)
```
#1e1184
```
#1e1184 rgb(30,17,132)
```
#211395
```
#211395 rgb(33,19,149)
```
#2515a7
```
#2515a7 rgb(37,21,167)
```
#2918b8
```
#2918b8 rgb(41,24,184)
```
#2d1aca
```
#2d1aca rgb(45,26,202)
```
#311cdb
```
#311cdb rgb(49,28,219)
```

Shade Color Variation

#3c27e3
```
#3c27e3 rgb(60,39,227)
```
#4c39e6
```
#4c39e6 rgb(76,57,230)
```
#5b4ae8
```
#5b4ae8 rgb(91,74,232)
```
#6b5bea
```
#6b5bea rgb(107,91,234)
```
#7b6dec
```
#7b6dec rgb(123,109,236)
```
#8b7eef
```
#8b7eef rgb(139,126,239)
```
#9a90f1
```
#9a90f1 rgb(154,144,241)
```
#aaa1f3
```
#aaa1f3 rgb(170,161,243)
```
#bab2f5
```
#bab2f5 rgb(186,178,245)
```
#c9c4f7
```
#c9c4f7 rgb(201,196,247)
```
#d9d5fa
```
#d9d5fa rgb(217,213,250)
```
#e9e7fc
```
#e9e7fc rgb(233,231,252)
```
#f9f8fe
```
#f9f8fe rgb(249,248,254)
```

Tint Color Variation

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

#7b7b7c
```
#7b7b7c rgb(123,123,124)
```
#747286
```
#747286 rgb(116,114,134)
```
#6c688f
```
#6c688f rgb(108,104,143)
```
#655f99
```
#655f99 rgb(101,95,153)
```
#5d55a2
```
#5d55a2 rgb(93,85,162)
```
#564cac
```
#564cac rgb(86,76,172)
```
#4f42b5
```
#4f42b5 rgb(79,66,181)
```
#4739bf
```
#4739bf rgb(71,57,191)
```
#402fc8
```
#402fc8 rgb(64,47,200)
```
#3826d2
```
#3826d2 rgb(56,38,210)
```
#311cdb
```
#311cdb rgb(49,28,219)
```
#2a13e5
```
#2a13e5 rgb(42,19,229)
```
#2209ee
```
#2209ee rgb(34,9,238)
```

Tone Color Variation

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

#383838 Achromatopsia 0.005% of the population
#373259 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004f9a Protanopia 1% of men
#005485 Deuteranopia 1% of men
#005a5e Tritanopia 0.001% of the population

Trichromacy

#113db2 Protanomaly 1% of men, 0.01% of women
#1140a4 Deuteranomaly 6% of men, 0.4% of women
#11438b Tritanomaly 0.01% of the population

#311cdb hex color

#311cdb Color Information

#311cdb Color Conversion

Color Schemes with #311cdb

Alternatives to #311cdb

#311cdb Preview

Shades and Tints of #311cdb

Tones of #311cdb

Color Blindness Simulator