colorhexa.com

#31376c hex color

In a RGB color space, hex #31376c is composed of 19.2% red, 21.6% green and 42.4% blue. Whereas in a CMYK color space, it is composed of 54.6% cyan, 49.1% magenta, 0% yellow and 57.6% black. It has a hue angle of 233.9 degrees, a saturation of 37.6% and a lightness of 30.8%. #31376c color hex could be obtained by blending #626ed8 with #000000. Closest websafe color is: #333366.

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

● #31376c color description : Very dark desaturated blue.

The hexadecimal color #31376c has RGB values of R:49, G:55, B:108 and CMYK values of C:0.55, M:0.49, Y:0, K:0.58. Its decimal value is 3225452.

Hex triplet	31376c	`#31376c`
RGB Decimal	49, 55, 108	`rgb(49,55,108)`
RGB Percent	19.2, 21.6, 42.4	`rgb(19.2%,21.6%,42.4%)`
CMYK	55, 49, 0, 58
HSL	233.9°, 37.6, 30.8	`hsl(233.9,37.6%,30.8%)`
HSV (or HSB)	233.9°, 54.6, 42.4
Web Safe	333366	`#333366`

CIE-LAB	25.161, 14.069, -31.789
XYZ	5.339, 4.468, 14.768
xyY	0.217, 0.182, 4.468
CIE-LCH	25.161, 34.764, 293.873
CIE-LUV	25.161, -4.833, -40.447
Hunter-Lab	21.137, 8.097, -26.627
Binary	00110001, 00110111, 01101100

#31376c
```
#31376c rgb(49,55,108)
```
#6c6631
```
#6c6631 rgb(108,102,49)
```

Complementary Color

#31556c
```
#31556c rgb(49,85,108)
```
#31376c
```
#31376c rgb(49,55,108)
```
#49316c
```
#49316c rgb(73,49,108)
```

Analogous Color

#556c31
```
#556c31 rgb(85,108,49)
```
#31376c
```
#31376c rgb(49,55,108)
```
#6c4931
```
#6c4931 rgb(108,73,49)
```

Split Complementary Color

#376c31
```
#376c31 rgb(55,108,49)
```
#31376c
```
#31376c rgb(49,55,108)
```
#6c3137
```
#6c3137 rgb(108,49,55)
```

Triadic Color

#316c66
```
#316c66 rgb(49,108,102)
```
#31376c
```
#31376c rgb(49,55,108)
```
#6c3137
```
#6c3137 rgb(108,49,55)
```
#6c6631
```
#6c6631 rgb(108,102,49)
```

Tetradic Color

#191c37
```
#191c37 rgb(25,28,55)
```
#212549
```
#212549 rgb(33,37,73)
```
#292e5a
```
#292e5a rgb(41,46,90)
```
#31376c
```
#31376c rgb(49,55,108)
```
#39407e
```
#39407e rgb(57,64,126)
```
#41498f
```
#41498f rgb(65,73,143)
```
#4952a1
```
#4952a1 rgb(73,82,161)
```

Monochromatic Color

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

#31466c
```
#31466c rgb(49,70,108)
```
#31416c
```
#31416c rgb(49,65,108)
```
#313c6c
```
#313c6c rgb(49,60,108)
```
#31376c
```
#31376c rgb(49,55,108)
```
#31326c
```
#31326c rgb(49,50,108)
```
#35316c
```
#35316c rgb(53,49,108)
```
#3a316c
```
#3a316c rgb(58,49,108)
```

Similar Colors

Text with hexadecimal color #31376c

This text has a font color of #31376c.

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

#31376c background color

This paragraph has a background color of #31376c.

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

#31376c border color

This element has a border color of #31376c.

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

CSS codes

.text {color:#31376c;}

.background {background-color:#31376c;}

.border {border:1px solid #31376c;}

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

#000000
```
#000000 rgb(0,0,0)
```
#06070e
```
#06070e rgb(6,7,14)
```
#0c0e1b
```
#0c0e1b rgb(12,14,27)
```
#121529
```
#121529 rgb(18,21,41)
```
#191c36
```
#191c36 rgb(25,28,54)
```
#1f2244
```
#1f2244 rgb(31,34,68)
```
#252951
```
#252951 rgb(37,41,81)
```
#2b305f
```
#2b305f rgb(43,48,95)
```
#31376c
```
#31376c rgb(49,55,108)
```
#373e79
```
#373e79 rgb(55,62,121)
```
#3d4587
```
#3d4587 rgb(61,69,135)
```
#434c94
```
#434c94 rgb(67,76,148)
```
#4952a2
```
#4952a2 rgb(73,82,162)
```

Shade Color Variation

#5059af
```
#5059af rgb(80,89,175)
```
#5d66b6
```
#5d66b6 rgb(93,102,182)
```
#6b73bc
```
#6b73bc rgb(107,115,188)
```
#7880c2
```
#7880c2 rgb(120,128,194)
```
#868cc8
```
#868cc8 rgb(134,140,200)
```
#9399ce
```
#9399ce rgb(147,153,206)
```
#a1a6d4
```
#a1a6d4 rgb(161,166,212)
```
#aeb3da
```
#aeb3da rgb(174,179,218)
```
#bcbfe0
```
#bcbfe0 rgb(188,191,224)
```
#c9cce7
```
#c9cce7 rgb(201,204,231)
```
#d7d9ed
```
#d7d9ed rgb(215,217,237)
```
#e4e6f3
```
#e4e6f3 rgb(228,230,243)
```
#f2f2f9
```
#f2f2f9 rgb(242,242,249)
```

Tint Color Variation

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

#494a54
```
#494a54 rgb(73,74,84)
```
#43455a
```
#43455a rgb(67,69,90)
```
#3d4160
```
#3d4160 rgb(61,65,96)
```
#373c66
```
#373c66 rgb(55,60,102)
```
#31376c
```
#31376c rgb(49,55,108)
```
#2b3272
```
#2b3272 rgb(43,50,114)
```
#252d78
```
#252d78 rgb(37,45,120)
```
#1f297e
```
#1f297e rgb(31,41,126)
```
#192484
```
#192484 rgb(25,36,132)
```
#131f8a
```
#131f8a rgb(19,31,138)
```
#0d1a90
```
#0d1a90 rgb(13,26,144)
```
#071596
```
#071596 rgb(7,21,150)
```
#01119c
```
#01119c rgb(1,17,156)
```

Tone Color Variation

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

#3b3b3b Achromatopsia 0.005% of the population
#393a45 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2b4476 Protanopia 1% of men
#214671 Deuteranopia 1% of men
#2c4a4f Tritanopia 0.001% of the population

Trichromacy

#2d3f72 Protanomaly 1% of men, 0.01% of women
#26406f Deuteranomaly 6% of men, 0.4% of women
#2e4359 Tritanomaly 0.01% of the population