colorhexa.com

#312b4a hex color

In a RGB color space, hex #312b4a is composed of 19.2% red, 16.9% green and 29% blue. Whereas in a CMYK color space, it is composed of 33.8% cyan, 41.9% magenta, 0% yellow and 71% black. It has a hue angle of 251.6 degrees, a saturation of 26.5% and a lightness of 22.9%. #312b4a color hex could be obtained by blending #625694 with #000000. Closest websafe color is: #333333.

- R 19
- G 17
- B 29
RGB color chart
- C 34
- M 42
- Y 0
- K 71
CMYK color chart

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

The hexadecimal color #312b4a has RGB values of R:49, G:43, B:74 and CMYK values of C:0.34, M:0.42, Y:0, K:0.71. Its decimal value is 3222346.

Hex triplet	312b4a	`#312b4a`
RGB Decimal	49, 43, 74	`rgb(49,43,74)`
RGB Percent	19.2, 16.9, 29	`rgb(19.2%,16.9%,29%)`
CMYK	34, 42, 0, 71
HSL	251.6°, 26.5, 22.9	`hsl(251.6,26.5%,22.9%)`
HSV (or HSB)	251.6°, 41.9, 29
Web Safe	333333	`#333333`

CIE-LAB	19.537, 11.026, -18.296
XYZ	3.366, 2.875, 6.856
xyY	0.257, 0.22, 2.875
CIE-LCH	19.537, 21.362, 301.074
CIE-LUV	19.537, 0.75, -20.947
Hunter-Lab	16.956, 5.764, -12.103
Binary	00110001, 00101011, 01001010

#312b4a
```
#312b4a rgb(49,43,74)
```
#444a2b
```
#444a2b rgb(68,74,43)
```

Complementary Color

#2b354a
```
#2b354a rgb(43,53,74)
```
#312b4a
```
#312b4a rgb(49,43,74)
```
#412b4a
```
#412b4a rgb(65,43,74)
```

Analogous Color

#354a2b
```
#354a2b rgb(53,74,43)
```
#312b4a
```
#312b4a rgb(49,43,74)
```
#4a412b
```
#4a412b rgb(74,65,43)
```

Split Complementary Color

#110f1a
```
#110f1a rgb(17,15,26)
```
#1c182a
```
#1c182a rgb(28,24,42)
```
#26223a
```
#26223a rgb(38,34,58)
```
#312b4a
```
#312b4a rgb(49,43,74)
```
#3c345a
```
#3c345a rgb(60,52,90)
```
#463e6a
```
#463e6a rgb(70,62,106)
```
#51477a
```
#51477a rgb(81,71,122)
```

Monochromatic Color

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

#2b2d4a
```
#2b2d4a rgb(43,45,74)
```
#2c2b4a
```
#2c2b4a rgb(44,43,74)
```
#2e2b4a
```
#2e2b4a rgb(46,43,74)
```
#312b4a
```
#312b4a rgb(49,43,74)
```
#342b4a
```
#342b4a rgb(52,43,74)
```
#362b4a
```
#362b4a rgb(54,43,74)
```
#392b4a
```
#392b4a rgb(57,43,74)
```

Similar Colors

Text with hexadecimal color #312b4a

This text has a font color of #312b4a.

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

#312b4a background color

This paragraph has a background color of #312b4a.

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

#312b4a border color

This element has a border color of #312b4a.

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

CSS codes

.text {color:#312b4a;}

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

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

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

#08070c
```
#08070c rgb(8,7,12)
```
#100e18
```
#100e18 rgb(16,14,24)
```
#181525
```
#181525 rgb(24,21,37)
```
#211d31
```
#211d31 rgb(33,29,49)
```
#29243e
```
#29243e rgb(41,36,62)
```
#312b4a
```
#312b4a rgb(49,43,74)
```
#393256
```
#393256 rgb(57,50,86)
```
#413963
```
#413963 rgb(65,57,99)
```
#4a416f
```
#4a416f rgb(74,65,111)
```
#52487c
```
#52487c rgb(82,72,124)
```
#5a4f88
```
#5a4f88 rgb(90,79,136)
```
#625694
```
#625694 rgb(98,86,148)
```
#6b5da1
```
#6b5da1 rgb(107,93,161)
```

Shade Color Variation

#766aa8
```
#766aa8 rgb(118,106,168)
```
#8176af
```
#8176af rgb(129,118,175)
```
#8d82b7
```
#8d82b7 rgb(141,130,183)
```
#988fbe
```
#988fbe rgb(152,143,190)
```
#a39bc5
```
#a39bc5 rgb(163,155,197)
```
#afa8cc
```
#afa8cc rgb(175,168,204)
```
#bab4d3
```
#bab4d3 rgb(186,180,211)
```
#c6c1db
```
#c6c1db rgb(198,193,219)
```
#d1cde2
```
#d1cde2 rgb(209,205,226)
```
#dcd9e9
```
#dcd9e9 rgb(220,217,233)
```
#e8e6f0
```
#e8e6f0 rgb(232,230,240)
```
#f3f2f8
```
#f3f2f8 rgb(243,242,248)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#39393d
```
#39393d rgb(57,57,61)
```
#373441
```
#373441 rgb(55,52,65)
```
#343046
```
#343046 rgb(52,48,70)
```
#312b4a
```
#312b4a rgb(49,43,74)
```
#2e274f
```
#2e274f rgb(46,39,79)
```
#2b2253
```
#2b2253 rgb(43,34,83)
```
#291e58
```
#291e58 rgb(41,30,88)
```
#26195c
```
#26195c rgb(38,25,92)
```
#231561
```
#231561 rgb(35,21,97)
```
#201065
```
#201065 rgb(32,16,101)
```
#1e0c6a
```
#1e0c6a rgb(30,12,106)
```
#1b076e
```
#1b076e rgb(27,7,110)
```
#180273
```
#180273 rgb(24,2,115)
```

Tone Color Variation

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

#303030 Achromatopsia 0.005% of the population
#302f35 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2f3955 Protanopia 1% of men
#2f3952 Deuteranopia 1% of men
#363a3e Tritanopia 0.001% of the population

Trichromacy

#2f3451 Protanomaly 1% of men, 0.01% of women
#2f344f Deuteranomaly 6% of men, 0.4% of women
#343442 Tritanomaly 0.01% of the population