#312a2c hex color

In a RGB color space, hex #312a2c is composed of 19.2% red, 16.5% green and 17.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 14.3% magenta, 10.2% yellow and 80.8% black. It has a hue angle of 342.9 degrees, a saturation of 7.7% and a lightness of 17.8%. #312a2c color hex could be obtained by blending #625458 with #000000. Closest websafe color is: #333333.

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

● #312a2c color description : Very dark (mostly black) pink.

The hexadecimal color #312a2c has RGB values of R:49, G:42, B:44 and CMYK values of C:0, M:0.14, Y:0.1, K:0.81. Its decimal value is 3222060.

Hex triplet	312a2c	`#312a2c`
RGB Decimal	49, 42, 44	`rgb(49,42,44)`
RGB Percent	19.2, 16.5, 17.3	`rgb(19.2%,16.5%,17.3%)`
CMYK	0, 14, 10, 81
HSL	342.9°, 7.7, 17.8	`hsl(342.9,7.7%,17.8%)`
HSV (or HSB)	342.9°, 14.3, 19.2
Web Safe	333333	`#333333`

CIE-LAB	17.877, 3.645, -0.123
XYZ	2.549, 2.491, 2.729
xyY	0.328, 0.321, 2.491
CIE-LCH	17.877, 3.647, 358.066
CIE-LUV	17.877, 3.289, -0.528
Hunter-Lab	15.782, 1.212, 0.795
Binary	00110001, 00101010, 00101100

#312a2c
```
#312a2c rgb(49,42,44)
```
#2a312f
```
#2a312f rgb(42,49,47)
```

Complementary Color

#312a30
```
#312a30 rgb(49,42,48)
```
#312a2c
```
#312a2c rgb(49,42,44)
```
#312c2a
```
#312c2a rgb(49,44,42)
```

Analogous Color

#2a3031
```
#2a3031 rgb(42,48,49)
```
#312a2c
```
#312a2c rgb(49,42,44)
```
#2a312c
```
#2a312c rgb(42,49,44)
```

Split Complementary Color

#2a2c31
```
#2a2c31 rgb(42,44,49)
```
#312a2c
```
#312a2c rgb(49,42,44)
```
#2c312a
```
#2c312a rgb(44,49,42)
```

Triadic Color

#2f2a31
```
#2f2a31 rgb(47,42,49)
```
#312a2c
```
#312a2c rgb(49,42,44)
```
#2c312a
```
#2c312a rgb(44,49,42)
```
#2a312f
```
#2a312f rgb(42,49,47)
```

Tetradic Color

#080707
```
#080707 rgb(8,7,7)
```
#161213
```
#161213 rgb(22,18,19)
```
#231e20
```
#231e20 rgb(35,30,32)
```
#312a2c
```
#312a2c rgb(49,42,44)
```
#3f3638
```
#3f3638 rgb(63,54,56)
```
#4c4245
```
#4c4245 rgb(76,66,69)
```
#5a4d51
```
#5a4d51 rgb(90,77,81)
```

Monochromatic Color

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

#312a2e
```
#312a2e rgb(49,42,46)
```
#312a2d
```
#312a2d rgb(49,42,45)
```
#312a2d
```
#312a2d rgb(49,42,45)
```
#312a2c
```
#312a2c rgb(49,42,44)
```
#312a2b
```
#312a2b rgb(49,42,43)
```
#312a2b
```
#312a2b rgb(49,42,43)
```
#312a2a
```
#312a2a rgb(49,42,42)
```

Similar Colors

Text with hexadecimal color #312a2c

This text has a font color of #312a2c.

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

#312a2c background color

This paragraph has a background color of #312a2c.

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

#312a2c border color

This element has a border color of #312a2c.

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

CSS codes

.text {color:#312a2c;}

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

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

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

#070606
```
#070606 rgb(7,6,6)
```
#110f10
```
#110f10 rgb(17,15,16)
```
#1c1819
```
#1c1819 rgb(28,24,25)
```
#262123
```
#262123 rgb(38,33,35)
```
#312a2c
```
#312a2c rgb(49,42,44)
```
#3c3335
```
#3c3335 rgb(60,51,53)
```
#463c3f
```
#463c3f rgb(70,60,63)
```
#514548
```
#514548 rgb(81,69,72)
```
#5b4e52
```
#5b4e52 rgb(91,78,82)
```
#66575b
```
#66575b rgb(102,87,91)
```
#706065
```
#706065 rgb(112,96,101)
```
#7b696e
```
#7b696e rgb(123,105,110)
```
#857278
```
#857278 rgb(133,114,120)
```

Shade Color Variation

#8f7c82
```
#8f7c82 rgb(143,124,130)
```
#98878c
```
#98878c rgb(152,135,140)
```
#a19296
```
#a19296 rgb(161,146,150)
```
#aa9ca0
```
#aa9ca0 rgb(170,156,160)
```
#b3a7aa
```
#b3a7aa rgb(179,167,170)
```
#bcb1b4
```
#bcb1b4 rgb(188,177,180)
```
#c5bcbf
```
#c5bcbf rgb(197,188,191)
```
#cec6c9
```
#cec6c9 rgb(206,198,201)
```
#d8d1d3
```
#d8d1d3 rgb(216,209,211)
```
#e1dcdd
```
#e1dcdd rgb(225,220,221)
```
#eae6e7
```
#eae6e7 rgb(234,230,231)
```
#f3f1f1
```
#f3f1f1 rgb(243,241,241)
```
#fcfbfb
```
#fcfbfb rgb(252,251,251)
```

Tint Color Variation

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

#2e2e2e
```
#2e2e2e rgb(46,46,46)
```
#312a2c
```
#312a2c rgb(49,42,44)
```
#35272b
```
#35272b rgb(53,39,43)
```
#382329
```
#382329 rgb(56,35,41)
```
#3c2028
```
#3c2028 rgb(60,32,40)
```
#3f1c26
```
#3f1c26 rgb(63,28,38)
```
#431925
```
#431925 rgb(67,25,37)
```
#461523
```
#461523 rgb(70,21,35)
```
#4a1222
```
#4a1222 rgb(74,18,34)
```
#4d0e20
```
#4d0e20 rgb(77,14,32)
```
#510b1f
```
#510b1f rgb(81,11,31)
```
#54071d
```
#54071d rgb(84,7,29)
```
#58031c
```
#58031c rgb(88,3,28)
```

Tone Color Variation

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

#2c2c2c Achromatopsia 0.005% of the population
#2d2c2c Atypical Achromatopsia 0.001% of the population

Dichromacy

#373637 Protanopia 1% of men
#3b3536 Deuteranopia 1% of men
#3b3438 Tritanopia 0.001% of the population

Trichromacy

#353133 Protanomaly 1% of men, 0.01% of women
#373132 Deuteranomaly 6% of men, 0.4% of women
#373034 Tritanomaly 0.01% of the population

#312a2c hex color

#312a2c Color Information

#312a2c Color Conversion

Color Schemes with #312a2c

Alternatives to #312a2c

#312a2c Preview

Shades and Tints of #312a2c

Tones of #312a2c

Color Blindness Simulator