#311880 hex color

In a RGB color space, hex #311880 is composed of 19.2% red, 9.4% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 61.7% cyan, 81.3% magenta, 0% yellow and 49.8% black. It has a hue angle of 254.4 degrees, a saturation of 68.4% and a lightness of 29.8%. #311880 color hex could be obtained by blending #6230ff with #000001. Closest websafe color is: #330099.

♥
- f
- t
- g
- R 19
- G 9
- B 50
RGB color chart
- C 62
- M 81
- Y 0
- K 50
CMYK color chart

● #311880 color description : Dark blue.

The hexadecimal color #311880 has RGB values of R:49, G:24, B:128 and CMYK values of C:0.62, M:0.81, Y:0, K:0.5. Its decimal value is 3217536.

Hex triplet	311880	`#311880`
RGB Decimal	49, 24, 128	`rgb(49,24,128)`
RGB Percent	19.2, 9.4, 50.2	`rgb(19.2%,9.4%,50.2%)`
CMYK	62, 81, 0, 50
HSL	254.4°, 68.4, 29.8	`hsl(254.4,68.4%,29.8%)`
HSV (or HSB)	254.4°, 81.3, 50.2
Web Safe	330099	`#330099`

CIE-LAB	19.493, 40.276, -53.777
XYZ	5.489, 2.865, 20.685
xyY	0.189, 0.099, 2.865
CIE-LCH	19.493, 67.187, 306.831
CIE-LUV	19.493, 0.21, -59.563
Hunter-Lab	16.925, 28.269, -60.612
Binary	00110001, 00011000, 10000000

#311880
```
#311880 rgb(49,24,128)
```
#678018
```
#678018 rgb(103,128,24)
```

Complementary Color

#183380
```
#183380 rgb(24,51,128)
```
#311880
```
#311880 rgb(49,24,128)
```
#651880
```
#651880 rgb(101,24,128)
```

Analogous Color

#338018
```
#338018 rgb(51,128,24)
```
#311880
```
#311880 rgb(49,24,128)
```
#806518
```
#806518 rgb(128,101,24)
```

Split Complementary Color

#188031
```
#188031 rgb(24,128,49)
```
#311880
```
#311880 rgb(49,24,128)
```
#803118
```
#803118 rgb(128,49,24)
```

Triadic Color

#186780
```
#186780 rgb(24,103,128)
```
#311880
```
#311880 rgb(49,24,128)
```
#803118
```
#803118 rgb(128,49,24)
```
#678018
```
#678018 rgb(103,128,24)
```

Tetradic Color

#180c40
```
#180c40 rgb(24,12,64)
```
#211055
```
#211055 rgb(33,16,85)
```
#29146b
```
#29146b rgb(41,20,107)
```
#311880
```
#311880 rgb(49,24,128)
```
#391c95
```
#391c95 rgb(57,28,149)
```
#4120ab
```
#4120ab rgb(65,32,171)
```
#4a24c0
```
#4a24c0 rgb(74,36,192)
```

Monochromatic Color

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

#181980
```
#181980 rgb(24,25,128)
```
#201880
```
#201880 rgb(32,24,128)
```
#281880
```
#281880 rgb(40,24,128)
```
#311880
```
#311880 rgb(49,24,128)
```
#3a1880
```
#3a1880 rgb(58,24,128)
```
#421880
```
#421880 rgb(66,24,128)
```
#4b1880
```
#4b1880 rgb(75,24,128)
```

Similar Colors

Text with hexadecimal color #311880

This text has a font color of #311880.

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

#311880 background color

This paragraph has a background color of #311880.

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

#311880 border color

This element has a border color of #311880.

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

CSS codes

.text {color:#311880;}

.background {background-color:#311880;}

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

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

#05020c
```
#05020c rgb(5,2,12)
```
#0b051d
```
#0b051d rgb(11,5,29)
```
#11092d
```
#11092d rgb(17,9,45)
```
#180c3e
```
#180c3e rgb(24,12,62)
```
#1e0f4e
```
#1e0f4e rgb(30,15,78)
```
#24125f
```
#24125f rgb(36,18,95)
```
#2b156f
```
#2b156f rgb(43,21,111)
```
#311880
```
#311880 rgb(49,24,128)
```
#371b91
```
#371b91 rgb(55,27,145)
```
#3e1ea1
```
#3e1ea1 rgb(62,30,161)
```
#4421b2
```
#4421b2 rgb(68,33,178)
```
#4a24c2
```
#4a24c2 rgb(74,36,194)
```
#5127d3
```
#5127d3 rgb(81,39,211)
```

Shade Color Variation

#5c35d9
```
#5c35d9 rgb(92,53,217)
```
#6945dc
```
#6945dc rgb(105,69,220)
```
#7756df
```
#7756df rgb(119,86,223)
```
#8466e2
```
#8466e2 rgb(132,102,226)
```
#9177e5
```
#9177e5 rgb(145,119,229)
```
#9f87e9
```
#9f87e9 rgb(159,135,233)
```
#ac98ec
```
#ac98ec rgb(172,152,236)
```
#b9a8ef
```
#b9a8ef rgb(185,168,239)
```
#c6b9f2
```
#c6b9f2 rgb(198,185,242)
```
#d4c9f5
```
#d4c9f5 rgb(212,201,245)
```
#e1daf8
```
#e1daf8 rgb(225,218,248)
```
#eeeafb
```
#eeeafb rgb(238,234,251)
```
#fcfbfe
```
#fcfbfe rgb(252,251,254)
```

Tint Color Variation

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

#494751
```
#494751 rgb(73,71,81)
```
#464157
```
#464157 rgb(70,65,87)
```
#433b5d
```
#433b5d rgb(67,59,93)
```
#403563
```
#403563 rgb(64,53,99)
```
#3d2f69
```
#3d2f69 rgb(61,47,105)
```
#3a2a6e
```
#3a2a6e rgb(58,42,110)
```
#372474
```
#372474 rgb(55,36,116)
```
#341e7a
```
#341e7a rgb(52,30,122)
```
#311880
```
#311880 rgb(49,24,128)
```
#2e1286
```
#2e1286 rgb(46,18,134)
```
#2b0c8c
```
#2b0c8c rgb(43,12,140)
```
#280692
```
#280692 rgb(40,6,146)
```
#250197
```
#250197 rgb(37,1,151)
```

Tone Color Variation

Below, you can see how #311880 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
#2c273c Atypical Achromatopsia 0.001% of the population

Dichromacy

#00386d Protanopia 1% of men
#003b5f Deuteranopia 1% of men
#073f44 Tritanopia 0.001% of the population

Trichromacy

#112c74 Protanomaly 1% of men, 0.01% of women
#112e6b Deuteranomaly 6% of men, 0.4% of women
#16315a Tritanomaly 0.01% of the population

#311880 hex color

#311880 Color Information

#311880 Color Conversion

Color Schemes with #311880

Alternatives to #311880

#311880 Preview

Shades and Tints of #311880

Tones of #311880

Color Blindness Simulator