#311499 hex color

In a RGB color space, hex #311499 is composed of 19.2% red, 7.8% green and 60% blue. Whereas in a CMYK color space, it is composed of 68% cyan, 86.9% magenta, 0% yellow and 40% black. It has a hue angle of 253.1 degrees, a saturation of 76.9% and a lightness of 33.9%. #311499 color hex could be obtained by blending #6228ff with #000033. Closest websafe color is: #330099.

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

● #311499 color description : Dark blue.

The hexadecimal color #311499 has RGB values of R:49, G:20, B:153 and CMYK values of C:0.68, M:0.87, Y:0, K:0.4. Its decimal value is 3216537.

Hex triplet	311499	`#311499`
RGB Decimal	49, 20, 153	`rgb(49,20,153)`
RGB Percent	19.2, 7.8, 60	`rgb(19.2%,7.8%,60%)`
CMYK	68, 87, 0, 40
HSL	253.1°, 76.9, 33.9	`hsl(253.1,76.9%,33.9%)`
HSV (or HSB)	253.1°, 86.9, 60
Web Safe	330099	`#330099`

CIE-LAB	21.773, 49.384, -65.618
XYZ	7.265, 3.453, 30.419
xyY	0.177, 0.084, 3.453
CIE-LCH	21.773, 82.125, 306.965
CIE-LUV	21.773, -1.274, -74.046
Hunter-Lab	18.582, 37.275, -84.051
Binary	00110001, 00010100, 10011001

#311499
```
#311499 rgb(49,20,153)
```
#7c9914
```
#7c9914 rgb(124,153,20)
```

Complementary Color

#143a99
```
#143a99 rgb(20,58,153)
```
#311499
```
#311499 rgb(49,20,153)
```
#741499
```
#741499 rgb(116,20,153)
```

Analogous Color

#3a9914
```
#3a9914 rgb(58,153,20)
```
#311499
```
#311499 rgb(49,20,153)
```
#997414
```
#997414 rgb(153,116,20)
```

Split Complementary Color

#149931
```
#149931 rgb(20,153,49)
```
#311499
```
#311499 rgb(49,20,153)
```
#993114
```
#993114 rgb(153,49,20)
```

Triadic Color

#147c99
```
#147c99 rgb(20,124,153)
```
#311499
```
#311499 rgb(49,20,153)
```
#993114
```
#993114 rgb(153,49,20)
```
#7c9914
```
#7c9914 rgb(124,153,20)
```

Tetradic Color

#1b0b55
```
#1b0b55 rgb(27,11,85)
```
#230e6c
```
#230e6c rgb(35,14,108)
```
#2a1182
```
#2a1182 rgb(42,17,130)
```
#311499
```
#311499 rgb(49,20,153)
```
#3817b0
```
#3817b0 rgb(56,23,176)
```
#3f1ac6
```
#3f1ac6 rgb(63,26,198)
```
#471ddd
```
#471ddd rgb(71,29,221)
```

Monochromatic Color

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

#141899
```
#141899 rgb(20,24,153)
```
#1b1499
```
#1b1499 rgb(27,20,153)
```
#261499
```
#261499 rgb(38,20,153)
```
#311499
```
#311499 rgb(49,20,153)
```
#3c1499
```
#3c1499 rgb(60,20,153)
```
#471499
```
#471499 rgb(71,20,153)
```
#521499
```
#521499 rgb(82,20,153)
```

Similar Colors

Text with hexadecimal color #311499

This text has a font color of #311499.

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

#311499 background color

This paragraph has a background color of #311499.

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

#311499 border color

This element has a border color of #311499.

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

CSS codes

.text {color:#311499;}

.background {background-color:#311499;}

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

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

#05020e
```
#05020e rgb(5,2,14)
```
#0a0420
```
#0a0420 rgb(10,4,32)
```
#100631
```
#100631 rgb(16,6,49)
```
#150942
```
#150942 rgb(21,9,66)
```
#1b0b54
```
#1b0b54 rgb(27,11,84)
```
#200d65
```
#200d65 rgb(32,13,101)
```
#260f76
```
#260f76 rgb(38,15,118)
```
#2b1288
```
#2b1288 rgb(43,18,136)
```
#311499
```
#311499 rgb(49,20,153)
```
#3716aa
```
#3716aa rgb(55,22,170)
```
#3c19bc
```
#3c19bc rgb(60,25,188)
```
#421bcd
```
#421bcd rgb(66,27,205)
```
#471dde
```
#471dde rgb(71,29,222)
```

Shade Color Variation

#542ce3
```
#542ce3 rgb(84,44,227)
```
#623de6
```
#623de6 rgb(98,61,230)
```
#704ee8
```
#704ee8 rgb(112,78,232)
```
#7e60ea
```
#7e60ea rgb(126,96,234)
```
#8c71ec
```
#8c71ec rgb(140,113,236)
```
#9a82ef
```
#9a82ef rgb(154,130,239)
```
#a894f1
```
#a894f1 rgb(168,148,241)
```
#b6a5f3
```
#b6a5f3 rgb(182,165,243)
```
#c4b6f6
```
#c4b6f6 rgb(196,182,246)
```
#d2c8f8
```
#d2c8f8 rgb(210,200,248)
```
#e0d9fa
```
#e0d9fa rgb(224,217,250)
```
#eeebfc
```
#eeebfc rgb(238,235,252)
```
#fcfcff
```
#fcfcff rgb(252,252,255)
```

Tint Color Variation

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

#53505d
```
#53505d rgb(83,80,93)
```
#4f4964
```
#4f4964 rgb(79,73,100)
```
#4b436a
```
#4b436a rgb(75,67,106)
```
#483c71
```
#483c71 rgb(72,60,113)
```
#443578
```
#443578 rgb(68,53,120)
```
#402f7e
```
#402f7e rgb(64,47,126)
```
#3c2885
```
#3c2885 rgb(60,40,133)
```
#39218c
```
#39218c rgb(57,33,140)
```
#351b92
```
#351b92 rgb(53,27,146)
```
#311499
```
#311499 rgb(49,20,153)
```
#2d0da0
```
#2d0da0 rgb(45,13,160)
```
#2907a6
```
#2907a6 rgb(41,7,166)
```
#2600ad
```
#2600ad rgb(38,0,173)
```

Tone Color Variation

Below, you can see how #311499 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
#004448 Tritanopia 0.001% of the population

Trichromacy

#112e82 Protanomaly 1% of men, 0.01% of women
#113078 Deuteranomaly 6% of men, 0.4% of women
#113365 Tritanomaly 0.01% of the population

#311499 hex color

#311499 Color Information

#311499 Color Conversion

Color Schemes with #311499

Alternatives to #311499

#311499 Preview

Shades and Tints of #311499

Tones of #311499

Color Blindness Simulator