colorhexa.com

#31386a hex color

In a RGB color space, hex #31386a is composed of 19.2% red, 22% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 53.8% cyan, 47.2% magenta, 0% yellow and 58.4% black. It has a hue angle of 232.6 degrees, a saturation of 36.8% and a lightness of 30.4%. #31386a color hex could be obtained by blending #6270d4 with #000000. Closest websafe color is: #333366.

- R 19
- G 22
- B 42
RGB color chart
- C 54
- M 47
- Y 0
- K 58
CMYK color chart

● #31386a color description : Very dark desaturated blue.

The hexadecimal color #31386a has RGB values of R:49, G:56, B:106 and CMYK values of C:0.54, M:0.47, Y:0, K:0.58. Its decimal value is 3225706.

Hex triplet	31386a	`#31386a`
RGB Decimal	49, 56, 106	`rgb(49,56,106)`
RGB Percent	19.2, 22, 41.6	`rgb(19.2%,22%,41.6%)`
CMYK	54, 47, 0, 58
HSL	232.6°, 36.8, 30.4	`hsl(232.6,36.8%,30.4%)`
HSV (or HSB)	232.6°, 53.8, 41.6
Web Safe	333366	`#333366`

CIE-LAB	25.326, 12.672, -30.241
XYZ	5.282, 4.522, 14.229
xyY	0.22, 0.188, 4.522
CIE-LCH	25.326, 32.789, 292.735
CIE-LUV	25.326, -5.066, -38.486
Hunter-Lab	21.264, 7.125, -24.79
Binary	00110001, 00111000, 01101010

#31386a
```
#31386a rgb(49,56,106)
```
#6a6331
```
#6a6331 rgb(106,99,49)
```

Complementary Color

#31556a
```
#31556a rgb(49,85,106)
```
#31386a
```
#31386a rgb(49,56,106)
```
#47316a
```
#47316a rgb(71,49,106)
```

Analogous Color

#556a31
```
#556a31 rgb(85,106,49)
```
#31386a
```
#31386a rgb(49,56,106)
```
#6a4731
```
#6a4731 rgb(106,71,49)
```

Split Complementary Color

#386a31
```
#386a31 rgb(56,106,49)
```
#31386a
```
#31386a rgb(49,56,106)
```
#6a3138
```
#6a3138 rgb(106,49,56)
```

Triadic Color

#191c36
```
#191c36 rgb(25,28,54)
```
#212647
```
#212647 rgb(33,38,71)
```
#292f59
```
#292f59 rgb(41,47,89)
```
#31386a
```
#31386a rgb(49,56,106)
```
#39417b
```
#39417b rgb(57,65,123)
```
#414a8d
```
#414a8d rgb(65,74,141)
```
#49549e
```
#49549e rgb(73,84,158)
```

Monochromatic Color

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

#31466a
```
#31466a rgb(49,70,106)
```
#31426a
```
#31426a rgb(49,66,106)
```
#313d6a
```
#313d6a rgb(49,61,106)
```
#31386a
```
#31386a rgb(49,56,106)
```
#31336a
```
#31336a rgb(49,51,106)
```
#34316a
```
#34316a rgb(52,49,106)
```
#38316a
```
#38316a rgb(56,49,106)
```

Similar Colors

Text with hexadecimal color #31386a

This text has a font color of #31386a.

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

#31386a background color

This paragraph has a background color of #31386a.

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

#31386a border color

This element has a border color of #31386a.

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

CSS codes

.text {color:#31386a;}

.background {background-color:#31386a;}

.border {border:1px solid #31386a;}

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, #06060c is the darkest color, while #fefefe is the lightest one.

#06060c
```
#06060c rgb(6,6,12)
```
#0c0d1a
```
#0c0d1a rgb(12,13,26)
```
#121527
```
#121527 rgb(18,21,39)
```
#181c34
```
#181c34 rgb(24,28,52)
```
#1e2342
```
#1e2342 rgb(30,35,66)
```
#252a4f
```
#252a4f rgb(37,42,79)
```
#2b315d
```
#2b315d rgb(43,49,93)
```
#31386a
```
#31386a rgb(49,56,106)
```
#373f77
```
#373f77 rgb(55,63,119)
```
#3d4685
```
#3d4685 rgb(61,70,133)
```
#444d92
```
#444d92 rgb(68,77,146)
```
#4a54a0
```
#4a54a0 rgb(74,84,160)
```
#505bad
```
#505bad rgb(80,91,173)
```

Shade Color Variation

#5d67b4
```
#5d67b4 rgb(93,103,180)
```
#6a74ba
```
#6a74ba rgb(106,116,186)
```
#7880c0
```
#7880c0 rgb(120,128,192)
```
#858dc7
```
#858dc7 rgb(133,141,199)
```
#929acd
```
#929acd rgb(146,154,205)
```
#a0a6d3
```
#a0a6d3 rgb(160,166,211)
```
#adb3d9
```
#adb3d9 rgb(173,179,217)
```
#bbbfdf
```
#bbbfdf rgb(187,191,223)
```
#c8cce6
```
#c8cce6 rgb(200,204,230)
```
#d5d8ec
```
#d5d8ec rgb(213,216,236)
```
#e3e5f2
```
#e3e5f2 rgb(227,229,242)
```
#f0f1f8
```
#f0f1f8 rgb(240,241,248)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#494a52
```
#494a52 rgb(73,74,82)
```
#434558
```
#434558 rgb(67,69,88)
```
#3d415e
```
#3d415e rgb(61,65,94)
```
#373c64
```
#373c64 rgb(55,60,100)
```
#31386a
```
#31386a rgb(49,56,106)
```
#2b3470
```
#2b3470 rgb(43,52,112)
```
#252f76
```
#252f76 rgb(37,47,118)
```
#1f2b7c
```
#1f2b7c rgb(31,43,124)
```
#192682
```
#192682 rgb(25,38,130)
```
#132288
```
#132288 rgb(19,34,136)
```
#0d1d8e
```
#0d1d8e rgb(13,29,142)
```
#071994
```
#071994 rgb(7,25,148)
```
#01149a
```
#01149a rgb(1,20,154)
```

Tone Color Variation

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

#3c3c3c Achromatopsia 0.005% of the population
#3a3b45 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2f4473 Protanopia 1% of men
#264670 Deuteranopia 1% of men
#2d4a4f Tritanopia 0.001% of the population

Trichromacy

#2f4070 Protanomaly 1% of men, 0.01% of women
#2a416d Deuteranomaly 6% of men, 0.4% of women
#2e4359 Tritanomaly 0.01% of the population