#311980 hex color

In a RGB color space, hex #311980 is composed of 19.2% red, 9.8% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 61.7% cyan, 80.5% magenta, 0% yellow and 49.8% black. It has a hue angle of 254 degrees, a saturation of 67.3% and a lightness of 30%. #311980 color hex could be obtained by blending #6232ff with #000001. Closest websafe color is: #330099.

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

● #311980 color description : Dark blue.

The hexadecimal color #311980 has RGB values of R:49, G:25, B:128 and CMYK values of C:0.62, M:0.8, Y:0, K:0.5. Its decimal value is 3217792.

Hex triplet	311980	`#311980`
RGB Decimal	49, 25, 128	`rgb(49,25,128)`
RGB Percent	19.2, 9.8, 50.2	`rgb(19.2%,9.8%,50.2%)`
CMYK	62, 80, 0, 50
HSL	254°, 67.3, 30	`hsl(254,67.3%,30%)`
HSV (or HSB)	254°, 80.5, 50.2
Web Safe	330099	`#330099`

CIE-LAB	19.666, 39.778, -53.492
XYZ	5.51, 2.907, 20.692
xyY	0.189, 0.1, 2.907
CIE-LCH	19.666, 66.661, 306.635
CIE-LUV	19.666, 0.098, -59.582
Hunter-Lab	17.049, 27.853, -60.025
Binary	00110001, 00011001, 10000000

#311980
```
#311980 rgb(49,25,128)
```
#688019
```
#688019 rgb(104,128,25)
```

Complementary Color

#193580
```
#193580 rgb(25,53,128)
```
#311980
```
#311980 rgb(49,25,128)
```
#651980
```
#651980 rgb(101,25,128)
```

Analogous Color

#358019
```
#358019 rgb(53,128,25)
```
#311980
```
#311980 rgb(49,25,128)
```
#806519
```
#806519 rgb(128,101,25)
```

Split Complementary Color

#198031
```
#198031 rgb(25,128,49)
```
#311980
```
#311980 rgb(49,25,128)
```
#803119
```
#803119 rgb(128,49,25)
```

Triadic Color

#196880
```
#196880 rgb(25,104,128)
```
#311980
```
#311980 rgb(49,25,128)
```
#803119
```
#803119 rgb(128,49,25)
```
#688019
```
#688019 rgb(104,128,25)
```

Tetradic Color

#190d40
```
#190d40 rgb(25,13,64)
```
#211155
```
#211155 rgb(33,17,85)
```
#29156b
```
#29156b rgb(41,21,107)
```
#311980
```
#311980 rgb(49,25,128)
```
#391d95
```
#391d95 rgb(57,29,149)
```
#4121ab
```
#4121ab rgb(65,33,171)
```
#4a26c0
```
#4a26c0 rgb(74,38,192)
```

Monochromatic Color

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

#191b80
```
#191b80 rgb(25,27,128)
```
#201980
```
#201980 rgb(32,25,128)
```
#281980
```
#281980 rgb(40,25,128)
```
#311980
```
#311980 rgb(49,25,128)
```
#3a1980
```
#3a1980 rgb(58,25,128)
```
#421980
```
#421980 rgb(66,25,128)
```
#4b1980
```
#4b1980 rgb(75,25,128)
```

Similar Colors

Text with hexadecimal color #311980

This text has a font color of #311980.

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

#311980 background color

This paragraph has a background color of #311980.

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

#311980 border color

This element has a border color of #311980.

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

CSS codes

.text {color:#311980;}

.background {background-color:#311980;}

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

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

#05030d
```
#05030d rgb(5,3,13)
```
#0b061e
```
#0b061e rgb(11,6,30)
```
#12092e
```
#12092e rgb(18,9,46)
```
#180c3e
```
#180c3e rgb(24,12,62)
```
#1e0f4f
```
#1e0f4f rgb(30,15,79)
```
#24135f
```
#24135f rgb(36,19,95)
```
#2b1670
```
#2b1670 rgb(43,22,112)
```
#311980
```
#311980 rgb(49,25,128)
```
#371c90
```
#371c90 rgb(55,28,144)
```
#3e1fa1
```
#3e1fa1 rgb(62,31,161)
```
#4423b1
```
#4423b1 rgb(68,35,177)
```
#4a26c2
```
#4a26c2 rgb(74,38,194)
```
#5029d2
```
#5029d2 rgb(80,41,210)
```

Shade Color Variation

#5c37d8
```
#5c37d8 rgb(92,55,216)
```
#6a47db
```
#6a47db rgb(106,71,219)
```
#7758de
```
#7758de rgb(119,88,222)
```
#8468e2
```
#8468e2 rgb(132,104,226)
```
#9278e5
```
#9278e5 rgb(146,120,229)
```
#9f89e8
```
#9f89e8 rgb(159,137,232)
```
#ac99eb
```
#ac99eb rgb(172,153,235)
```
#baaaee
```
#baaaee rgb(186,170,238)
```
#c7baf2
```
#c7baf2 rgb(199,186,242)
```
#d4caf5
```
#d4caf5 rgb(212,202,245)
```
#e2dbf8
```
#e2dbf8 rgb(226,219,248)
```
#efebfb
```
#efebfb rgb(239,235,251)
```
#fcfcfe
```
#fcfcfe rgb(252,252,254)
```

Tint Color Variation

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

#4a4851
```
#4a4851 rgb(74,72,81)
```
#474257
```
#474257 rgb(71,66,87)
```
#443c5d
```
#443c5d rgb(68,60,93)
```
#413663
```
#413663 rgb(65,54,99)
```
#3e3168
```
#3e3168 rgb(62,49,104)
```
#3a2b6e
```
#3a2b6e rgb(58,43,110)
```
#372574
```
#372574 rgb(55,37,116)
```
#341f7a
```
#341f7a rgb(52,31,122)
```
#311980
```
#311980 rgb(49,25,128)
```
#2e1386
```
#2e1386 rgb(46,19,134)
```
#2b0d8c
```
#2b0d8c rgb(43,13,140)
```
#280792
```
#280792 rgb(40,7,146)
```
#240198
```
#240198 rgb(36,1,152)
```

Tone Color Variation

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

Dichromacy

#00386e Protanopia 1% of men
#003b5f Deuteranopia 1% of men
#083f44 Tritanopia 0.001% of the population

Trichromacy

#112d74 Protanomaly 1% of men, 0.01% of women
#112f6b Deuteranomaly 6% of men, 0.4% of women
#17315a Tritanomaly 0.01% of the population

#311980 hex color

#311980 Color Information

#311980 Color Conversion

Color Schemes with #311980

Alternatives to #311980

#311980 Preview

Shades and Tints of #311980

Tones of #311980

Color Blindness Simulator