#312a4c hex color

In a RGB color space, hex #312a4c is composed of 19.2% red, 16.5% green and 29.8% blue. Whereas in a CMYK color space, it is composed of 35.5% cyan, 44.7% magenta, 0% yellow and 70.2% black. It has a hue angle of 252.4 degrees, a saturation of 28.8% and a lightness of 23.1%. #312a4c color hex could be obtained by blending #625498 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 19
- G 16
- B 30
RGB color chart
- C 36
- M 45
- Y 0
- K 70
CMYK color chart

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

The hexadecimal color #312a4c has RGB values of R:49, G:42, B:76 and CMYK values of C:0.36, M:0.45, Y:0, K:0.7. Its decimal value is 3222092.

Hex triplet	312a4c	`#312a4c`
RGB Decimal	49, 42, 76	`rgb(49,42,76)`
RGB Percent	19.2, 16.5, 29.8	`rgb(19.2%,16.5%,29.8%)`
CMYK	36, 45, 0, 70
HSL	252.4°, 28.8, 23.1	`hsl(252.4,28.8%,23.1%)`
HSV (or HSB)	252.4°, 44.7, 29.8
Web Safe	333333	`#333333`

CIE-LAB	19.353, 12.347, -19.94
XYZ	3.399, 2.831, 7.204
xyY	0.253, 0.211, 2.831
CIE-LCH	19.353, 23.453, 301.765
CIE-LUV	19.353, 0.92, -22.833
Hunter-Lab	16.825, 6.617, -13.611
Binary	00110001, 00101010, 01001100

#312a4c
```
#312a4c rgb(49,42,76)
```
#454c2a
```
#454c2a rgb(69,76,42)
```

Complementary Color

#2a344c
```
#2a344c rgb(42,52,76)
```
#312a4c
```
#312a4c rgb(49,42,76)
```
#422a4c
```
#422a4c rgb(66,42,76)
```

Analogous Color

#344c2a
```
#344c2a rgb(52,76,42)
```
#312a4c
```
#312a4c rgb(49,42,76)
```
#4c422a
```
#4c422a rgb(76,66,42)
```

Split Complementary Color

#2a4c31
```
#2a4c31 rgb(42,76,49)
```
#312a4c
```
#312a4c rgb(49,42,76)
```
#4c312a
```
#4c312a rgb(76,49,42)
```

Triadic Color

#2a454c
```
#2a454c rgb(42,69,76)
```
#312a4c
```
#312a4c rgb(49,42,76)
```
#4c312a
```
#4c312a rgb(76,49,42)
```
#454c2a
```
#454c2a rgb(69,76,42)
```

Tetradic Color

#110f1b
```
#110f1b rgb(17,15,27)
```
#1c182b
```
#1c182b rgb(28,24,43)
```
#26213c
```
#26213c rgb(38,33,60)
```
#312a4c
```
#312a4c rgb(49,42,76)
```
#3c335c
```
#3c335c rgb(60,51,92)
```
#463c6d
```
#463c6d rgb(70,60,109)
```
#51457d
```
#51457d rgb(81,69,125)
```

Monochromatic Color

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

#2a2c4c
```
#2a2c4c rgb(42,44,76)
```
#2b2a4c
```
#2b2a4c rgb(43,42,76)
```
#2e2a4c
```
#2e2a4c rgb(46,42,76)
```
#312a4c
```
#312a4c rgb(49,42,76)
```
#342a4c
```
#342a4c rgb(52,42,76)
```
#372a4c
```
#372a4c rgb(55,42,76)
```
#3a2a4c
```
#3a2a4c rgb(58,42,76)
```

Similar Colors

Text with hexadecimal color #312a4c

This text has a font color of #312a4c.

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

#312a4c background color

This paragraph has a background color of #312a4c.

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

#312a4c border color

This element has a border color of #312a4c.

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

CSS codes

.text {color:#312a4c;}

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

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

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 #f4f3f8 is the lightest one.

#000000
```
#000000 rgb(0,0,0)
```
#08070d
```
#08070d rgb(8,7,13)
```
#100e19
```
#100e19 rgb(16,14,25)
```
#191526
```
#191526 rgb(25,21,38)
```
#211c33
```
#211c33 rgb(33,28,51)
```
#29233f
```
#29233f rgb(41,35,63)
```
#312a4c
```
#312a4c rgb(49,42,76)
```
#393159
```
#393159 rgb(57,49,89)
```
#413865
```
#413865 rgb(65,56,101)
```
#493f72
```
#493f72 rgb(73,63,114)
```
#52467f
```
#52467f rgb(82,70,127)
```
#5a4d8b
```
#5a4d8b rgb(90,77,139)
```
#625498
```
#625498 rgb(98,84,152)
```

Shade Color Variation

#6a5ba4
```
#6a5ba4 rgb(106,91,164)
```
#7668ab
```
#7668ab rgb(118,104,171)
```
#8174b2
```
#8174b2 rgb(129,116,178)
```
#8c81b9
```
#8c81b9 rgb(140,129,185)
```
#988dc0
```
#988dc0 rgb(152,141,192)
```
#a39ac7
```
#a39ac7 rgb(163,154,199)
```
#afa7ce
```
#afa7ce rgb(175,167,206)
```
#bab3d5
```
#bab3d5 rgb(186,179,213)
```
#c6c0dc
```
#c6c0dc rgb(198,192,220)
```
#d1cde3
```
#d1cde3 rgb(209,205,227)
```
#ddd9ea
```
#ddd9ea rgb(221,217,234)
```
#e8e6f1
```
#e8e6f1 rgb(232,230,241)
```
#f4f3f8
```
#f4f3f8 rgb(244,243,248)
```

Tint Color Variation

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

#39383e
```
#39383e rgb(57,56,62)
```
#363343
```
#363343 rgb(54,51,67)
```
#342f47
```
#342f47 rgb(52,47,71)
```
#312a4c
```
#312a4c rgb(49,42,76)
```
#2e2551
```
#2e2551 rgb(46,37,81)
```
#2c2155
```
#2c2155 rgb(44,33,85)
```
#291c5a
```
#291c5a rgb(41,28,90)
```
#26185e
```
#26185e rgb(38,24,94)
```
#241363
```
#241363 rgb(36,19,99)
```
#210f67
```
#210f67 rgb(33,15,103)
```
#1e0a6c
```
#1e0a6c rgb(30,10,108)
```
#1c0670
```
#1c0670 rgb(28,6,112)
```
#190175
```
#190175 rgb(25,1,117)
```

Tone Color Variation

Below, you can see how #312a4c 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
#302f36 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2c3858 Protanopia 1% of men
#2c3953 Deuteranopia 1% of men
#353a3e Tritanopia 0.001% of the population

Trichromacy

#2e3353 Protanomaly 1% of men, 0.01% of women
#2e3350 Deuteranomaly 6% of men, 0.4% of women
#343443 Tritanomaly 0.01% of the population

#312a4c hex color

#312a4c Color Information

#312a4c Color Conversion

Color Schemes with #312a4c

Alternatives to #312a4c

#312a4c Preview

Shades and Tints of #312a4c

Tones of #312a4c

Color Blindness Simulator