#311c62 hex color

In a RGB color space, hex #311c62 is composed of 19.2% red, 11% green and 38.4% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 71.4% magenta, 0% yellow and 61.6% black. It has a hue angle of 258 degrees, a saturation of 55.6% and a lightness of 24.7%. #311c62 color hex could be obtained by blending #6238c4 with #000000. Closest websafe color is: #333366.

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

● #311c62 color description : Very dark violet.

The hexadecimal color #311c62 has RGB values of R:49, G:28, B:98 and CMYK values of C:0.5, M:0.71, Y:0, K:0.62. Its decimal value is 3218530.

Hex triplet	311c62	`#311c62`
RGB Decimal	49, 28, 98	`rgb(49,28,98)`
RGB Percent	19.2, 11, 38.4	`rgb(19.2%,11%,38.4%)`
CMYK	50, 71, 0, 62
HSL	258°, 55.6, 24.7	`hsl(258,55.6%,24.7%)`
HSV (or HSB)	258°, 71.4, 38.4
Web Safe	333366	`#333366`

CIE-LAB	17.298, 28.725, -37.961
XYZ	3.886, 2.365, 11.806
xyY	0.215, 0.131, 2.365
CIE-LCH	17.298, 47.604, 307.115
CIE-LUV	17.298, 2.252, -41.306
Hunter-Lab	15.379, 18.19, -34.75
Binary	00110001, 00011100, 01100010

#311c62
```
#311c62 rgb(49,28,98)
```
#4d621c
```
#4d621c rgb(77,98,28)
```

Complementary Color

#1c2a62
```
#1c2a62 rgb(28,42,98)
```
#311c62
```
#311c62 rgb(49,28,98)
```
#541c62
```
#541c62 rgb(84,28,98)
```

Analogous Color

#2a621c
```
#2a621c rgb(42,98,28)
```
#311c62
```
#311c62 rgb(49,28,98)
```
#62541c
```
#62541c rgb(98,84,28)
```

Split Complementary Color

#1c6231
```
#1c6231 rgb(28,98,49)
```
#311c62
```
#311c62 rgb(49,28,98)
```
#62311c
```
#62311c rgb(98,49,28)
```

Triadic Color

#1c4d62
```
#1c4d62 rgb(28,77,98)
```
#311c62
```
#311c62 rgb(49,28,98)
```
#62311c
```
#62311c rgb(98,49,28)
```
#4d621c
```
#4d621c rgb(77,98,28)
```

Tetradic Color

#130b27
```
#130b27 rgb(19,11,39)
```
#1d113a
```
#1d113a rgb(29,17,58)
```
#27164e
```
#27164e rgb(39,22,78)
```
#311c62
```
#311c62 rgb(49,28,98)
```
#3b2276
```
#3b2276 rgb(59,34,118)
```
#45278a
```
#45278a rgb(69,39,138)
```
#4f2d9e
```
#4f2d9e rgb(79,45,158)
```

Monochromatic Color

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

#1f1c62
```
#1f1c62 rgb(31,28,98)
```
#251c62
```
#251c62 rgb(37,28,98)
```
#2b1c62
```
#2b1c62 rgb(43,28,98)
```
#311c62
```
#311c62 rgb(49,28,98)
```
#371c62
```
#371c62 rgb(55,28,98)
```
#3d1c62
```
#3d1c62 rgb(61,28,98)
```
#421c62
```
#421c62 rgb(66,28,98)
```

Similar Colors

Text with hexadecimal color #311c62

This text has a font color of #311c62.

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

#311c62 background color

This paragraph has a background color of #311c62.

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

#311c62 border color

This element has a border color of #311c62.

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

CSS codes

.text {color:#311c62;}

.background {background-color:#311c62;}

.border {border:1px solid #311c62;}

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, #030206 is the darkest color, while #f8f6fc is the lightest one.

#030206
```
#030206 rgb(3,2,6)
```
#0b0616
```
#0b0616 rgb(11,6,22)
```
#120b25
```
#120b25 rgb(18,11,37)
```
#1a0f34
```
#1a0f34 rgb(26,15,52)
```
#221343
```
#221343 rgb(34,19,67)
```
#291853
```
#291853 rgb(41,24,83)
```
#311c62
```
#311c62 rgb(49,28,98)
```
#392071
```
#392071 rgb(57,32,113)
```
#402581
```
#402581 rgb(64,37,129)
```
#482990
```
#482990 rgb(72,41,144)
```
#502d9f
```
#502d9f rgb(80,45,159)
```
#5732ae
```
#5732ae rgb(87,50,174)
```
#5f36be
```
#5f36be rgb(95,54,190)
```

Shade Color Variation

#683fc8
```
#683fc8 rgb(104,63,200)
```
#744ecd
```
#744ecd rgb(116,78,205)
```
#805ed1
```
#805ed1 rgb(128,94,209)
```
#8c6dd5
```
#8c6dd5 rgb(140,109,213)
```
#987cda
```
#987cda rgb(152,124,218)
```
#a48bde
```
#a48bde rgb(164,139,222)
```
#b09be2
```
#b09be2 rgb(176,155,226)
```
#bcaae7
```
#bcaae7 rgb(188,170,231)
```
#c8b9eb
```
#c8b9eb rgb(200,185,235)
```
#d4c8ef
```
#d4c8ef rgb(212,200,239)
```
#e0d8f4
```
#e0d8f4 rgb(224,216,244)
```
#ece7f8
```
#ece7f8 rgb(236,231,248)
```
#f8f6fc
```
#f8f6fc rgb(248,246,252)
```

Tint Color Variation

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

#3f3e40
```
#3f3e40 rgb(63,62,64)
```
#3d3945
```
#3d3945 rgb(61,57,69)
```
#3b344a
```
#3b344a rgb(59,52,74)
```
#392f4f
```
#392f4f rgb(57,47,79)
```
#372b53
```
#372b53 rgb(55,43,83)
```
#352658
```
#352658 rgb(53,38,88)
```
#33215d
```
#33215d rgb(51,33,93)
```
#311c62
```
#311c62 rgb(49,28,98)
```
#2f1767
```
#2f1767 rgb(47,23,103)
```
#2d126c
```
#2d126c rgb(45,18,108)
```
#2b0d71
```
#2b0d71 rgb(43,13,113)
```
#290975
```
#290975 rgb(41,9,117)
```
#27047a
```
#27047a rgb(39,4,122)
```

Tone Color Variation

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

#2a2a2a Achromatopsia 0.005% of the population
#2b2735 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003365 Protanopia 1% of men
#003659 Deuteranopia 1% of men
#2b373b Tritanopia 0.001% of the population

Trichromacy

#112b64 Protanomaly 1% of men, 0.01% of women
#112d5c Deuteranomaly 6% of men, 0.4% of women
#2d2d49 Tritanomaly 0.01% of the population

#311c62 hex color

#311c62 Color Information

#311c62 Color Conversion

Color Schemes with #311c62

Alternatives to #311c62

#311c62 Preview

Shades and Tints of #311c62

Tones of #311c62

Color Blindness Simulator