#31356d hex color

In a RGB color space, hex #31356d is composed of 19.2% red, 20.8% green and 42.7% blue. Whereas in a CMYK color space, it is composed of 55% cyan, 51.4% magenta, 0% yellow and 57.3% black. It has a hue angle of 236 degrees, a saturation of 38% and a lightness of 31%. #31356d color hex could be obtained by blending #626ada with #000000. Closest websafe color is: #333366.

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

● #31356d color description : Very dark desaturated blue.

The hexadecimal color #31356d has RGB values of R:49, G:53, B:109 and CMYK values of C:0.55, M:0.51, Y:0, K:0.57. Its decimal value is 3224941.

Hex triplet	31356d	`#31356d`
RGB Decimal	49, 53, 109	`rgb(49,53,109)`
RGB Percent	19.2, 20.8, 42.7	`rgb(19.2%,20.8%,42.7%)`
CMYK	55, 51, 0, 57
HSL	236°, 38, 31	`hsl(236,38%,31%)`
HSV (or HSB)	236°, 55, 42.7
Web Safe	333366	`#333366`

CIE-LAB	24.649, 15.803, -33.251
XYZ	5.299, 4.303, 15.018
xyY	0.215, 0.175, 4.303
CIE-LCH	24.649, 36.816, 295.421
CIE-LUV	24.649, -4.278, -42.068
Hunter-Lab	20.744, 9.3, -28.405
Binary	00110001, 00110101, 01101101

#31356d
```
#31356d rgb(49,53,109)
```
#6d6931
```
#6d6931 rgb(109,105,49)
```

Complementary Color

#31536d
```
#31536d rgb(49,83,109)
```
#31356d
```
#31356d rgb(49,53,109)
```
#4b316d
```
#4b316d rgb(75,49,109)
```

Analogous Color

#536d31
```
#536d31 rgb(83,109,49)
```
#31356d
```
#31356d rgb(49,53,109)
```
#6d4b31
```
#6d4b31 rgb(109,75,49)
```

Split Complementary Color

#356d31
```
#356d31 rgb(53,109,49)
```
#31356d
```
#31356d rgb(49,53,109)
```
#6d3135
```
#6d3135 rgb(109,49,53)
```

Triadic Color

#316d69
```
#316d69 rgb(49,109,105)
```
#31356d
```
#31356d rgb(49,53,109)
```
#6d3135
```
#6d3135 rgb(109,49,53)
```
#6d6931
```
#6d6931 rgb(109,105,49)
```

Tetradic Color

#191b38
```
#191b38 rgb(25,27,56)
```
#21244a
```
#21244a rgb(33,36,74)
```
#292c5b
```
#292c5b rgb(41,44,91)
```
#31356d
```
#31356d rgb(49,53,109)
```
#393e7f
```
#393e7f rgb(57,62,127)
```
#414690
```
#414690 rgb(65,70,144)
```
#494fa2
```
#494fa2 rgb(73,79,162)
```

Monochromatic Color

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

#31446d
```
#31446d rgb(49,68,109)
```
#313f6d
```
#313f6d rgb(49,63,109)
```
#313a6d
```
#313a6d rgb(49,58,109)
```
#31356d
```
#31356d rgb(49,53,109)
```
#32316d
```
#32316d rgb(50,49,109)
```
#37316d
```
#37316d rgb(55,49,109)
```
#3c316d
```
#3c316d rgb(60,49,109)
```

Similar Colors

Text with hexadecimal color #31356d

This text has a font color of #31356d.

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

#31356d background color

This paragraph has a background color of #31356d.

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

#31356d border color

This element has a border color of #31356d.

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

CSS codes

.text {color:#31356d;}

.background {background-color:#31356d;}

.border {border:1px solid #31356d;}

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

#000001
```
#000001 rgb(0,0,1)
```
#06070e
```
#06070e rgb(6,7,14)
```
#0d0e1c
```
#0d0e1c rgb(13,14,28)
```
#131429
```
#131429 rgb(19,20,41)
```
#191b37
```
#191b37 rgb(25,27,55)
```
#1f2144
```
#1f2144 rgb(31,33,68)
```
#252852
```
#252852 rgb(37,40,82)
```
#2b2e5f
```
#2b2e5f rgb(43,46,95)
```
#31356d
```
#31356d rgb(49,53,109)
```
#373c7b
```
#373c7b rgb(55,60,123)
```
#3d4288
```
#3d4288 rgb(61,66,136)
```
#434996
```
#434996 rgb(67,73,150)
```
#494fa3
```
#494fa3 rgb(73,79,163)
```

Shade Color Variation

#5056b0
```
#5056b0 rgb(80,86,176)
```
#5d63b6
```
#5d63b6 rgb(93,99,182)
```
#6b70bc
```
#6b70bc rgb(107,112,188)
```
#787dc3
```
#787dc3 rgb(120,125,195)
```
#868ac9
```
#868ac9 rgb(134,138,201)
```
#9397cf
```
#9397cf rgb(147,151,207)
```
#a1a4d5
```
#a1a4d5 rgb(161,164,213)
```
#afb2db
```
#afb2db rgb(175,178,219)
```
#bcbfe1
```
#bcbfe1 rgb(188,191,225)
```
#cacce7
```
#cacce7 rgb(202,204,231)
```
#d7d9ed
```
#d7d9ed rgb(215,217,237)
```
#e5e6f3
```
#e5e6f3 rgb(229,230,243)
```
#f2f3f9
```
#f2f3f9 rgb(242,243,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #494a55 is the less saturated color, while #000b9e is the most saturated one.

#494a55
```
#494a55 rgb(73,74,85)
```
#43455b
```
#43455b rgb(67,69,91)
```
#3d4061
```
#3d4061 rgb(61,64,97)
```
#373a67
```
#373a67 rgb(55,58,103)
```
#31356d
```
#31356d rgb(49,53,109)
```
#2b3073
```
#2b3073 rgb(43,48,115)
```
#252a79
```
#252a79 rgb(37,42,121)
```
#1f257f
```
#1f257f rgb(31,37,127)
```
#192085
```
#192085 rgb(25,32,133)
```
#131b8b
```
#131b8b rgb(19,27,139)
```
#0d1591
```
#0d1591 rgb(13,21,145)
```
#061098
```
#061098 rgb(6,16,152)
```
#000b9e
```
#000b9e rgb(0,11,158)
```

Tone Color Variation

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

#3a3a3a Achromatopsia 0.005% of the population
#383944 Atypical Achromatopsia 0.001% of the population

Dichromacy

#264377 Protanopia 1% of men
#194572 Deuteranopia 1% of men
#2b494e Tritanopia 0.001% of the population

Trichromacy

#2a3d73 Protanomaly 1% of men, 0.01% of women
#213f70 Deuteranomaly 6% of men, 0.4% of women
#2d4159 Tritanomaly 0.01% of the population

#31356d hex color

#31356d Color Information

#31356d Color Conversion

Color Schemes with #31356d

Alternatives to #31356d

#31356d Preview

Shades and Tints of #31356d

Tones of #31356d

Color Blindness Simulator