#311599 hex color

In a RGB color space, hex #311599 is composed of 19.2% red, 8.2% green and 60% blue. Whereas in a CMYK color space, it is composed of 68% cyan, 86.3% magenta, 0% yellow and 40% black. It has a hue angle of 252.7 degrees, a saturation of 75.9% and a lightness of 34.1%. #311599 color hex could be obtained by blending #622aff with #000033. Closest websafe color is: #330099.

♥
- f
- t
- g
- R 19
- G 8
- B 60
RGB color chart
- C 68
- M 86
- Y 0
- K 40
CMYK color chart

● #311599 color description : Dark blue.

The hexadecimal color #311599 has RGB values of R:49, G:21, B:153 and CMYK values of C:0.68, M:0.86, Y:0, K:0.4. Its decimal value is 3216793.

Hex triplet	311599	`#311599`
RGB Decimal	49, 21, 153	`rgb(49,21,153)`
RGB Percent	19.2, 8.2, 60	`rgb(19.2%,8.2%,60%)`
CMYK	68, 86, 0, 40
HSL	252.7°, 75.9, 34.1	`hsl(252.7,75.9%,34.1%)`
HSV (or HSB)	252.7°, 86.3, 60
Web Safe	330099	`#330099`

CIE-LAB	21.904, 48.995, -65.401
XYZ	7.283, 3.489, 30.425
xyY	0.177, 0.085, 3.489
CIE-LCH	21.904, 81.718, 306.838
CIE-LUV	21.904, -1.356, -74.104
Hunter-Lab	18.679, 36.916, -83.5
Binary	00110001, 00010101, 10011001

#311599
```
#311599 rgb(49,21,153)
```
#7d9915
```
#7d9915 rgb(125,153,21)
```

Complementary Color

#153b99
```
#153b99 rgb(21,59,153)
```
#311599
```
#311599 rgb(49,21,153)
```
#731599
```
#731599 rgb(115,21,153)
```

Analogous Color

#3b9915
```
#3b9915 rgb(59,153,21)
```
#311599
```
#311599 rgb(49,21,153)
```
#997315
```
#997315 rgb(153,115,21)
```

Split Complementary Color

#159931
```
#159931 rgb(21,153,49)
```
#311599
```
#311599 rgb(49,21,153)
```
#993115
```
#993115 rgb(153,49,21)
```

Triadic Color

#157d99
```
#157d99 rgb(21,125,153)
```
#311599
```
#311599 rgb(49,21,153)
```
#993115
```
#993115 rgb(153,49,21)
```
#7d9915
```
#7d9915 rgb(125,153,21)
```

Tetradic Color

#1b0c56
```
#1b0c56 rgb(27,12,86)
```
#230f6c
```
#230f6c rgb(35,15,108)
```
#2a1283
```
#2a1283 rgb(42,18,131)
```
#311599
```
#311599 rgb(49,21,153)
```
#3818af
```
#3818af rgb(56,24,175)
```
#3f1bc6
```
#3f1bc6 rgb(63,27,198)
```
#471edc
```
#471edc rgb(71,30,220)
```

Monochromatic Color

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

#151a99
```
#151a99 rgb(21,26,153)
```
#1b1599
```
#1b1599 rgb(27,21,153)
```
#261599
```
#261599 rgb(38,21,153)
```
#311599
```
#311599 rgb(49,21,153)
```
#3c1599
```
#3c1599 rgb(60,21,153)
```
#471599
```
#471599 rgb(71,21,153)
```
#521599
```
#521599 rgb(82,21,153)
```

Similar Colors

Text with hexadecimal color #311599

This text has a font color of #311599.

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

#311599 background color

This paragraph has a background color of #311599.

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

#311599 border color

This element has a border color of #311599.

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

CSS codes

.text {color:#311599;}

.background {background-color:#311599;}

.border {border:1px solid #311599;}

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

#05020f
```
#05020f rgb(5,2,15)
```
#0a0420
```
#0a0420 rgb(10,4,32)
```
#100732
```
#100732 rgb(16,7,50)
```
#150943
```
#150943 rgb(21,9,67)
```
#1b0c54
```
#1b0c54 rgb(27,12,84)
```
#200e65
```
#200e65 rgb(32,14,101)
```
#261077
```
#261077 rgb(38,16,119)
```
#2b1388
```
#2b1388 rgb(43,19,136)
```
#311599
```
#311599 rgb(49,21,153)
```
#3717aa
```
#3717aa rgb(55,23,170)
```
#3c1abb
```
#3c1abb rgb(60,26,187)
```
#421ccd
```
#421ccd rgb(66,28,205)
```
#471ede
```
#471ede rgb(71,30,222)
```

Shade Color Variation

#542ee2
```
#542ee2 rgb(84,46,226)
```
#623fe5
```
#623fe5 rgb(98,63,229)
```
#7050e7
```
#7050e7 rgb(112,80,231)
```
#7e62e9
```
#7e62e9 rgb(126,98,233)
```
#8c73ec
```
#8c73ec rgb(140,115,236)
```
#9b84ee
```
#9b84ee rgb(155,132,238)
```
#a995f0
```
#a995f0 rgb(169,149,240)
```
#b7a7f3
```
#b7a7f3 rgb(183,167,243)
```
#c5b8f5
```
#c5b8f5 rgb(197,184,245)
```
#d3c9f8
```
#d3c9f8 rgb(211,201,248)
```
#e1dafa
```
#e1dafa rgb(225,218,250)
```
#efecfc
```
#efecfc rgb(239,236,252)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #54515d is the less saturated color, while #2501ad is the most saturated one.

#54515d
```
#54515d rgb(84,81,93)
```
#504b63
```
#504b63 rgb(80,75,99)
```
#4c446a
```
#4c446a rgb(76,68,106)
```
#483d71
```
#483d71 rgb(72,61,113)
```
#443678
```
#443678 rgb(68,54,120)
```
#40307e
```
#40307e rgb(64,48,126)
```
#3d2985
```
#3d2985 rgb(61,41,133)
```
#39228c
```
#39228c rgb(57,34,140)
```
#351c92
```
#351c92 rgb(53,28,146)
```
#311599
```
#311599 rgb(49,21,153)
```
#2d0ea0
```
#2d0ea0 rgb(45,14,160)
```
#2908a6
```
#2908a6 rgb(41,8,166)
```
#2501ad
```
#2501ad rgb(37,1,173)
```

Tone Color Variation

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

#2c2c2c Achromatopsia 0.005% of the population
#2d2742 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003d76 Protanopia 1% of men
#004066 Deuteranopia 1% of men
#004549 Tritanopia 0.001% of the population

Trichromacy

#112e83 Protanomaly 1% of men, 0.01% of women
#113079 Deuteranomaly 6% of men, 0.4% of women
#113366 Tritanomaly 0.01% of the population

#311599 hex color

#311599 Color Information

#311599 Color Conversion

Color Schemes with #311599

Alternatives to #311599

#311599 Preview

Shades and Tints of #311599

Tones of #311599

Color Blindness Simulator