#311993 hex color

In a RGB color space, hex #311993 is composed of 19.2% red, 9.8% green and 57.6% blue. Whereas in a CMYK color space, it is composed of 66.7% cyan, 83% magenta, 0% yellow and 42.4% black. It has a hue angle of 251.8 degrees, a saturation of 70.9% and a lightness of 33.7%. #311993 color hex could be obtained by blending #6232ff with #000027. Closest websafe color is: #330099.

♥
- f
- t
- g
- R 19
- G 10
- B 58
RGB color chart
- C 67
- M 83
- Y 0
- K 42
CMYK color chart

● #311993 color description : Dark blue.

The hexadecimal color #311993 has RGB values of R:49, G:25, B:147 and CMYK values of C:0.67, M:0.83, Y:0, K:0.42. Its decimal value is 3217811.

Hex triplet	311993	`#311993`
RGB Decimal	49, 25, 147	`rgb(49,25,147)`
RGB Percent	19.2, 9.8, 57.6	`rgb(19.2%,9.8%,57.6%)`
CMYK	67, 83, 0, 42
HSL	251.8°, 70.9, 33.7	`hsl(251.8,70.9%,33.7%)`
HSV (or HSB)	251.8°, 83, 57.6
Web Safe	330099	`#330099`

CIE-LAB	21.779, 45.534, -61.904
XYZ	6.88, 3.455, 27.906
xyY	0.18, 0.09, 3.455
CIE-LCH	21.779, 76.847, 306.336
CIE-LUV	21.779, -1.306, -70.791
Hunter-Lab	18.586, 33.545, -76.01
Binary	00110001, 00011001, 10010011

#311993
```
#311993 rgb(49,25,147)
```
#7b9319
```
#7b9319 rgb(123,147,25)
```

Complementary Color

#193e93
```
#193e93 rgb(25,62,147)
```
#311993
```
#311993 rgb(49,25,147)
```
#6e1993
```
#6e1993 rgb(110,25,147)
```

Analogous Color

#3e9319
```
#3e9319 rgb(62,147,25)
```
#311993
```
#311993 rgb(49,25,147)
```
#936e19
```
#936e19 rgb(147,110,25)
```

Split Complementary Color

#199331
```
#199331 rgb(25,147,49)
```
#311993
```
#311993 rgb(49,25,147)
```
#933119
```
#933119 rgb(147,49,25)
```

Triadic Color

#197b93
```
#197b93 rgb(25,123,147)
```
#311993
```
#311993 rgb(49,25,147)
```
#933119
```
#933119 rgb(147,49,25)
```
#7b9319
```
#7b9319 rgb(123,147,25)
```

Tetradic Color

#1b0e52
```
#1b0e52 rgb(27,14,82)
```
#221267
```
#221267 rgb(34,18,103)
```
#2a157d
```
#2a157d rgb(42,21,125)
```
#311993
```
#311993 rgb(49,25,147)
```
#381da9
```
#381da9 rgb(56,29,169)
```
#4020bf
```
#4020bf rgb(64,32,191)
```
#4724d4
```
#4724d4 rgb(71,36,212)
```

Monochromatic Color

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

#192093
```
#192093 rgb(25,32,147)
```
#1d1993
```
#1d1993 rgb(29,25,147)
```
#271993
```
#271993 rgb(39,25,147)
```
#311993
```
#311993 rgb(49,25,147)
```
#3b1993
```
#3b1993 rgb(59,25,147)
```
#451993
```
#451993 rgb(69,25,147)
```
#4f1993
```
#4f1993 rgb(79,25,147)
```

Similar Colors

Text with hexadecimal color #311993

This text has a font color of #311993.

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

#311993 background color

This paragraph has a background color of #311993.

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

#311993 border color

This element has a border color of #311993.

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

CSS codes

.text {color:#311993;}

.background {background-color:#311993;}

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

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)
```
#0a051e
```
#0a051e rgb(10,5,30)
```
#0f082e
```
#0f082e rgb(15,8,46)
```
#150b3f
```
#150b3f rgb(21,11,63)
```
#1b0e50
```
#1b0e50 rgb(27,14,80)
```
#201061
```
#201061 rgb(32,16,97)
```
#261371
```
#261371 rgb(38,19,113)
```
#2b1682
```
#2b1682 rgb(43,22,130)
```
#311993
```
#311993 rgb(49,25,147)
```
#371ca4
```
#371ca4 rgb(55,28,164)
```
#3c1fb5
```
#3c1fb5 rgb(60,31,181)
```
#4222c5
```
#4222c5 rgb(66,34,197)
```
#4724d6
```
#4724d6 rgb(71,36,214)
```

Shade Color Variation

#5332dc
```
#5332dc rgb(83,50,220)
```
#6143df
```
#6143df rgb(97,67,223)
```
#6f53e2
```
#6f53e2 rgb(111,83,226)
```
#7e64e5
```
#7e64e5 rgb(126,100,229)
```
#8c75e8
```
#8c75e8 rgb(140,117,232)
```
#9a86ea
```
#9a86ea rgb(154,134,234)
```
#a897ed
```
#a897ed rgb(168,151,237)
```
#b6a7f0
```
#b6a7f0 rgb(182,167,240)
```
#c4b8f3
```
#c4b8f3 rgb(196,184,243)
```
#d2c9f6
```
#d2c9f6 rgb(210,201,246)
```
#e0daf9
```
#e0daf9 rgb(224,218,249)
```
#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, #555557 is the less saturated color, while #2505a7 is the most saturated one.

#555557
```
#555557 rgb(85,85,87)
```
#514e5e
```
#514e5e rgb(81,78,94)
```
#4d4765
```
#4d4765 rgb(77,71,101)
```
#49416b
```
#49416b rgb(73,65,107)
```
#453a72
```
#453a72 rgb(69,58,114)
```
#413379
```
#413379 rgb(65,51,121)
```
#3d2d7f
```
#3d2d7f rgb(61,45,127)
```
#392686
```
#392686 rgb(57,38,134)
```
#35208c
```
#35208c rgb(53,32,140)
```
#311993
```
#311993 rgb(49,25,147)
```
#2d129a
```
#2d129a rgb(45,18,154)
```
#290ca0
```
#290ca0 rgb(41,12,160)
```
#2505a7
```
#2505a7 rgb(37,5,167)
```

Tone Color Variation

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

#2e2e2e Achromatopsia 0.005% of the population
#2f2a42 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003c76 Protanopia 1% of men
#004066 Deuteranopia 1% of men
#004449 Tritanopia 0.001% of the population

Trichromacy

#112f80 Protanomaly 1% of men, 0.01% of women
#113276 Deuteranomaly 6% of men, 0.4% of women
#113463 Tritanomaly 0.01% of the population

#311993 hex color

#311993 Color Information

#311993 Color Conversion

Color Schemes with #311993

Alternatives to #311993

#311993 Preview

Shades and Tints of #311993

Tones of #311993

Color Blindness Simulator