#311a23 hex color

In a RGB color space, hex #311a23 is composed of 19.2% red, 10.2% green and 13.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 46.9% magenta, 28.6% yellow and 80.8% black. It has a hue angle of 336.5 degrees, a saturation of 30.7% and a lightness of 14.7%. #311a23 color hex could be obtained by blending #623446 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 19
- G 10
- B 14
RGB color chart
- C 0
- M 47
- Y 29
- K 81
CMYK color chart

● #311a23 color description : Very dark (mostly black) pink.

The hexadecimal color #311a23 has RGB values of R:49, G:26, B:35 and CMYK values of C:0, M:0.47, Y:0.29, K:0.81. Its decimal value is 3217955.

Hex triplet	311a23	`#311a23`
RGB Decimal	49, 26, 35	`rgb(49,26,35)`
RGB Percent	19.2, 10.2, 13.7	`rgb(19.2%,10.2%,13.7%)`
CMYK	0, 47, 29, 81
HSL	336.5°, 30.7, 14.7	`hsl(336.5,30.7%,14.7%)`
HSV (or HSB)	336.5°, 46.9, 19.2
Web Safe	333333	`#333333`

CIE-LAB	12.692, 12.958, -1.29
XYZ	1.939, 1.513, 1.78
xyY	0.371, 0.289, 1.513
CIE-LCH	12.692, 13.022, 354.314
CIE-LUV	12.692, 10.055, -2.315
Hunter-Lab	12.301, 6.615, 0.032
Binary	00110001, 00011010, 00100011

#311a23
```
#311a23 rgb(49,26,35)
```
#1a3128
```
#1a3128 rgb(26,49,40)
```

Complementary Color

#311a2f
```
#311a2f rgb(49,26,47)
```
#311a23
```
#311a23 rgb(49,26,35)
```
#311d1a
```
#311d1a rgb(49,29,26)
```

Analogous Color

#1a2f31
```
#1a2f31 rgb(26,47,49)
```
#311a23
```
#311a23 rgb(49,26,35)
```
#1a311d
```
#1a311d rgb(26,49,29)
```

Split Complementary Color

#1a2331
```
#1a2331 rgb(26,35,49)
```
#311a23
```
#311a23 rgb(49,26,35)
```
#23311a
```
#23311a rgb(35,49,26)
```

Triadic Color

#281a31
```
#281a31 rgb(40,26,49)
```
#311a23
```
#311a23 rgb(49,26,35)
```
#23311a
```
#23311a rgb(35,49,26)
```
#1a3128
```
#1a3128 rgb(26,49,40)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#10080b
```
#10080b rgb(16,8,11)
```
#201117
```
#201117 rgb(32,17,23)
```
#311a23
```
#311a23 rgb(49,26,35)
```
#42232f
```
#42232f rgb(66,35,47)
```
#522c3b
```
#522c3b rgb(82,44,59)
```
#633547
```
#633547 rgb(99,53,71)
```

Monochromatic Color

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

#311a29
```
#311a29 rgb(49,26,41)
```
#311a27
```
#311a27 rgb(49,26,39)
```
#311a25
```
#311a25 rgb(49,26,37)
```
#311a23
```
#311a23 rgb(49,26,35)
```
#311a21
```
#311a21 rgb(49,26,33)
```
#311a1f
```
#311a1f rgb(49,26,31)
```
#311a1d
```
#311a1d rgb(49,26,29)
```

Similar Colors

Text with hexadecimal color #311a23

This text has a font color of #311a23.

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

#311a23 background color

This paragraph has a background color of #311a23.

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

#311a23 border color

This element has a border color of #311a23.

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

CSS codes

.text {color:#311a23;}

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

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

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

#0b0608
```
#0b0608 rgb(11,6,8)
```
#170c11
```
#170c11 rgb(23,12,17)
```
#24131a
```
#24131a rgb(36,19,26)
```
#311a23
```
#311a23 rgb(49,26,35)
```
#3e212c
```
#3e212c rgb(62,33,44)
```
#4b2835
```
#4b2835 rgb(75,40,53)
```
#572e3e
```
#572e3e rgb(87,46,62)
```
#643548
```
#643548 rgb(100,53,72)
```
#713c51
```
#713c51 rgb(113,60,81)
```
#7e435a
```
#7e435a rgb(126,67,90)
```
#8b4a63
```
#8b4a63 rgb(139,74,99)
```
#98506c
```
#98506c rgb(152,80,108)
```
#a45775
```
#a45775 rgb(164,87,117)
```

Shade Color Variation

#ac6380
```
#ac6380 rgb(172,99,128)
```
#b3708a
```
#b3708a rgb(179,112,138)
```
#ba7d95
```
#ba7d95 rgb(186,125,149)
```
#c1899f
```
#c1899f rgb(193,137,159)
```
#c796a9
```
#c796a9 rgb(199,150,169)
```
#cea3b4
```
#cea3b4 rgb(206,163,180)
```
#d5b0be
```
#d5b0be rgb(213,176,190)
```
#dcbdc9
```
#dcbdc9 rgb(220,189,201)
```
#e3c9d3
```
#e3c9d3 rgb(227,201,211)
```
#e9d6de
```
#e9d6de rgb(233,214,222)
```
#f0e3e8
```
#f0e3e8 rgb(240,227,232)
```
#f7f0f3
```
#f7f0f3 rgb(247,240,243)
```
#fefdfd
```
#fefdfd rgb(254,253,253)
```

Tint Color Variation

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

#282325
```
#282325 rgb(40,35,37)
```
#2b2024
```
#2b2024 rgb(43,32,36)
```
#2e1d24
```
#2e1d24 rgb(46,29,36)
```
#311a23
```
#311a23 rgb(49,26,35)
```
#341722
```
#341722 rgb(52,23,34)
```
#371422
```
#371422 rgb(55,20,34)
```
#3a1121
```
#3a1121 rgb(58,17,33)
```
#3d0e20
```
#3d0e20 rgb(61,14,32)
```
#3f0c20
```
#3f0c20 rgb(63,12,32)
```
#42091f
```
#42091f rgb(66,9,31)
```
#45061f
```
#45061f rgb(69,6,31)
```
#48031e
```
#48031e rgb(72,3,30)
```
#4b001d
```
#4b001d rgb(75,0,29)
```

Tone Color Variation

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

#222222 Achromatopsia 0.005% of the population
#252022 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2b2c31 Protanopia 1% of men
#302b2d Deuteranopia 1% of men
#3b2629 Tritanopia 0.001% of the population

Trichromacy

#2d252c Protanomaly 1% of men, 0.01% of women
#302429 Deuteranomaly 6% of men, 0.4% of women
#372227 Tritanomaly 0.01% of the population

#311a23 hex color

#311a23 Color Information

#311a23 Color Conversion

Color Schemes with #311a23

Alternatives to #311a23

#311a23 Preview

Shades and Tints of #311a23

Tones of #311a23

Color Blindness Simulator