#312e6f hex color

In a RGB color space, hex #312e6f is composed of 19.2% red, 18% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 55.9% cyan, 58.6% magenta, 0% yellow and 56.5% black. It has a hue angle of 242.8 degrees, a saturation of 41.4% and a lightness of 30.8%. #312e6f color hex could be obtained by blending #625cde with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 19
- G 18
- B 44
RGB color chart
- C 56
- M 59
- Y 0
- K 56
CMYK color chart

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

The hexadecimal color #312e6f has RGB values of R:49, G:46, B:111 and CMYK values of C:0.56, M:0.59, Y:0, K:0.56. Its decimal value is 3223151.

Hex triplet	312e6f	`#312e6f`
RGB Decimal	49, 46, 111	`rgb(49,46,111)`
RGB Percent	19.2, 18, 43.5	`rgb(19.2%,18%,43.5%)`
CMYK	56, 59, 0, 56
HSL	242.8°, 41.4, 30.8	`hsl(242.8,41.4%,30.8%)`
HSV (or HSB)	242.8°, 58.6, 43.5
Web Safe	333366	`#333366`

CIE-LAB	22.843, 21.315, -37.444
XYZ	5.112, 3.754, 15.493
xyY	0.21, 0.154, 3.754
CIE-LCH	22.843, 43.086, 299.65
CIE-LUV	22.843, -2.476, -46.087
Hunter-Lab	19.376, 13.187, -33.844
Binary	00110001, 00101110, 01101111

#312e6f
```
#312e6f rgb(49,46,111)
```
#6c6f2e
```
#6c6f2e rgb(108,111,46)
```

Complementary Color

#2e4c6f
```
#2e4c6f rgb(46,76,111)
```
#312e6f
```
#312e6f rgb(49,46,111)
```
#512e6f
```
#512e6f rgb(81,46,111)
```

Analogous Color

#4c6f2e
```
#4c6f2e rgb(76,111,46)
```
#312e6f
```
#312e6f rgb(49,46,111)
```
#6f522e
```
#6f522e rgb(111,82,46)
```

Split Complementary Color

#2e6f31
```
#2e6f31 rgb(46,111,49)
```
#312e6f
```
#312e6f rgb(49,46,111)
```
#6f312e
```
#6f312e rgb(111,49,46)
```

Triadic Color

#2e6c6f
```
#2e6c6f rgb(46,108,111)
```
#312e6f
```
#312e6f rgb(49,46,111)
```
#6f312e
```
#6f312e rgb(111,49,46)
```
#6c6f2e
```
#6c6f2e rgb(108,111,46)
```

Tetradic Color

#191839
```
#191839 rgb(25,24,57)
```
#211f4b
```
#211f4b rgb(33,31,75)
```
#29275d
```
#29275d rgb(41,39,93)
```
#312e6f
```
#312e6f rgb(49,46,111)
```
#393581
```
#393581 rgb(57,53,129)
```
#413d93
```
#413d93 rgb(65,61,147)
```
#4944a5
```
#4944a5 rgb(73,68,165)
```

Monochromatic Color

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

#2e3b6f
```
#2e3b6f rgb(46,59,111)
```
#2e366f
```
#2e366f rgb(46,54,111)
```
#2e306f
```
#2e306f rgb(46,48,111)
```
#312e6f
```
#312e6f rgb(49,46,111)
```
#362e6f
```
#362e6f rgb(54,46,111)
```
#3c2e6f
```
#3c2e6f rgb(60,46,111)
```
#412e6f
```
#412e6f rgb(65,46,111)
```

Similar Colors

Text with hexadecimal color #312e6f

This text has a font color of #312e6f.

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

#312e6f background color

This paragraph has a background color of #312e6f.

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

#312e6f border color

This element has a border color of #312e6f.

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

CSS codes

.text {color:#312e6f;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#06060e
```
#06060e rgb(6,6,14)
```
#0c0c1c
```
#0c0c1c rgb(12,12,28)
```
#12112a
```
#12112a rgb(18,17,42)
```
#191738
```
#191738 rgb(25,23,56)
```
#1f1d45
```
#1f1d45 rgb(31,29,69)
```
#252353
```
#252353 rgb(37,35,83)
```
#2b2861
```
#2b2861 rgb(43,40,97)
```
#312e6f
```
#312e6f rgb(49,46,111)
```
#37347d
```
#37347d rgb(55,52,125)
```
#3d398b
```
#3d398b rgb(61,57,139)
```
#433f99
```
#433f99 rgb(67,63,153)
```
#4945a6
```
#4945a6 rgb(73,69,166)
```

Shade Color Variation

#504bb4
```
#504bb4 rgb(80,75,180)
```
#5d59ba
```
#5d59ba rgb(93,89,186)
```
#6b67c0
```
#6b67c0 rgb(107,103,192)
```
#7874c6
```
#7874c6 rgb(120,116,198)
```
#8682cb
```
#8682cb rgb(134,130,203)
```
#9390d1
```
#9390d1 rgb(147,144,209)
```
#a19ed7
```
#a19ed7 rgb(161,158,215)
```
#aeacdd
```
#aeacdd rgb(174,172,221)
```
#bcbae2
```
#bcbae2 rgb(188,186,226)
```
#c9c8e8
```
#c9c8e8 rgb(201,200,232)
```
#d7d5ee
```
#d7d5ee rgb(215,213,238)
```
#e4e3f4
```
#e4e3f4 rgb(228,227,244)
```
#f2f1f9
```
#f2f1f9 rgb(242,241,249)
```

Tint Color Variation

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

#4c4c51
```
#4c4c51 rgb(76,76,81)
```
#474657
```
#474657 rgb(71,70,87)
```
#41405d
```
#41405d rgb(65,64,93)
```
#3c3a63
```
#3c3a63 rgb(60,58,99)
```
#363469
```
#363469 rgb(54,52,105)
```
#312e6f
```
#312e6f rgb(49,46,111)
```
#2c2875
```
#2c2875 rgb(44,40,117)
```
#26227b
```
#26227b rgb(38,34,123)
```
#211c81
```
#211c81 rgb(33,28,129)
```
#1b1687
```
#1b1687 rgb(27,22,135)
```
#16108d
```
#16108d rgb(22,16,141)
```
#100a93
```
#100a93 rgb(16,10,147)
```
#0b0499
```
#0b0499 rgb(11,4,153)
```

Tone Color Variation

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

#363636 Achromatopsia 0.005% of the population
#353441 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003e7b Protanopia 1% of men
#00426d Deuteranopia 1% of men
#28454a Tritanopia 0.001% of the population

Trichromacy

#113877 Protanomaly 1% of men, 0.01% of women
#113a6d Deuteranomaly 6% of men, 0.4% of women
#2b3c57 Tritanomaly 0.01% of the population

#312e6f hex color

#312e6f Color Information

#312e6f Color Conversion

Color Schemes with #312e6f

Alternatives to #312e6f

#312e6f Preview

Shades and Tints of #312e6f

Tones of #312e6f

Color Blindness Simulator