#312643 hex color

In a RGB color space, hex #312643 is composed of 19.2% red, 14.9% green and 26.3% blue. Whereas in a CMYK color space, it is composed of 26.9% cyan, 43.3% magenta, 0% yellow and 73.7% black. It has a hue angle of 262.8 degrees, a saturation of 27.6% and a lightness of 20.6%. #312643 color hex could be obtained by blending #624c86 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 19
- G 15
- B 26
RGB color chart
- C 27
- M 43
- Y 0
- K 74
CMYK color chart

● #312643 color description : Very dark desaturated violet.

The hexadecimal color #312643 has RGB values of R:49, G:38, B:67 and CMYK values of C:0.27, M:0.43, Y:0, K:0.74. Its decimal value is 3221059.

Hex triplet	312643	`#312643`
RGB Decimal	49, 38, 67	`rgb(49,38,67)`
RGB Percent	19.2, 14.9, 26.3	`rgb(19.2%,14.9%,26.3%)`
CMYK	27, 43, 0, 74
HSL	262.8°, 27.6, 20.6	`hsl(262.8,27.6%,20.6%)`
HSV (or HSB)	262.8°, 43.3, 26.3
Web Safe	333333	`#333333`

CIE-LAB	17.666, 12.424, -16.444
XYZ	2.973, 2.444, 5.625
xyY	0.269, 0.221, 2.444
CIE-LCH	17.666, 20.61, 307.072
CIE-LUV	17.666, 2.885, -18.155
Hunter-Lab	15.635, 6.578, -10.387
Binary	00110001, 00100110, 01000011

#312643
```
#312643 rgb(49,38,67)
```
#384326
```
#384326 rgb(56,67,38)
```

Complementary Color

#262a43
```
#262a43 rgb(38,42,67)
```
#312643
```
#312643 rgb(49,38,67)
```
#402643
```
#402643 rgb(64,38,67)
```

Analogous Color

#2a4326
```
#2a4326 rgb(42,67,38)
```
#312643
```
#312643 rgb(49,38,67)
```
#434026
```
#434026 rgb(67,64,38)
```

Split Complementary Color

#264331
```
#264331 rgb(38,67,49)
```
#312643
```
#312643 rgb(49,38,67)
```
#433126
```
#433126 rgb(67,49,38)
```

Triadic Color

#263843
```
#263843 rgb(38,56,67)
```
#312643
```
#312643 rgb(49,38,67)
```
#433126
```
#433126 rgb(67,49,38)
```
#384326
```
#384326 rgb(56,67,38)
```

Tetradic Color

#0d0a12
```
#0d0a12 rgb(13,10,18)
```
#191422
```
#191422 rgb(25,20,34)
```
#251d33
```
#251d33 rgb(37,29,51)
```
#312643
```
#312643 rgb(49,38,67)
```
#3d2f53
```
#3d2f53 rgb(61,47,83)
```
#493864
```
#493864 rgb(73,56,100)
```
#554274
```
#554274 rgb(85,66,116)
```

Monochromatic Color

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

#2a2643
```
#2a2643 rgb(42,38,67)
```
#2c2643
```
#2c2643 rgb(44,38,67)
```
#2f2643
```
#2f2643 rgb(47,38,67)
```
#312643
```
#312643 rgb(49,38,67)
```
#332643
```
#332643 rgb(51,38,67)
```
#362643
```
#362643 rgb(54,38,67)
```
#382643
```
#382643 rgb(56,38,67)
```

Similar Colors

Text with hexadecimal color #312643

This text has a font color of #312643.

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

#312643 background color

This paragraph has a background color of #312643.

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

#312643 border color

This element has a border color of #312643.

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

CSS codes

.text {color:#312643;}

.background {background-color:#312643;}

.border {border:1px solid #312643;}

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

#030304
```
#030304 rgb(3,3,4)
```
#0c0a11
```
#0c0a11 rgb(12,10,17)
```
#16111d
```
#16111d rgb(22,17,29)
```
#1f182a
```
#1f182a rgb(31,24,42)
```
#281f36
```
#281f36 rgb(40,31,54)
```
#312643
```
#312643 rgb(49,38,67)
```
#3a2d50
```
#3a2d50 rgb(58,45,80)
```
#43345c
```
#43345c rgb(67,52,92)
```
#4c3b69
```
#4c3b69 rgb(76,59,105)
```
#564275
```
#564275 rgb(86,66,117)
```
#5f4982
```
#5f4982 rgb(95,73,130)
```
#68518e
```
#68518e rgb(104,81,142)
```
#71589b
```
#71589b rgb(113,88,155)
```

Shade Color Variation

#7b61a5
```
#7b61a5 rgb(123,97,165)
```
#856dac
```
#856dac rgb(133,109,172)
```
#907ab3
```
#907ab3 rgb(144,122,179)
```
#9a86bb
```
#9a86bb rgb(154,134,187)
```
#a593c2
```
#a593c2 rgb(165,147,194)
```
#af9fc9
```
#af9fc9 rgb(175,159,201)
```
#b9acd0
```
#b9acd0 rgb(185,172,208)
```
#c4b8d7
```
#c4b8d7 rgb(196,184,215)
```
#cec5de
```
#cec5de rgb(206,197,222)
```
#d9d1e5
```
#d9d1e5 rgb(217,209,229)
```
#e3deec
```
#e3deec rgb(227,222,236)
```
#eeeaf3
```
#eeeaf3 rgb(238,234,243)
```
#f8f7fa
```
#f8f7fa rgb(248,247,250)
```

Tint Color Variation

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

#343237
```
#343237 rgb(52,50,55)
```
#332e3b
```
#332e3b rgb(51,46,59)
```
#322a3f
```
#322a3f rgb(50,42,63)
```
#312643
```
#312643 rgb(49,38,67)
```
#302247
```
#302247 rgb(48,34,71)
```
#2f1e4b
```
#2f1e4b rgb(47,30,75)
```
#2e1a4f
```
#2e1a4f rgb(46,26,79)
```
#2d1653
```
#2d1653 rgb(45,22,83)
```
#2c1257
```
#2c1257 rgb(44,18,87)
```
#2b0e5b
```
#2b0e5b rgb(43,14,91)
```
#2a0a5f
```
#2a0a5f rgb(42,10,95)
```
#290663
```
#290663 rgb(41,6,99)
```
#280267
```
#280267 rgb(40,2,103)
```

Tone Color Variation

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

#2d2d2d Achromatopsia 0.005% of the population
#2e2c31 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2c354f Protanopia 1% of men
#2d354b Deuteranopia 1% of men
#373539 Tritanopia 0.001% of the population

Trichromacy

#2d2f4b Protanomaly 1% of men, 0.01% of women
#2e3048 Deuteranomaly 6% of men, 0.4% of women
#352f3c Tritanomaly 0.01% of the population

#312643 hex color

#312643 Color Information

#312643 Color Conversion

Color Schemes with #312643

Alternatives to #312643

#312643 Preview

Shades and Tints of #312643

Tones of #312643

Color Blindness Simulator