#313691 hex color

In a RGB color space, hex #313691 is composed of 19.2% red, 21.2% green and 56.9% blue. Whereas in a CMYK color space, it is composed of 66.2% cyan, 62.8% magenta, 0% yellow and 43.1% black. It has a hue angle of 236.9 degrees, a saturation of 49.5% and a lightness of 38%. #313691 color hex could be obtained by blending #626cff with #000023. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 19
- G 21
- B 57
RGB color chart
- C 66
- M 63
- Y 0
- K 43
CMYK color chart

● #313691 color description : Dark moderate blue.

The hexadecimal color #313691 has RGB values of R:49, G:54, B:145 and CMYK values of C:0.66, M:0.63, Y:0, K:0.43. Its decimal value is 3225233.

Hex triplet	313691	`#313691`
RGB Decimal	49, 54, 145	`rgb(49,54,145)`
RGB Percent	19.2, 21.2, 56.9	`rgb(19.2%,21.2%,56.9%)`
CMYK	66, 63, 0, 43
HSL	236.9°, 49.5, 38	`hsl(236.9,49.5%,38%)`
HSV (or HSB)	236.9°, 66.2, 56.9
Web Safe	333399	`#333399`

CIE-LAB	27.669, 28.078, -50.993
XYZ	7.696, 5.335, 27.411
xyY	0.19, 0.132, 5.335
CIE-LCH	27.669, 58.212, 298.838
CIE-LUV	27.669, -6.014, -66.836
Hunter-Lab	23.098, 19.049, -54.191
Binary	00110001, 00110110, 10010001

#313691
```
#313691 rgb(49,54,145)
```
#918c31
```
#918c31 rgb(145,140,49)
```

Complementary Color

#316691
```
#316691 rgb(49,102,145)
```
#313691
```
#313691 rgb(49,54,145)
```
#5c3191
```
#5c3191 rgb(92,49,145)
```

Analogous Color

#669131
```
#669131 rgb(102,145,49)
```
#313691
```
#313691 rgb(49,54,145)
```
#915c31
```
#915c31 rgb(145,92,49)
```

Split Complementary Color

#369131
```
#369131 rgb(54,145,49)
```
#313691
```
#313691 rgb(49,54,145)
```
#913136
```
#913136 rgb(145,49,54)
```

Triadic Color

#31918c
```
#31918c rgb(49,145,140)
```
#313691
```
#313691 rgb(49,54,145)
```
#913136
```
#913136 rgb(145,49,54)
```
#918c31
```
#918c31 rgb(145,140,49)
```

Tetradic Color

#1e2158
```
#1e2158 rgb(30,33,88)
```
#24286b
```
#24286b rgb(36,40,107)
```
#2b2f7e
```
#2b2f7e rgb(43,47,126)
```
#313691
```
#313691 rgb(49,54,145)
```
#373da4
```
#373da4 rgb(55,61,164)
```
#3e44b7
```
#3e44b7 rgb(62,68,183)
```
#4c52c3
```
#4c52c3 rgb(76,82,195)
```

Monochromatic Color

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

#314e91
```
#314e91 rgb(49,78,145)
```
#314691
```
#314691 rgb(49,70,145)
```
#313e91
```
#313e91 rgb(49,62,145)
```
#313691
```
#313691 rgb(49,54,145)
```
#343191
```
#343191 rgb(52,49,145)
```
#3c3191
```
#3c3191 rgb(60,49,145)
```
#443191
```
#443191 rgb(68,49,145)
```

Similar Colors

Text with hexadecimal color #313691

This text has a font color of #313691.

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

#313691 background color

This paragraph has a background color of #313691.

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

#313691 border color

This element has a border color of #313691.

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

CSS codes

.text {color:#313691;}

.background {background-color:#313691;}

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

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

#04050d
```
#04050d rgb(4,5,13)
```
#090a1c
```
#090a1c rgb(9,10,28)
```
#0e102a
```
#0e102a rgb(14,16,42)
```
#131539
```
#131539 rgb(19,21,57)
```
#181b48
```
#181b48 rgb(24,27,72)
```
#1d2056
```
#1d2056 rgb(29,32,86)
```
#222665
```
#222665 rgb(34,38,101)
```
#272b74
```
#272b74 rgb(39,43,116)
```
#2c3182
```
#2c3182 rgb(44,49,130)
```
#313691
```
#313691 rgb(49,54,145)
```
#363ba0
```
#363ba0 rgb(54,59,160)
```
#3b41ae
```
#3b41ae rgb(59,65,174)
```
#4046bd
```
#4046bd rgb(64,70,189)
```

Shade Color Variation

#4d54c3
```
#4d54c3 rgb(77,84,195)
```
#5c62c8
```
#5c62c8 rgb(92,98,200)
```
#6b70cd
```
#6b70cd rgb(107,112,205)
```
#797ed2
```
#797ed2 rgb(121,126,210)
```
#888cd7
```
#888cd7 rgb(136,140,215)
```
#979adc
```
#979adc rgb(151,154,220)
```
#a5a9e1
```
#a5a9e1 rgb(165,169,225)
```
#b4b7e6
```
#b4b7e6 rgb(180,183,230)
```
#c3c5eb
```
#c3c5eb rgb(195,197,235)
```
#d1d3f0
```
#d1d3f0 rgb(209,211,240)
```
#e0e1f5
```
#e0e1f5 rgb(224,225,245)
```
#efeffa
```
#efeffa rgb(239,239,250)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#5e5e64
```
#5e5e64 rgb(94,94,100)
```
#56576c
```
#56576c rgb(86,87,108)
```
#4f5173
```
#4f5173 rgb(79,81,115)
```
#474a7b
```
#474a7b rgb(71,74,123)
```
#404382
```
#404382 rgb(64,67,130)
```
#383d8a
```
#383d8a rgb(56,61,138)
```
#313691
```
#313691 rgb(49,54,145)
```
#2a2f98
```
#2a2f98 rgb(42,47,152)
```
#2229a0
```
#2229a0 rgb(34,41,160)
```
#1b22a7
```
#1b22a7 rgb(27,34,167)
```
#131baf
```
#131baf rgb(19,27,175)
```
#0c15b6
```
#0c15b6 rgb(12,21,182)
```
#040ebe
```
#040ebe rgb(4,14,190)
```

Tone Color Variation

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

#3f3f3f Achromatopsia 0.005% of the population
#3c3d4f Atypical Achromatopsia 0.001% of the population

Dichromacy

#00488e Protanopia 1% of men
#004c7c Deuteranopia 1% of men
#005258 Tritanopia 0.001% of the population

Trichromacy

#11428f Protanomaly 1% of men, 0.01% of women
#114484 Deuteranomaly 6% of men, 0.4% of women
#11486c Tritanomaly 0.01% of the population

#313691 hex color

#313691 Color Information

#313691 Color Conversion

Color Schemes with #313691

Alternatives to #313691

#313691 Preview

Shades and Tints of #313691

Tones of #313691

Color Blindness Simulator