#31355b hex color

In a RGB color space, hex #31355b is composed of 19.2% red, 20.8% green and 35.7% blue. Whereas in a CMYK color space, it is composed of 46.2% cyan, 41.8% magenta, 0% yellow and 64.3% black. It has a hue angle of 234.3 degrees, a saturation of 30% and a lightness of 27.5%. #31355b color hex could be obtained by blending #626ab6 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 19
- G 21
- B 36
RGB color chart
- C 46
- M 42
- Y 0
- K 64
CMYK color chart

● #31355b color description : Very dark desaturated blue.

The hexadecimal color #31355b has RGB values of R:49, G:53, B:91 and CMYK values of C:0.46, M:0.42, Y:0, K:0.64. Its decimal value is 3224923.

Hex triplet	31355b	`#31355b`
RGB Decimal	49, 53, 91	`rgb(49,53,91)`
RGB Percent	19.2, 20.8, 35.7	`rgb(19.2%,20.8%,35.7%)`
CMYK	46, 42, 0, 64
HSL	234.3°, 30, 27.5	`hsl(234.3,30%,27.5%)`
HSV (or HSB)	234.3°, 46.2, 35.7
Web Safe	333366	`#333366`

CIE-LAB	23.52, 9.562, -23.364
XYZ	4.428, 3.954, 10.427
xyY	0.235, 0.21, 3.954
CIE-LCH	23.52, 25.245, 292.259
CIE-LUV	23.52, -3.504, -28.682
Hunter-Lab	19.886, 4.944, -17.169
Binary	00110001, 00110101, 01011011

#31355b
```
#31355b rgb(49,53,91)
```
#5b5731
```
#5b5731 rgb(91,87,49)
```

Complementary Color

#314a5b
```
#314a5b rgb(49,74,91)
```
#31355b
```
#31355b rgb(49,53,91)
```
#42315b
```
#42315b rgb(66,49,91)
```

Analogous Color

#4a5b31
```
#4a5b31 rgb(74,91,49)
```
#31355b
```
#31355b rgb(49,53,91)
```
#5b4231
```
#5b4231 rgb(91,66,49)
```

Split Complementary Color

#355b31
```
#355b31 rgb(53,91,49)
```
#31355b
```
#31355b rgb(49,53,91)
```
#5b3135
```
#5b3135 rgb(91,49,53)
```

Triadic Color

#315b57
```
#315b57 rgb(49,91,87)
```
#31355b
```
#31355b rgb(49,53,91)
```
#5b3135
```
#5b3135 rgb(91,49,53)
```
#5b5731
```
#5b5731 rgb(91,87,49)
```

Tetradic Color

#161829
```
#161829 rgb(22,24,41)
```
#1f223a
```
#1f223a rgb(31,34,58)
```
#282b4a
```
#282b4a rgb(40,43,74)
```
#31355b
```
#31355b rgb(49,53,91)
```
#3a3f6c
```
#3a3f6c rgb(58,63,108)
```
#43487c
```
#43487c rgb(67,72,124)
```
#4c528d
```
#4c528d rgb(76,82,141)
```

Monochromatic Color

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

#31405b
```
#31405b rgb(49,64,91)
```
#313c5b
```
#313c5b rgb(49,60,91)
```
#31395b
```
#31395b rgb(49,57,91)
```
#31355b
```
#31355b rgb(49,53,91)
```
#31325b
```
#31325b rgb(49,50,91)
```
#34315b
```
#34315b rgb(52,49,91)
```
#38315b
```
#38315b rgb(56,49,91)
```

Similar Colors

Text with hexadecimal color #31355b

This text has a font color of #31355b.

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

#31355b background color

This paragraph has a background color of #31355b.

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

#31355b border color

This element has a border color of #31355b.

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

CSS codes

.text {color:#31355b;}

.background {background-color:#31355b;}

.border {border:1px solid #31355b;}

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

#010102
```
#010102 rgb(1,1,2)
```
#08080f
```
#08080f rgb(8,8,15)
```
#0f101b
```
#0f101b rgb(15,16,27)
```
#161728
```
#161728 rgb(22,23,40)
```
#1c1f35
```
#1c1f35 rgb(28,31,53)
```
#232642
```
#232642 rgb(35,38,66)
```
#2a2e4e
```
#2a2e4e rgb(42,46,78)
```
#31355b
```
#31355b rgb(49,53,91)
```
#383c68
```
#383c68 rgb(56,60,104)
```
#3f4475
```
#3f4475 rgb(63,68,117)
```
#464b81
```
#464b81 rgb(70,75,129)
```
#4c538e
```
#4c538e rgb(76,83,142)
```
#535a9b
```
#535a9b rgb(83,90,155)
```

Shade Color Variation

#5b62a7
```
#5b62a7 rgb(91,98,167)
```
#686eae
```
#686eae rgb(104,110,174)
```
#757bb4
```
#757bb4 rgb(117,123,180)
```
#8187bb
```
#8187bb rgb(129,135,187)
```
#8e93c2
```
#8e93c2 rgb(142,147,194)
```
#9b9fc9
```
#9b9fc9 rgb(155,159,201)
```
#a8abd0
```
#a8abd0 rgb(168,171,208)
```
#b4b8d7
```
#b4b8d7 rgb(180,184,215)
```
#c1c4de
```
#c1c4de rgb(193,196,222)
```
#ced0e4
```
#ced0e4 rgb(206,208,228)
```
#dbdceb
```
#dbdceb rgb(219,220,235)
```
#e7e8f2
```
#e7e8f2 rgb(231,232,242)
```
#f4f4f9
```
#f4f4f9 rgb(244,244,249)
```

Tint Color Variation

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

#41424b
```
#41424b rgb(65,66,75)
```
#3c3e50
```
#3c3e50 rgb(60,62,80)
```
#363956
```
#363956 rgb(54,57,86)
```
#31355b
```
#31355b rgb(49,53,91)
```
#2c3160
```
#2c3160 rgb(44,49,96)
```
#262c66
```
#262c66 rgb(38,44,102)
```
#21286b
```
#21286b rgb(33,40,107)
```
#1b2471
```
#1b2471 rgb(27,36,113)
```
#161f76
```
#161f76 rgb(22,31,118)
```
#111b7b
```
#111b7b rgb(17,27,123)
```
#0b1681
```
#0b1681 rgb(11,22,129)
```
#061286
```
#061286 rgb(6,18,134)
```
#010e8b
```
#010e8b rgb(1,14,139)
```

Tone Color Variation

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

#383838 Achromatopsia 0.005% of the population
#37373f Atypical Achromatopsia 0.001% of the population

Dichromacy

#334164 Protanopia 1% of men
#304262 Deuteranopia 1% of men
#33454a Tritanopia 0.001% of the population

Trichromacy

#323c61 Protanomaly 1% of men, 0.01% of women
#303d5f Deuteranomaly 6% of men, 0.4% of women
#323f50 Tritanomaly 0.01% of the population

#31355b hex color

#31355b Color Information

#31355b Color Conversion

Color Schemes with #31355b

Alternatives to #31355b

#31355b Preview

Shades and Tints of #31355b

Tones of #31355b

Color Blindness Simulator