#311fdd hex color

In a RGB color space, hex #311fdd is composed of 19.2% red, 12.2% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 77.8% cyan, 86% magenta, 0% yellow and 13.3% black. It has a hue angle of 245.7 degrees, a saturation of 75.4% and a lightness of 49.4%. #311fdd color hex could be obtained by blending #623eff with #0000bb. Closest websafe color is: #3333cc.

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

● #311fdd color description : Vivid blue.

The hexadecimal color #311fdd has RGB values of R:49, G:31, B:221 and CMYK values of C:0.78, M:0.86, Y:0, K:0.13. Its decimal value is 3219421.

Hex triplet	311fdd	`#311fdd`
RGB Decimal	49, 31, 221	`rgb(49,31,221)`
RGB Percent	19.2, 12.2, 86.7	`rgb(19.2%,12.2%,86.7%)`
CMYK	78, 86, 0, 13
HSL	245.7°, 75.4, 49.4	`hsl(245.7,75.4%,49.4%)`
HSV (or HSB)	245.7°, 86, 86.7
Web Safe	3333cc	`#3333cc`

CIE-LAB	31.469, 64.42, -89.9
XYZ	14.805, 6.852, 68.945
xyY	0.163, 0.076, 6.852
CIE-LCH	31.469, 110.598, 305.625
CIE-LUV	31.469, -6.259, -113.826
Hunter-Lab	26.177, 55.145, -137.833
Binary	00110001, 00011111, 11011101

#311fdd
```
#311fdd rgb(49,31,221)
```
#cbdd1f
```
#cbdd1f rgb(203,221,31)
```

Complementary Color

#1f6cdd
```
#1f6cdd rgb(31,108,221)
```
#311fdd
```
#311fdd rgb(49,31,221)
```
#901fdd
```
#901fdd rgb(144,31,221)
```

Analogous Color

#6cdd1f
```
#6cdd1f rgb(108,221,31)
```
#311fdd
```
#311fdd rgb(49,31,221)
```
#dd901f
```
#dd901f rgb(221,144,31)
```

Split Complementary Color

#1fdd31
```
#1fdd31 rgb(31,221,49)
```
#311fdd
```
#311fdd rgb(49,31,221)
```
#dd311f
```
#dd311f rgb(221,49,31)
```

Triadic Color

#1fcbdd
```
#1fcbdd rgb(31,203,221)
```
#311fdd
```
#311fdd rgb(49,31,221)
```
#dd311f
```
#dd311f rgb(221,49,31)
```
#cbdd1f
```
#cbdd1f rgb(203,221,31)
```

Tetradic Color

#22169a
```
#22169a rgb(34,22,154)
```
#2719b0
```
#2719b0 rgb(39,25,176)
```
#2c1cc7
```
#2c1cc7 rgb(44,28,199)
```
#311fdd
```
#311fdd rgb(49,31,221)
```
#4433e2
```
#4433e2 rgb(68,51,226)
```
#5849e6
```
#5849e6 rgb(88,73,230)
```
#6d60e9
```
#6d60e9 rgb(109,96,233)
```

Monochromatic Color

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

#1f3ddd
```
#1f3ddd rgb(31,61,221)
```
#1f2ddd
```
#1f2ddd rgb(31,45,221)
```
#211fdd
```
#211fdd rgb(33,31,221)
```
#311fdd
```
#311fdd rgb(49,31,221)
```
#411fdd
```
#411fdd rgb(65,31,221)
```
#511fdd
```
#511fdd rgb(81,31,221)
```
#601fdd
```
#601fdd rgb(96,31,221)
```

Similar Colors

Text with hexadecimal color #311fdd

This text has a font color of #311fdd.

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

#311fdd background color

This paragraph has a background color of #311fdd.

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

#311fdd border color

This element has a border color of #311fdd.

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

CSS codes

.text {color:#311fdd;}

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

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

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

#03020f
```
#03020f rgb(3,2,15)
```
#070420
```
#070420 rgb(7,4,32)
```
#0b0731
```
#0b0731 rgb(11,7,49)
```
#0f0942
```
#0f0942 rgb(15,9,66)
```
#120c53
```
#120c53 rgb(18,12,83)
```
#160e65
```
#160e65 rgb(22,14,101)
```
#1a1176
```
#1a1176 rgb(26,17,118)
```
#1e1387
```
#1e1387 rgb(30,19,135)
```
#221598
```
#221598 rgb(34,21,152)
```
#2618a9
```
#2618a9 rgb(38,24,169)
```
#291abb
```
#291abb rgb(41,26,187)
```
#2d1dcc
```
#2d1dcc rgb(45,29,204)
```
#311fdd
```
#311fdd rgb(49,31,221)
```

Shade Color Variation

#3f2ee2
```
#3f2ee2 rgb(63,46,226)
```
#4f3fe4
```
#4f3fe4 rgb(79,63,228)
```
#5f50e7
```
#5f50e7 rgb(95,80,231)
```
#6e62e9
```
#6e62e9 rgb(110,98,233)
```
#7e73eb
```
#7e73eb rgb(126,115,235)
```
#8e84ee
```
#8e84ee rgb(142,132,238)
```
#9e95f0
```
#9e95f0 rgb(158,149,240)
```
#aea6f3
```
#aea6f3 rgb(174,166,243)
```
#bdb8f5
```
#bdb8f5 rgb(189,184,245)
```
#cdc9f7
```
#cdc9f7 rgb(205,201,247)
```
#dddafa
```
#dddafa rgb(221,218,250)
```
#edebfc
```
#edebfc rgb(237,235,252)
```
#fdfcff
```
#fdfcff rgb(253,252,255)
```

Tint Color Variation

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

#787686
```
#787686 rgb(120,118,134)
```
#706d8f
```
#706d8f rgb(112,109,143)
```
#686399
```
#686399 rgb(104,99,153)
```
#6059a3
```
#6059a3 rgb(96,89,163)
```
#584fad
```
#584fad rgb(88,79,173)
```
#5046b6
```
#5046b6 rgb(80,70,182)
```
#493cc0
```
#493cc0 rgb(73,60,192)
```
#4132ca
```
#4132ca rgb(65,50,202)
```
#3929d3
```
#3929d3 rgb(57,41,211)
```
#311fdd
```
#311fdd rgb(49,31,221)
```
#2915e7
```
#2915e7 rgb(41,21,231)
```
#210cf0
```
#210cf0 rgb(33,12,240)
```
#1902fa
```
#1902fa rgb(25,2,250)
```

Tone Color Variation

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

Dichromacy

#00519d Protanopia 1% of men
#005587 Deuteranopia 1% of men
#005b5f Tritanopia 0.001% of the population

Trichromacy

#113eb4 Protanomaly 1% of men, 0.01% of women
#1141a6 Deuteranomaly 6% of men, 0.4% of women
#11458d Tritanomaly 0.01% of the population

#311fdd hex color

#311fdd Color Information

#311fdd Color Conversion

Color Schemes with #311fdd

Alternatives to #311fdd

#311fdd Preview

Shades and Tints of #311fdd

Tones of #311fdd

Color Blindness Simulator