colorhexa.com

#312e59 hex color

In a RGB color space, hex #312e59 is composed of 19.2% red, 18% green and 34.9% blue. Whereas in a CMYK color space, it is composed of 44.9% cyan, 48.3% magenta, 0% yellow and 65.1% black. It has a hue angle of 244.2 degrees, a saturation of 31.9% and a lightness of 26.5%. #312e59 color hex could be obtained by blending #625cb2 with #000000. Closest websafe color is: #333366.

- R 19
- G 18
- B 35
RGB color chart
- C 45
- M 48
- Y 0
- K 65
CMYK color chart

● #312e59 color description : Very dark desaturated blue.

The hexadecimal color #312e59 has RGB values of R:49, G:46, B:89 and CMYK values of C:0.45, M:0.48, Y:0, K:0.65. Its decimal value is 3223129.

Hex triplet	312e59	`#312e59`
RGB Decimal	49, 46, 89	`rgb(49,46,89)`
RGB Percent	19.2, 18, 34.9	`rgb(19.2%,18%,34.9%)`
CMYK	45, 48, 0, 65
HSL	244.2°, 31.9, 26.5	`hsl(244.2,31.9%,26.5%)`
HSV (or HSB)	244.2°, 48.3, 34.9
Web Safe	333366	`#333366`

CIE-LAB	21.313, 13.757, -25.54
XYZ	4.046, 3.328, 9.88
xyY	0.235, 0.193, 3.328
CIE-LCH	21.313, 29.009, 298.309
CIE-LUV	21.313, -1.177, -30.499
Hunter-Lab	18.243, 7.667, -19.339
Binary	00110001, 00101110, 01011001

#312e59
```
#312e59 rgb(49,46,89)
```
#56592e
```
#56592e rgb(86,89,46)
```

Complementary Color

#2e4159
```
#2e4159 rgb(46,65,89)
```
#312e59
```
#312e59 rgb(49,46,89)
```
#472e59
```
#472e59 rgb(71,46,89)
```

Analogous Color

#41592e
```
#41592e rgb(65,89,46)
```
#312e59
```
#312e59 rgb(49,46,89)
```
#59472e
```
#59472e rgb(89,71,46)
```

Split Complementary Color

#151427
```
#151427 rgb(21,20,39)
```
#1e1d37
```
#1e1d37 rgb(30,29,55)
```
#282548
```
#282548 rgb(40,37,72)
```
#312e59
```
#312e59 rgb(49,46,89)
```
#3a376a
```
#3a376a rgb(58,55,106)
```
#443f7b
```
#443f7b rgb(68,63,123)
```
#4d488b
```
#4d488b rgb(77,72,139)
```

Monochromatic Color

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

#2e3659
```
#2e3659 rgb(46,54,89)
```
#2e3259
```
#2e3259 rgb(46,50,89)
```
#2e2f59
```
#2e2f59 rgb(46,47,89)
```
#312e59
```
#312e59 rgb(49,46,89)
```
#352e59
```
#352e59 rgb(53,46,89)
```
#382e59
```
#382e59 rgb(56,46,89)
```
#3c2e59
```
#3c2e59 rgb(60,46,89)
```

Similar Colors

Text with hexadecimal color #312e59

This text has a font color of #312e59.

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

#312e59 background color

This paragraph has a background color of #312e59.

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

#312e59 border color

This element has a border color of #312e59.

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

CSS codes

.text {color:#312e59;}

.background {background-color:#312e59;}

.border {border:1px solid #312e59;}

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

#06060b
```
#06060b rgb(6,6,11)
```
#0d0d18
```
#0d0d18 rgb(13,13,24)
```
#151325
```
#151325 rgb(21,19,37)
```
#1c1a32
```
#1c1a32 rgb(28,26,50)
```
#23213f
```
#23213f rgb(35,33,63)
```
#2a274c
```
#2a274c rgb(42,39,76)
```
#312e59
```
#312e59 rgb(49,46,89)
```
#383566
```
#383566 rgb(56,53,102)
```
#3f3b73
```
#3f3b73 rgb(63,59,115)
```
#464280
```
#464280 rgb(70,66,128)
```
#4d498d
```
#4d498d rgb(77,73,141)
```
#554f9a
```
#554f9a rgb(85,79,154)
```
#5c56a7
```
#5c56a7 rgb(92,86,167)
```

Shade Color Variation

#6862ae
```
#6862ae rgb(104,98,174)
```
#746fb5
```
#746fb5 rgb(116,111,181)
```
#817cbb
```
#817cbb rgb(129,124,187)
```
#8d89c2
```
#8d89c2 rgb(141,137,194)
```
#9a96c9
```
#9a96c9 rgb(154,150,201)
```
#a6a3cf
```
#a6a3cf rgb(166,163,207)
```
#b3b0d6
```
#b3b0d6 rgb(179,176,214)
```
#bfbddd
```
#bfbddd rgb(191,189,221)
```
#cccae3
```
#cccae3 rgb(204,202,227)
```
#d8d7ea
```
#d8d7ea rgb(216,215,234)
```
#e5e4f1
```
#e5e4f1 rgb(229,228,241)
```
#f1f1f8
```
#f1f1f8 rgb(241,241,248)
```
#fefdfe
```
#fefdfe rgb(254,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #434344 is the less saturated color, while #0d0483 is the most saturated one.

#434344
```
#434344 rgb(67,67,68)
```
#3e3e49
```
#3e3e49 rgb(62,62,73)
```
#3a384f
```
#3a384f rgb(58,56,79)
```
#353354
```
#353354 rgb(53,51,84)
```
#312e59
```
#312e59 rgb(49,46,89)
```
#2d295e
```
#2d295e rgb(45,41,94)
```
#282463
```
#282463 rgb(40,36,99)
```
#241e69
```
#241e69 rgb(36,30,105)
```
#1f196e
```
#1f196e rgb(31,25,110)
```
#1b1473
```
#1b1473 rgb(27,20,115)
```
#160f78
```
#160f78 rgb(22,15,120)
```
#120a7d
```
#120a7d rgb(18,10,125)
```
#0d0483
```
#0d0483 rgb(13,4,131)
```

Tone Color Variation

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

#343434 Achromatopsia 0.005% of the population
#33333b Atypical Achromatopsia 0.001% of the population

Dichromacy

#2a3c64 Protanopia 1% of men
#273e5f Deuteranopia 1% of men
#323f44 Tritanopia 0.001% of the population

Trichromacy

#2d3760 Protanomaly 1% of men, 0.01% of women
#2a385d Deuteranomaly 6% of men, 0.4% of women
#32394b Tritanomaly 0.01% of the population