#311f82 hex color

In a RGB color space, hex #311f82 is composed of 19.2% red, 12.2% green and 51% blue. Whereas in a CMYK color space, it is composed of 62.3% cyan, 76.2% magenta, 0% yellow and 49% black. It has a hue angle of 250.9 degrees, a saturation of 61.5% and a lightness of 31.6%. #311f82 color hex could be obtained by blending #623eff with #000005. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 19
- G 12
- B 51
RGB color chart
- C 62
- M 76
- Y 0
- K 49
CMYK color chart

● #311f82 color description : Dark blue.

The hexadecimal color #311f82 has RGB values of R:49, G:31, B:130 and CMYK values of C:0.62, M:0.76, Y:0, K:0.49. Its decimal value is 3219330.

Hex triplet	311f82	`#311f82`
RGB Decimal	49, 31, 130	`rgb(49,31,130)`
RGB Percent	19.2, 12.2, 51	`rgb(19.2%,12.2%,51%)`
CMYK	62, 76, 0, 49
HSL	250.9°, 61.5, 31.6	`hsl(250.9,61.5%,31.6%)`
HSV (or HSB)	250.9°, 76.2, 51
Web Safe	333399	`#333399`

CIE-LAB	20.997, 37.209, -52.565
XYZ	5.785, 3.244, 21.439
xyY	0.19, 0.106, 3.244
CIE-LCH	20.997, 64.402, 305.293
CIE-LUV	20.997, -0.82, -60.73
Hunter-Lab	18.012, 25.808, -57.962
Binary	00110001, 00011111, 10000010

#311f82
```
#311f82 rgb(49,31,130)
```
#70821f
```
#70821f rgb(112,130,31)
```

Complementary Color

#1f3f82
```
#1f3f82 rgb(31,63,130)
```
#311f82
```
#311f82 rgb(49,31,130)
```
#621f82
```
#621f82 rgb(98,31,130)
```

Analogous Color

#3f821f
```
#3f821f rgb(63,130,31)
```
#311f82
```
#311f82 rgb(49,31,130)
```
#82621f
```
#82621f rgb(130,98,31)
```

Split Complementary Color

#1f8231
```
#1f8231 rgb(31,130,49)
```
#311f82
```
#311f82 rgb(49,31,130)
```
#82311f
```
#82311f rgb(130,49,31)
```

Triadic Color

#1f7082
```
#1f7082 rgb(31,112,130)
```
#311f82
```
#311f82 rgb(49,31,130)
```
#82311f
```
#82311f rgb(130,49,31)
```
#70821f
```
#70821f rgb(112,130,31)
```

Tetradic Color

#1a1044
```
#1a1044 rgb(26,16,68)
```
#211559
```
#211559 rgb(33,21,89)
```
#291a6d
```
#291a6d rgb(41,26,109)
```
#311f82
```
#311f82 rgb(49,31,130)
```
#392497
```
#392497 rgb(57,36,151)
```
#4129ab
```
#4129ab rgb(65,41,171)
```
#482ec0
```
#482ec0 rgb(72,46,192)
```

Monochromatic Color

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

#1f2682
```
#1f2682 rgb(31,38,130)
```
#211f82
```
#211f82 rgb(33,31,130)
```
#291f82
```
#291f82 rgb(41,31,130)
```
#311f82
```
#311f82 rgb(49,31,130)
```
#391f82
```
#391f82 rgb(57,31,130)
```
#411f82
```
#411f82 rgb(65,31,130)
```
#4a1f82
```
#4a1f82 rgb(74,31,130)
```

Similar Colors

Text with hexadecimal color #311f82

This text has a font color of #311f82.

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

#311f82 background color

This paragraph has a background color of #311f82.

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

#311f82 border color

This element has a border color of #311f82.

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

CSS codes

.text {color:#311f82;}

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

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

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, #010103 is the darkest color, while #f4f2fc is the lightest one.

#010103
```
#010103 rgb(1,1,3)
```
#070513
```
#070513 rgb(7,5,19)
```
#0d0823
```
#0d0823 rgb(13,8,35)
```
#130c33
```
#130c33 rgb(19,12,51)
```
#191043
```
#191043 rgb(25,16,67)
```
#1f1452
```
#1f1452 rgb(31,20,82)
```
#251762
```
#251762 rgb(37,23,98)
```
#2b1b72
```
#2b1b72 rgb(43,27,114)
```
#311f82
```
#311f82 rgb(49,31,130)
```
#372392
```
#372392 rgb(55,35,146)
```
#3d27a2
```
#3d27a2 rgb(61,39,162)
```
#432ab2
```
#432ab2 rgb(67,42,178)
```
#492ec1
```
#492ec1 rgb(73,46,193)
```

Shade Color Variation

#5034cf
```
#5034cf rgb(80,52,207)
```
#5e44d2
```
#5e44d2 rgb(94,68,210)
```
#6c54d6
```
#6c54d6 rgb(108,84,214)
```
#7964da
```
#7964da rgb(121,100,218)
```
#8774de
```
#8774de rgb(135,116,222)
```
#9584e2
```
#9584e2 rgb(149,132,226)
```
#a293e5
```
#a293e5 rgb(162,147,229)
```
#b0a3e9
```
#b0a3e9 rgb(176,163,233)
```
#beb3ed
```
#beb3ed rgb(190,179,237)
```
#cbc3f1
```
#cbc3f1 rgb(203,195,241)
```
#d9d3f4
```
#d9d3f4 rgb(217,211,244)
```
#e7e3f8
```
#e7e3f8 rgb(231,227,248)
```
#f4f2fc
```
#f4f2fc rgb(244,242,252)
```

Tint Color Variation

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

#4d4a57
```
#4d4a57 rgb(77,74,87)
```
#49445d
```
#49445d rgb(73,68,93)
```
#453e63
```
#453e63 rgb(69,62,99)
```
#413869
```
#413869 rgb(65,56,105)
```
#3d326f
```
#3d326f rgb(61,50,111)
```
#392b76
```
#392b76 rgb(57,43,118)
```
#35257c
```
#35257c rgb(53,37,124)
```
#311f82
```
#311f82 rgb(49,31,130)
```
#2d1988
```
#2d1988 rgb(45,25,136)
```
#29138e
```
#29138e rgb(41,19,142)
```
#250c95
```
#250c95 rgb(37,12,149)
```
#21069b
```
#21069b rgb(33,6,155)
```
#1d00a1
```
#1d00a1 rgb(29,0,161)
```

Tone Color Variation

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

#303030 Achromatopsia 0.005% of the population
#302d40 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003b73 Protanopia 1% of men
#003e64 Deuteranopia 1% of men
#004347 Tritanopia 0.001% of the population

Trichromacy

#113178 Protanomaly 1% of men, 0.01% of women
#11336f Deuteranomaly 6% of men, 0.4% of women
#11355d Tritanomaly 0.01% of the population

#311f82 hex color

#311f82 Color Information

#311f82 Color Conversion

Color Schemes with #311f82

Alternatives to #311f82

#311f82 Preview

Shades and Tints of #311f82

Tones of #311f82

Color Blindness Simulator