#311399 hex color

In a RGB color space, hex #311399 is composed of 19.2% red, 7.5% green and 60% blue. Whereas in a CMYK color space, it is composed of 68% cyan, 87.6% magenta, 0% yellow and 40% black. It has a hue angle of 253.4 degrees, a saturation of 77.9% and a lightness of 33.7%. #311399 color hex could be obtained by blending #6226ff with #000033. Closest websafe color is: #330099.

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

● #311399 color description : Dark blue.

The hexadecimal color #311399 has RGB values of R:49, G:19, B:153 and CMYK values of C:0.68, M:0.88, Y:0, K:0.4. Its decimal value is 3216281.

Hex triplet	311399	`#311399`
RGB Decimal	49, 19, 153	`rgb(49,19,153)`
RGB Percent	19.2, 7.5, 60	`rgb(19.2%,7.5%,60%)`
CMYK	68, 88, 0, 40
HSL	253.4°, 77.9, 33.7	`hsl(253.4,77.9%,33.7%)`
HSV (or HSB)	253.4°, 87.6, 60
Web Safe	330099	`#330099`

CIE-LAB	21.647, 49.761, -65.828
XYZ	7.248, 3.418, 30.413
xyY	0.176, 0.083, 3.418
CIE-LCH	21.647, 82.519, 307.086
CIE-LUV	21.647, -1.195, -73.986
Hunter-Lab	18.489, 37.623, -84.588
Binary	00110001, 00010011, 10011001

#311399
```
#311399 rgb(49,19,153)
```
#7b9913
```
#7b9913 rgb(123,153,19)
```

Complementary Color

#133899
```
#133899 rgb(19,56,153)
```
#311399
```
#311399 rgb(49,19,153)
```
#741399
```
#741399 rgb(116,19,153)
```

Analogous Color

#389913
```
#389913 rgb(56,153,19)
```
#311399
```
#311399 rgb(49,19,153)
```
#997413
```
#997413 rgb(153,116,19)
```

Split Complementary Color

#139931
```
#139931 rgb(19,153,49)
```
#311399
```
#311399 rgb(49,19,153)
```
#993113
```
#993113 rgb(153,49,19)
```

Triadic Color

#137b99
```
#137b99 rgb(19,123,153)
```
#311399
```
#311399 rgb(49,19,153)
```
#993113
```
#993113 rgb(153,49,19)
```
#7b9913
```
#7b9913 rgb(123,153,19)
```

Tetradic Color

#1b0b55
```
#1b0b55 rgb(27,11,85)
```
#220d6c
```
#220d6c rgb(34,13,108)
```
#2a1082
```
#2a1082 rgb(42,16,130)
```
#311399
```
#311399 rgb(49,19,153)
```
#3816b0
```
#3816b0 rgb(56,22,176)
```
#4019c6
```
#4019c6 rgb(64,25,198)
```
#471bdd
```
#471bdd rgb(71,27,221)
```

Monochromatic Color

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

#131699
```
#131699 rgb(19,22,153)
```
#1b1399
```
#1b1399 rgb(27,19,153)
```
#261399
```
#261399 rgb(38,19,153)
```
#311399
```
#311399 rgb(49,19,153)
```
#3c1399
```
#3c1399 rgb(60,19,153)
```
#471399
```
#471399 rgb(71,19,153)
```
#531399
```
#531399 rgb(83,19,153)
```

Similar Colors

Text with hexadecimal color #311399

This text has a font color of #311399.

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

#311399 background color

This paragraph has a background color of #311399.

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

#311399 border color

This element has a border color of #311399.

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

CSS codes

.text {color:#311399;}

.background {background-color:#311399;}

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

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

#04020d
```
#04020d rgb(4,2,13)
```
#0a041f
```
#0a041f rgb(10,4,31)
```
#0f0630
```
#0f0630 rgb(15,6,48)
```
#150842
```
#150842 rgb(21,8,66)
```
#1b0a53
```
#1b0a53 rgb(27,10,83)
```
#200c65
```
#200c65 rgb(32,12,101)
```
#260f76
```
#260f76 rgb(38,15,118)
```
#2b1188
```
#2b1188 rgb(43,17,136)
```
#311399
```
#311399 rgb(49,19,153)
```
#3715aa
```
#3715aa rgb(55,21,170)
```
#3c17bc
```
#3c17bc rgb(60,23,188)
```
#421acd
```
#421acd rgb(66,26,205)
```
#471cdf
```
#471cdf rgb(71,28,223)
```

Shade Color Variation

#532ae4
```
#532ae4 rgb(83,42,228)
```
#613be7
```
#613be7 rgb(97,59,231)
```
#6f4ce9
```
#6f4ce9 rgb(111,76,233)
```
#7e5eeb
```
#7e5eeb rgb(126,94,235)
```
#8c6fed
```
#8c6fed rgb(140,111,237)
```
#9a81ef
```
#9a81ef rgb(154,129,239)
```
#a892f1
```
#a892f1 rgb(168,146,241)
```
#b6a4f4
```
#b6a4f4 rgb(182,164,244)
```
#c4b5f6
```
#c4b5f6 rgb(196,181,246)
```
#d2c7f8
```
#d2c7f8 rgb(210,199,248)
```
#e0d8fa
```
#e0d8fa rgb(224,216,250)
```
#eeeafc
```
#eeeafc rgb(238,234,252)
```
#fcfbfe
```
#fcfbfe rgb(252,251,254)
```

Tint Color Variation

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

#565557
```
#565557 rgb(86,85,87)
```
#524f5d
```
#524f5d rgb(82,79,93)
```
#4e4864
```
#4e4864 rgb(78,72,100)
```
#4b416b
```
#4b416b rgb(75,65,107)
```
#473b71
```
#473b71 rgb(71,59,113)
```
#433478
```
#433478 rgb(67,52,120)
```
#402d7f
```
#402d7f rgb(64,45,127)
```
#3c2785
```
#3c2785 rgb(60,39,133)
```
#38208c
```
#38208c rgb(56,32,140)
```
#351a92
```
#351a92 rgb(53,26,146)
```
#311399
```
#311399 rgb(49,19,153)
```
#2d0ca0
```
#2d0ca0 rgb(45,12,160)
```
#2a06a6
```
#2a06a6 rgb(42,6,166)
```

Tone Color Variation

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

#2b2b2b Achromatopsia 0.005% of the population
#2c2641 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003c75 Protanopia 1% of men
#004065 Deuteranopia 1% of men
#004448 Tritanopia 0.001% of the population

Trichromacy

#112d82 Protanomaly 1% of men, 0.01% of women
#112f78 Deuteranomaly 6% of men, 0.4% of women
#113265 Tritanomaly 0.01% of the population

#311399 hex color

#311399 Color Information

#311399 Color Conversion

Color Schemes with #311399

Alternatives to #311399

#311399 Preview

Shades and Tints of #311399

Tones of #311399

Color Blindness Simulator