#311a36 hex color

In a RGB color space, hex #311a36 is composed of 19.2% red, 10.2% green and 21.2% blue. Whereas in a CMYK color space, it is composed of 9.3% cyan, 51.9% magenta, 0% yellow and 78.8% black. It has a hue angle of 289.3 degrees, a saturation of 35% and a lightness of 15.7%. #311a36 color hex could be obtained by blending #62346c with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 19
- G 10
- B 21
RGB color chart
- C 9
- M 52
- Y 0
- K 79
CMYK color chart

● #311a36 color description : Very dark desaturated magenta.

The hexadecimal color #311a36 has RGB values of R:49, G:26, B:54 and CMYK values of C:0.09, M:0.52, Y:0, K:0.79. Its decimal value is 3217974.

Hex triplet	311a36	`#311a36`
RGB Decimal	49, 26, 54	`rgb(49,26,54)`
RGB Percent	19.2, 10.2, 21.2	`rgb(19.2%,10.2%,21.2%)`
CMYK	9, 52, 0, 79
HSL	289.3°, 35, 15.7	`hsl(289.3,35%,15.7%)`
HSV (or HSB)	289.3°, 51.9, 21.2
Web Safe	333333	`#333333`

CIE-LAB	13.58, 17.158, -13.714
XYZ	2.302, 1.658, 3.689
xyY	0.301, 0.217, 1.658
CIE-LCH	13.58, 21.965, 321.366
CIE-LUV	13.58, 7.579, -13.784
Hunter-Lab	12.877, 9.372, -7.97
Binary	00110001, 00011010, 00110110

#311a36
```
#311a36 rgb(49,26,54)
```
#1f361a
```
#1f361a rgb(31,54,26)
```

Complementary Color

#231a36
```
#231a36 rgb(35,26,54)
```
#311a36
```
#311a36 rgb(49,26,54)
```
#361a2d
```
#361a2d rgb(54,26,45)
```

Analogous Color

#1a3623
```
#1a3623 rgb(26,54,35)
```
#311a36
```
#311a36 rgb(49,26,54)
```
#2d361a
```
#2d361a rgb(45,54,26)
```

Split Complementary Color

#1a3631
```
#1a3631 rgb(26,54,49)
```
#311a36
```
#311a36 rgb(49,26,54)
```
#36311a
```
#36311a rgb(54,49,26)
```

Triadic Color

#1a1f36
```
#1a1f36 rgb(26,31,54)
```
#311a36
```
#311a36 rgb(49,26,54)
```
#36311a
```
#36311a rgb(54,49,26)
```
#1f361a
```
#1f361a rgb(31,54,26)
```

Tetradic Color

#020102
```
#020102 rgb(2,1,2)
```
#120914
```
#120914 rgb(18,9,20)
```
#211225
```
#211225 rgb(33,18,37)
```
#311a36
```
#311a36 rgb(49,26,54)
```
#412247
```
#412247 rgb(65,34,71)
```
#502b58
```
#502b58 rgb(80,43,88)
```
#60336a
```
#60336a rgb(96,51,106)
```

Monochromatic Color

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

#2a1a36
```
#2a1a36 rgb(42,26,54)
```
#2c1a36
```
#2c1a36 rgb(44,26,54)
```
#2f1a36
```
#2f1a36 rgb(47,26,54)
```
#311a36
```
#311a36 rgb(49,26,54)
```
#331a36
```
#331a36 rgb(51,26,54)
```
#361a36
```
#361a36 rgb(54,26,54)
```
#361a34
```
#361a34 rgb(54,26,52)
```

Similar Colors

Text with hexadecimal color #311a36

This text has a font color of #311a36.

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

#311a36 background color

This paragraph has a background color of #311a36.

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

#311a36 border color

This element has a border color of #311a36.

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

CSS codes

.text {color:#311a36;}

.background {background-color:#311a36;}

.border {border:1px solid #311a36;}

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

#010001
```
#010001 rgb(1,0,1)
```
#0d070e
```
#0d070e rgb(13,7,14)
```
#190d1c
```
#190d1c rgb(25,13,28)
```
#251429
```
#251429 rgb(37,20,41)
```
#311a36
```
#311a36 rgb(49,26,54)
```
#3d2043
```
#3d2043 rgb(61,32,67)
```
#492750
```
#492750 rgb(73,39,80)
```
#552d5e
```
#552d5e rgb(85,45,94)
```
#61346b
```
#61346b rgb(97,52,107)
```
#6d3a78
```
#6d3a78 rgb(109,58,120)
```
#794085
```
#794085 rgb(121,64,133)
```
#854793
```
#854793 rgb(133,71,147)
```
#914da0
```
#914da0 rgb(145,77,160)
```

Shade Color Variation

#9d54ad
```
#9d54ad rgb(157,84,173)
```
#a461b3
```
#a461b3 rgb(164,97,179)
```
#ac6eb9
```
#ac6eb9 rgb(172,110,185)
```
#b47cc0
```
#b47cc0 rgb(180,124,192)
```
#bb89c6
```
#bb89c6 rgb(187,137,198)
```
#c396cd
```
#c396cd rgb(195,150,205)
```
#caa3d3
```
#caa3d3 rgb(202,163,211)
```
#d2b1d9
```
#d2b1d9 rgb(210,177,217)
```
#dabee0
```
#dabee0 rgb(218,190,224)
```
#e1cbe6
```
#e1cbe6 rgb(225,203,230)
```
#e9d8ec
```
#e9d8ec rgb(233,216,236)
```
#f0e6f3
```
#f0e6f3 rgb(240,230,243)
```
#f8f3f9
```
#f8f3f9 rgb(248,243,249)
```

Tint Color Variation

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

#29262a
```
#29262a rgb(41,38,42)
```
#2b232d
```
#2b232d rgb(43,35,45)
```
#2d2030
```
#2d2030 rgb(45,32,48)
```
#2f1d33
```
#2f1d33 rgb(47,29,51)
```
#311a36
```
#311a36 rgb(49,26,54)
```
#331739
```
#331739 rgb(51,23,57)
```
#35143c
```
#35143c rgb(53,20,60)
```
#37113f
```
#37113f rgb(55,17,63)
```
#390e42
```
#390e42 rgb(57,14,66)
```
#3b0b45
```
#3b0b45 rgb(59,11,69)
```
#3d0848
```
#3d0848 rgb(61,8,72)
```
#3f044c
```
#3f044c rgb(63,4,76)
```
#41014f
```
#41014f rgb(65,1,79)
```

Tone Color Variation

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

#242424 Achromatopsia 0.005% of the population
#272228 Atypical Achromatopsia 0.001% of the population

Dichromacy

#242d45 Protanopia 1% of men
#282d3e Deuteranopia 1% of men
#382a2d Tritanopia 0.001% of the population

Trichromacy

#282640 Protanomaly 1% of men, 0.01% of women
#2b263b Deuteranomaly 6% of men, 0.4% of women
#352430 Tritanomaly 0.01% of the population

#311a36 hex color

#311a36 Color Information

#311a36 Color Conversion

Color Schemes with #311a36

Alternatives to #311a36

#311a36 Preview

Shades and Tints of #311a36

Tones of #311a36

Color Blindness Simulator