#311689 hex color

In a RGB color space, hex #311689 is composed of 19.2% red, 8.6% green and 53.7% blue. Whereas in a CMYK color space, it is composed of 64.2% cyan, 83.9% magenta, 0% yellow and 46.3% black. It has a hue angle of 254.1 degrees, a saturation of 72.3% and a lightness of 31.2%. #311689 color hex could be obtained by blending #622cff with #000013. Closest websafe color is: #330099.

♥
- f
- t
- g
- R 19
- G 9
- B 54
RGB color chart
- C 64
- M 84
- Y 0
- K 46
CMYK color chart

● #311689 color description : Dark blue.

The hexadecimal color #311689 has RGB values of R:49, G:22, B:137 and CMYK values of C:0.64, M:0.84, Y:0, K:0.46. Its decimal value is 3217033.

Hex triplet	311689	`#311689`
RGB Decimal	49, 22, 137	`rgb(49,22,137)`
RGB Percent	19.2, 8.6, 53.7	`rgb(19.2%,8.6%,53.7%)`
CMYK	64, 84, 0, 46
HSL	254.1°, 72.3, 31.2	`hsl(254.1,72.3%,31.2%)`
HSV (or HSB)	254.1°, 83.9, 53.7
Web Safe	330099	`#330099`

CIE-LAB	20.174, 43.912, -58.328
XYZ	6.068, 3.033, 23.931
xyY	0.184, 0.092, 3.033
CIE-LCH	20.174, 73.009, 306.974
CIE-LUV	20.174, -0.28, -64.797
Hunter-Lab	17.415, 31.722, -69.286
Binary	00110001, 00010110, 10001001

#311689
```
#311689 rgb(49,22,137)
```
#6e8916
```
#6e8916 rgb(110,137,22)
```

Complementary Color

#163589
```
#163589 rgb(22,53,137)
```
#311689
```
#311689 rgb(49,22,137)
```
#6b1689
```
#6b1689 rgb(107,22,137)
```

Analogous Color

#358916
```
#358916 rgb(53,137,22)
```
#311689
```
#311689 rgb(49,22,137)
```
#896b16
```
#896b16 rgb(137,107,22)
```

Split Complementary Color

#168931
```
#168931 rgb(22,137,49)
```
#311689
```
#311689 rgb(49,22,137)
```
#893116
```
#893116 rgb(137,49,22)
```

Triadic Color

#166e89
```
#166e89 rgb(22,110,137)
```
#311689
```
#311689 rgb(49,22,137)
```
#893116
```
#893116 rgb(137,49,22)
```
#6e8916
```
#6e8916 rgb(110,137,22)
```

Tetradic Color

#190b47
```
#190b47 rgb(25,11,71)
```
#210f5d
```
#210f5d rgb(33,15,93)
```
#291273
```
#291273 rgb(41,18,115)
```
#311689
```
#311689 rgb(49,22,137)
```
#391a9f
```
#391a9f rgb(57,26,159)
```
#411db5
```
#411db5 rgb(65,29,181)
```
#4921cb
```
#4921cb rgb(73,33,203)
```

Monochromatic Color

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

#161889
```
#161889 rgb(22,24,137)
```
#1e1689
```
#1e1689 rgb(30,22,137)
```
#271689
```
#271689 rgb(39,22,137)
```
#311689
```
#311689 rgb(49,22,137)
```
#3b1689
```
#3b1689 rgb(59,22,137)
```
#441689
```
#441689 rgb(68,22,137)
```
#4e1689
```
#4e1689 rgb(78,22,137)
```

Similar Colors

Text with hexadecimal color #311689

This text has a font color of #311689.

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

#311689 background color

This paragraph has a background color of #311689.

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

#311689 border color

This element has a border color of #311689.

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

CSS codes

.text {color:#311689;}

.background {background-color:#311689;}

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

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

#010002
```
#010002 rgb(1,0,2)
```
#070313
```
#070313 rgb(7,3,19)
```
#0d0624
```
#0d0624 rgb(13,6,36)
```
#130834
```
#130834 rgb(19,8,52)
```
#190b45
```
#190b45 rgb(25,11,69)
```
#1f0e56
```
#1f0e56 rgb(31,14,86)
```
#251167
```
#251167 rgb(37,17,103)
```
#2b1378
```
#2b1378 rgb(43,19,120)
```
#311689
```
#311689 rgb(49,22,137)
```
#37199a
```
#37199a rgb(55,25,154)
```
#3d1bab
```
#3d1bab rgb(61,27,171)
```
#431ebc
```
#431ebc rgb(67,30,188)
```
#4921cd
```
#4921cd rgb(73,33,205)
```

Shade Color Variation

#5025dc
```
#5025dc rgb(80,37,220)
```
#5e36df
```
#5e36df rgb(94,54,223)
```
#6b47e1
```
#6b47e1 rgb(107,71,225)
```
#7958e4
```
#7958e4 rgb(121,88,228)
```
#8669e7
```
#8669e7 rgb(134,105,231)
```
#947aea
```
#947aea rgb(148,122,234)
```
#a18aec
```
#a18aec rgb(161,138,236)
```
#af9bef
```
#af9bef rgb(175,155,239)
```
#bdacf2
```
#bdacf2 rgb(189,172,242)
```
#cabdf4
```
#cabdf4 rgb(202,189,244)
```
#d8cef7
```
#d8cef7 rgb(216,206,247)
```
#e5dffa
```
#e5dffa rgb(229,223,250)
```
#f3f0fd
```
#f3f0fd rgb(243,240,253)
```

Tint Color Variation

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

#4e4d52
```
#4e4d52 rgb(78,77,82)
```
#4b4758
```
#4b4758 rgb(75,71,88)
```
#48415e
```
#48415e rgb(72,65,94)
```
#443b64
```
#443b64 rgb(68,59,100)
```
#41356a
```
#41356a rgb(65,53,106)
```
#3e2e71
```
#3e2e71 rgb(62,46,113)
```
#3b2877
```
#3b2877 rgb(59,40,119)
```
#37227d
```
#37227d rgb(55,34,125)
```
#341c83
```
#341c83 rgb(52,28,131)
```
#311689
```
#311689 rgb(49,22,137)
```
#2e108f
```
#2e108f rgb(46,16,143)
```
#2b0a95
```
#2b0a95 rgb(43,10,149)
```
#27049b
```
#27049b rgb(39,4,155)
```

Tone Color Variation

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

Dichromacy

#003970 Protanopia 1% of men
#003d61 Deuteranopia 1% of men
#004145 Tritanopia 0.001% of the population

Trichromacy

#112c79 Protanomaly 1% of men, 0.01% of women
#112e6f Deuteranomaly 6% of men, 0.4% of women
#11315e Tritanomaly 0.01% of the population

#311689 hex color

#311689 Color Information

#311689 Color Conversion

Color Schemes with #311689

Alternatives to #311689

#311689 Preview

Shades and Tints of #311689

Tones of #311689

Color Blindness Simulator