#311fdb hex color

In a RGB color space, hex #311fdb is composed of 19.2% red, 12.2% green and 85.9% blue. Whereas in a CMYK color space, it is composed of 77.6% cyan, 85.8% magenta, 0% yellow and 14.1% black. It has a hue angle of 245.7 degrees, a saturation of 75.2% and a lightness of 49%. #311fdb color hex could be obtained by blending #623eff 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

● #311fdb color description : Vivid blue.

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

Hex triplet	311fdb	`#311fdb`
RGB Decimal	49, 31, 219	`rgb(49,31,219)`
RGB Percent	19.2, 12.2, 85.9	`rgb(19.2%,12.2%,85.9%)`
CMYK	78, 86, 0, 14
HSL	245.7°, 75.2, 49	`hsl(245.7,75.2%,49%)`
HSV (or HSB)	245.7°, 85.8, 85.9
Web Safe	3333cc	`#3333cc`

CIE-LAB	31.223, 63.866, -89.158
XYZ	14.54, 6.747, 67.55
xyY	0.164, 0.076, 6.747
CIE-LCH	31.223, 109.672, 305.615
CIE-LUV	31.223, -6.156, -112.689
Hunter-Lab	25.974, 54.47, -136.012
Binary	00110001, 00011111, 11011011

#311fdb
```
#311fdb rgb(49,31,219)
```
#c9db1f
```
#c9db1f rgb(201,219,31)
```

Complementary Color

#1f6bdb
```
#1f6bdb rgb(31,107,219)
```
#311fdb
```
#311fdb rgb(49,31,219)
```
#8f1fdb
```
#8f1fdb rgb(143,31,219)
```

Analogous Color

#6bdb1f
```
#6bdb1f rgb(107,219,31)
```
#311fdb
```
#311fdb rgb(49,31,219)
```
#db8f1f
```
#db8f1f rgb(219,143,31)
```

Split Complementary Color

#1fdb31
```
#1fdb31 rgb(31,219,49)
```
#311fdb
```
#311fdb rgb(49,31,219)
```
#db311f
```
#db311f rgb(219,49,31)
```

Triadic Color

#1fc9db
```
#1fc9db rgb(31,201,219)
```
#311fdb
```
#311fdb rgb(49,31,219)
```
#db311f
```
#db311f rgb(219,49,31)
```
#c9db1f
```
#c9db1f rgb(201,219,31)
```

Tetradic Color

#221698
```
#221698 rgb(34,22,152)
```
#2719ae
```
#2719ae rgb(39,25,174)
```
#2c1cc5
```
#2c1cc5 rgb(44,28,197)
```
#311fdb
```
#311fdb rgb(49,31,219)
```
#4232e2
```
#4232e2 rgb(66,50,226)
```
#5748e5
```
#5748e5 rgb(87,72,229)
```
#6b5ee8
```
#6b5ee8 rgb(107,94,232)
```

Monochromatic Color

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

#1f3cdb
```
#1f3cdb rgb(31,60,219)
```
#1f2cdb
```
#1f2cdb rgb(31,44,219)
```
#211fdb
```
#211fdb rgb(33,31,219)
```
#311fdb
```
#311fdb rgb(49,31,219)
```
#411fdb
```
#411fdb rgb(65,31,219)
```
#501fdb
```
#501fdb rgb(80,31,219)
```
#601fdb
```
#601fdb rgb(96,31,219)
```

Similar Colors

Text with hexadecimal color #311fdb

This text has a font color of #311fdb.

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

#311fdb background color

This paragraph has a background color of #311fdb.

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

#311fdb border color

This element has a border color of #311fdb.

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

CSS codes

.text {color:#311fdb;}

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

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

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

#03020d
```
#03020d rgb(3,2,13)
```
#07041e
```
#07041e rgb(7,4,30)
```
#0b072f
```
#0b072f rgb(11,7,47)
```
#0e0940
```
#0e0940 rgb(14,9,64)
```
#120c52
```
#120c52 rgb(18,12,82)
```
#160e63
```
#160e63 rgb(22,14,99)
```
#1a1074
```
#1a1074 rgb(26,16,116)
```
#1e1385
```
#1e1385 rgb(30,19,133)
```
#221596
```
#221596 rgb(34,21,150)
```
#2518a7
```
#2518a7 rgb(37,24,167)
```
#291ab9
```
#291ab9 rgb(41,26,185)
```
#2d1dca
```
#2d1dca rgb(45,29,202)
```
#311fdb
```
#311fdb rgb(49,31,219)
```

Shade Color Variation

#3e2ce1
```
#3e2ce1 rgb(62,44,225)
```
#4e3ee4
```
#4e3ee4 rgb(78,62,228)
```
#5d4fe6
```
#5d4fe6 rgb(93,79,230)
```
#6d60e8
```
#6d60e8 rgb(109,96,232)
```
#7d71eb
```
#7d71eb rgb(125,113,235)
```
#8d82ed
```
#8d82ed rgb(141,130,237)
```
#9c94f0
```
#9c94f0 rgb(156,148,240)
```
#aca5f2
```
#aca5f2 rgb(172,165,242)
```
#bcb6f5
```
#bcb6f5 rgb(188,182,245)
```
#ccc7f7
```
#ccc7f7 rgb(204,199,247)
```
#dbd8fa
```
#dbd8fa rgb(219,216,250)
```
#ebe9fc
```
#ebe9fc rgb(235,233,252)
```
#fbfbfe
```
#fbfbfe rgb(251,251,254)
```

Tint Color Variation

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

#777684
```
#777684 rgb(119,118,132)
```
#6f6c8e
```
#6f6c8e rgb(111,108,142)
```
#676298
```
#676298 rgb(103,98,152)
```
#6059a1
```
#6059a1 rgb(96,89,161)
```
#584fab
```
#584fab rgb(88,79,171)
```
#5045b5
```
#5045b5 rgb(80,69,181)
```
#483cbe
```
#483cbe rgb(72,60,190)
```
#4132c8
```
#4132c8 rgb(65,50,200)
```
#3929d1
```
#3929d1 rgb(57,41,209)
```
#311fdb
```
#311fdb rgb(49,31,219)
```
#2915e5
```
#2915e5 rgb(41,21,229)
```
#210cee
```
#210cee rgb(33,12,238)
```
#1a02f8
```
#1a02f8 rgb(26,2,248)
```

Tone Color Variation

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

#3a3a3a Achromatopsia 0.005% of the population
#38355a Atypical Achromatopsia 0.001% of the population

Dichromacy

#00509c Protanopia 1% of men
#005587 Deuteranopia 1% of men
#005b5f Tritanopia 0.001% of the population

Trichromacy

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

#311fdb hex color

#311fdb Color Information

#311fdb Color Conversion

Color Schemes with #311fdb

Alternatives to #311fdb

#311fdb Preview

Shades and Tints of #311fdb

Tones of #311fdb

Color Blindness Simulator