#311edb hex color

In a RGB color space, hex #311edb is composed of 19.2% red, 11.8% green and 85.9% blue. Whereas in a CMYK color space, it is composed of 77.6% cyan, 86.3% magenta, 0% yellow and 14.1% black. It has a hue angle of 246 degrees, a saturation of 75.9% and a lightness of 48.8%. #311edb color hex could be obtained by blending #623cff with #0000b7. Closest websafe color is: #3333cc.

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

● #311edb color description : Vivid blue.

The hexadecimal color #311edb has RGB values of R:49, G:30, B:219 and CMYK values of C:0.78, M:0.86, Y:0, K:0.14. Its decimal value is 3219163.

Hex triplet	311edb	`#311edb`
RGB Decimal	49, 30, 219	`rgb(49,30,219)`
RGB Percent	19.2, 11.8, 85.9	`rgb(19.2%,11.8%,85.9%)`
CMYK	78, 86, 0, 14
HSL	246°, 75.9, 48.8	`hsl(246,75.9%,48.8%)`
HSV (or HSB)	246°, 86.3, 85.9
Web Safe	3333cc	`#3333cc`

CIE-LAB	31.102, 64.227, -89.358
XYZ	14.515, 6.695, 67.541
xyY	0.164, 0.075, 6.695
CIE-LCH	31.102, 110.045, 305.707
CIE-LUV	31.102, -6.072, -112.644
Hunter-Lab	25.875, 54.849, -136.653
Binary	00110001, 00011110, 11011011

#311edb
```
#311edb rgb(49,30,219)
```
#c8db1e
```
#c8db1e rgb(200,219,30)
```

Complementary Color

#1e6adb
```
#1e6adb rgb(30,106,219)
```
#311edb
```
#311edb rgb(49,30,219)
```
#901edb
```
#901edb rgb(144,30,219)
```

Analogous Color

#6adb1e
```
#6adb1e rgb(106,219,30)
```
#311edb
```
#311edb rgb(49,30,219)
```
#db901e
```
#db901e rgb(219,144,30)
```

Split Complementary Color

#1edb31
```
#1edb31 rgb(30,219,49)
```
#311edb
```
#311edb rgb(49,30,219)
```
#db311e
```
#db311e rgb(219,49,30)
```

Triadic Color

#1ec8db
```
#1ec8db rgb(30,200,219)
```
#311edb
```
#311edb rgb(49,30,219)
```
#db311e
```
#db311e rgb(219,49,30)
```
#c8db1e
```
#c8db1e rgb(200,219,30)
```

Tetradic Color

#221598
```
#221598 rgb(34,21,152)
```
#2718ae
```
#2718ae rgb(39,24,174)
```
#2c1bc5
```
#2c1bc5 rgb(44,27,197)
```
#311edb
```
#311edb rgb(49,30,219)
```
#4230e3
```
#4230e3 rgb(66,48,227)
```
#5646e6
```
#5646e6 rgb(86,70,230)
```
#6b5de9
```
#6b5de9 rgb(107,93,233)
```

Monochromatic Color

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

#1e3adb
```
#1e3adb rgb(30,58,219)
```
#1e2bdb
```
#1e2bdb rgb(30,43,219)
```
#211edb
```
#211edb rgb(33,30,219)
```
#311edb
```
#311edb rgb(49,30,219)
```
#411edb
```
#411edb rgb(65,30,219)
```
#511edb
```
#511edb rgb(81,30,219)
```
#601edb
```
#601edb rgb(96,30,219)
```

Similar Colors

Text with hexadecimal color #311edb

This text has a font color of #311edb.

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

#311edb background color

This paragraph has a background color of #311edb.

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

#311edb border color

This element has a border color of #311edb.

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

CSS codes

.text {color:#311edb;}

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

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

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, #03020c is the darkest color, while #fafafe is the lightest one.

#03020c
```
#03020c rgb(3,2,12)
```
#07041d
```
#07041d rgb(7,4,29)
```
#0a062e
```
#0a062e rgb(10,6,46)
```
#0e0940
```
#0e0940 rgb(14,9,64)
```
#120b51
```
#120b51 rgb(18,11,81)
```
#160d62
```
#160d62 rgb(22,13,98)
```
#1a1073
```
#1a1073 rgb(26,16,115)
```
#1e1285
```
#1e1285 rgb(30,18,133)
```
#221596
```
#221596 rgb(34,21,150)
```
#2517a7
```
#2517a7 rgb(37,23,167)
```
#2919b8
```
#2919b8 rgb(41,25,184)
```
#2d1cca
```
#2d1cca rgb(45,28,202)
```
#311edb
```
#311edb rgb(49,30,219)
```

Shade Color Variation

#3d2be2
```
#3d2be2 rgb(61,43,226)
```
#4d3ce4
```
#4d3ce4 rgb(77,60,228)
```
#5d4de7
```
#5d4de7 rgb(93,77,231)
```
#6c5ee9
```
#6c5ee9 rgb(108,94,233)
```
#7c70eb
```
#7c70eb rgb(124,112,235)
```
#8c81ee
```
#8c81ee rgb(140,129,238)
```
#9c92f0
```
#9c92f0 rgb(156,146,240)
```
#aba3f2
```
#aba3f2 rgb(171,163,242)
```
#bbb5f5
```
#bbb5f5 rgb(187,181,245)
```
#cbc6f7
```
#cbc6f7 rgb(203,198,247)
```
#dbd7fa
```
#dbd7fa rgb(219,215,250)
```
#eae8fc
```
#eae8fc rgb(234,232,252)
```
#fafafe
```
#fafafe rgb(250,250,254)
```

Tint Color Variation

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

#767485
```
#767485 rgb(118,116,133)
```
#6e6b8e
```
#6e6b8e rgb(110,107,142)
```
#676198
```
#676198 rgb(103,97,152)
```
#5f57a2
```
#5f57a2 rgb(95,87,162)
```
#574eab
```
#574eab rgb(87,78,171)
```
#5044b5
```
#5044b5 rgb(80,68,181)
```
#483bbe
```
#483bbe rgb(72,59,190)
```
#4031c8
```
#4031c8 rgb(64,49,200)
```
#3928d1
```
#3928d1 rgb(57,40,209)
```
#311edb
```
#311edb rgb(49,30,219)
```
#2914e5
```
#2914e5 rgb(41,20,229)
```
#220bee
```
#220bee rgb(34,11,238)
```
#1a01f8
```
#1a01f8 rgb(26,1,248)
```

Tone Color Variation

Below, you can see how #311edb 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
#373459 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00509b Protanopia 1% of men
#005586 Deuteranopia 1% of men
#005a5f Tritanopia 0.001% of the population

Trichromacy

#113eb2 Protanomaly 1% of men, 0.01% of women
#1141a5 Deuteranomaly 6% of men, 0.4% of women
#11448c Tritanomaly 0.01% of the population

#311edb hex color

#311edb Color Information

#311edb Color Conversion

Color Schemes with #311edb

Alternatives to #311edb

#311edb Preview

Shades and Tints of #311edb

Tones of #311edb

Color Blindness Simulator