#312a38 hex color

In a RGB color space, hex #312a38 is composed of 19.2% red, 16.5% green and 22% blue. Whereas in a CMYK color space, it is composed of 12.5% cyan, 25% magenta, 0% yellow and 78% black. It has a hue angle of 270 degrees, a saturation of 14.3% and a lightness of 19.2%. #312a38 color hex could be obtained by blending #625470 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 19
- G 16
- B 22
RGB color chart
- C 13
- M 25
- Y 0
- K 78
CMYK color chart

● #312a38 color description : Very dark grayish violet.

The hexadecimal color #312a38 has RGB values of R:49, G:42, B:56 and CMYK values of C:0.13, M:0.25, Y:0, K:0.78. Its decimal value is 3222072.

Hex triplet	312a38	`#312a38`
RGB Decimal	49, 42, 56	`rgb(49,42,56)`
RGB Percent	19.2, 16.5, 22	`rgb(19.2%,16.5%,22%)`
CMYK	13, 25, 0, 78
HSL	270°, 14.3, 19.2	`hsl(270,14.3%,19.2%)`
HSV (or HSB)	270°, 25, 22
Web Safe	333333	`#333333`

CIE-LAB	18.34, 6.555, -7.795
XYZ	2.808, 2.594, 4.094
xyY	0.296, 0.273, 2.594
CIE-LCH	18.34, 10.185, 310.062
CIE-LUV	18.34, 2.421, -8.58
Hunter-Lab	16.107, 2.934, -3.795
Binary	00110001, 00101010, 00111000

#312a38
```
#312a38 rgb(49,42,56)
```
#31382a
```
#31382a rgb(49,56,42)
```

Complementary Color

#2a2a38
```
#2a2a38 rgb(42,42,56)
```
#312a38
```
#312a38 rgb(49,42,56)
```
#382a38
```
#382a38 rgb(56,42,56)
```

Analogous Color

#2a382a
```
#2a382a rgb(42,56,42)
```
#312a38
```
#312a38 rgb(49,42,56)
```
#38382a
```
#38382a rgb(56,56,42)
```

Split Complementary Color

#2a3831
```
#2a3831 rgb(42,56,49)
```
#312a38
```
#312a38 rgb(49,42,56)
```
#38312a
```
#38312a rgb(56,49,42)
```

Triadic Color

#2a3138
```
#2a3138 rgb(42,49,56)
```
#312a38
```
#312a38 rgb(49,42,56)
```
#38312a
```
#38312a rgb(56,49,42)
```
#31382a
```
#31382a rgb(49,56,42)
```

Tetradic Color

#0b090c
```
#0b090c rgb(11,9,12)
```
#18141b
```
#18141b rgb(24,20,27)
```
#241f29
```
#241f29 rgb(36,31,41)
```
#312a38
```
#312a38 rgb(49,42,56)
```
#3e3547
```
#3e3547 rgb(62,53,71)
```
#4b4055
```
#4b4055 rgb(75,64,85)
```
#574b64
```
#574b64 rgb(87,75,100)
```

Monochromatic Color

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

#2e2a38
```
#2e2a38 rgb(46,42,56)
```
#2f2a38
```
#2f2a38 rgb(47,42,56)
```
#302a38
```
#302a38 rgb(48,42,56)
```
#312a38
```
#312a38 rgb(49,42,56)
```
#322a38
```
#322a38 rgb(50,42,56)
```
#332a38
```
#332a38 rgb(51,42,56)
```
#352a38
```
#352a38 rgb(53,42,56)
```

Similar Colors

Text with hexadecimal color #312a38

This text has a font color of #312a38.

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

#312a38 background color

This paragraph has a background color of #312a38.

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

#312a38 border color

This element has a border color of #312a38.

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

CSS codes

.text {color:#312a38;}

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

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

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

#0a080b
```
#0a080b rgb(10,8,11)
```
#141116
```
#141116 rgb(20,17,22)
```
#1d1922
```
#1d1922 rgb(29,25,34)
```
#27222d
```
#27222d rgb(39,34,45)
```
#312a38
```
#312a38 rgb(49,42,56)
```
#3b3243
```
#3b3243 rgb(59,50,67)
```
#453b4e
```
#453b4e rgb(69,59,78)
```
#4e435a
```
#4e435a rgb(78,67,90)
```
#584c65
```
#584c65 rgb(88,76,101)
```
#625470
```
#625470 rgb(98,84,112)
```
#6c5c7b
```
#6c5c7b rgb(108,92,123)
```
#766586
```
#766586 rgb(118,101,134)
```
#7f6d92
```
#7f6d92 rgb(127,109,146)
```

Shade Color Variation

#89789a
```
#89789a rgb(137,120,154)
```
#9384a2
```
#9384a2 rgb(147,132,162)
```
#9d8fab
```
#9d8fab rgb(157,143,171)
```
#a79ab3
```
#a79ab3 rgb(167,154,179)
```
#b1a5bc
```
#b1a5bc rgb(177,165,188)
```
#bab0c4
```
#bab0c4 rgb(186,176,196)
```
#c4bccd
```
#c4bccd rgb(196,188,205)
```
#cec7d5
```
#cec7d5 rgb(206,199,213)
```
#d8d2dd
```
#d8d2dd rgb(216,210,221)
```
#e2dde6
```
#e2dde6 rgb(226,221,230)
```
#ebe9ee
```
#ebe9ee rgb(235,233,238)
```
#f5f4f7
```
#f5f4f7 rgb(245,244,247)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#312e34
```
#312e34 rgb(49,46,52)
```
#312a38
```
#312a38 rgb(49,42,56)
```
#31263c
```
#31263c rgb(49,38,60)
```
#312240
```
#312240 rgb(49,34,64)
```
#311f43
```
#311f43 rgb(49,31,67)
```
#311b47
```
#311b47 rgb(49,27,71)
```
#31174b
```
#31174b rgb(49,23,75)
```
#31134f
```
#31134f rgb(49,19,79)
```
#311052
```
#311052 rgb(49,16,82)
```
#310c56
```
#310c56 rgb(49,12,86)
```
#31085a
```
#31085a rgb(49,8,90)
```
#31045e
```
#31045e rgb(49,4,94)
```
#310161
```
#310161 rgb(49,1,97)
```

Tone Color Variation

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

#2e2e2e Achromatopsia 0.005% of the population
#2f2d30 Atypical Achromatopsia 0.001% of the population

Dichromacy

#343743 Protanopia 1% of men
#373641 Deuteranopia 1% of men
#3a363a Tritanopia 0.001% of the population

Trichromacy

#33323f Protanomaly 1% of men, 0.01% of women
#35313e Deuteranomaly 6% of men, 0.4% of women
#363239 Tritanomaly 0.01% of the population

#312a38 hex color

#312a38 Color Information

#312a38 Color Conversion

Color Schemes with #312a38

Alternatives to #312a38

#312a38 Preview

Shades and Tints of #312a38

Tones of #312a38

Color Blindness Simulator