#312a2f hex color

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

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

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

The hexadecimal color #312a2f has RGB values of R:49, G:42, B:47 and CMYK values of C:0, M:0.14, Y:0.04, K:0.81. Its decimal value is 3222063.

Hex triplet	312a2f	`#312a2f`
RGB Decimal	49, 42, 47	`rgb(49,42,47)`
RGB Percent	19.2, 16.5, 18.4	`rgb(19.2%,16.5%,18.4%)`
CMYK	0, 14, 4, 81
HSL	317.1°, 7.7, 17.8	`hsl(317.1,7.7%,17.8%)`
HSV (or HSB)	317.1°, 14.3, 19.2
Web Safe	333333	`#333333`

CIE-LAB	17.983, 4.324, -2.064
XYZ	2.608, 2.514, 3.037
xyY	0.32, 0.308, 2.514
CIE-LCH	17.983, 4.792, 334.488
CIE-LUV	17.983, 3.078, -2.473
Hunter-Lab	15.856, 1.607, -0.257
Binary	00110001, 00101010, 00101111

#312a2f
```
#312a2f rgb(49,42,47)
```
#2a312c
```
#2a312c rgb(42,49,44)
```

Complementary Color

#302a31
```
#302a31 rgb(48,42,49)
```
#312a2f
```
#312a2f rgb(49,42,47)
```
#312a2c
```
#312a2c rgb(49,42,44)
```

Analogous Color

#2a3130
```
#2a3130 rgb(42,49,48)
```
#312a2f
```
#312a2f rgb(49,42,47)
```
#2c312a
```
#2c312a rgb(44,49,42)
```

Split Complementary Color

#2a2f31
```
#2a2f31 rgb(42,47,49)
```
#312a2f
```
#312a2f rgb(49,42,47)
```
#2f312a
```
#2f312a rgb(47,49,42)
```

Triadic Color

#2c2a31
```
#2c2a31 rgb(44,42,49)
```
#312a2f
```
#312a2f rgb(49,42,47)
```
#2f312a
```
#2f312a rgb(47,49,42)
```
#2a312c
```
#2a312c rgb(42,49,44)
```

Tetradic Color

#080707
```
#080707 rgb(8,7,7)
```
#161215
```
#161215 rgb(22,18,21)
```
#231e22
```
#231e22 rgb(35,30,34)
```
#312a2f
```
#312a2f rgb(49,42,47)
```
#3f363c
```
#3f363c rgb(63,54,60)
```
#4c4249
```
#4c4249 rgb(76,66,73)
```
#5a4d57
```
#5a4d57 rgb(90,77,87)
```

Monochromatic Color

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

#312a31
```
#312a31 rgb(49,42,49)
```
#312a30
```
#312a30 rgb(49,42,48)
```
#312a30
```
#312a30 rgb(49,42,48)
```
#312a2f
```
#312a2f rgb(49,42,47)
```
#312a2e
```
#312a2e rgb(49,42,46)
```
#312a2e
```
#312a2e rgb(49,42,46)
```
#312a2d
```
#312a2d rgb(49,42,45)
```

Similar Colors

Text with hexadecimal color #312a2f

This text has a font color of #312a2f.

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

#312a2f background color

This paragraph has a background color of #312a2f.

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

#312a2f border color

This element has a border color of #312a2f.

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

CSS codes

.text {color:#312a2f;}

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

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

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 #fcfbfc is the lightest one.

#070606
```
#070606 rgb(7,6,6)
```
#110f11
```
#110f11 rgb(17,15,17)
```
#1c181b
```
#1c181b rgb(28,24,27)
```
#262125
```
#262125 rgb(38,33,37)
```
#312a2f
```
#312a2f rgb(49,42,47)
```
#3c3339
```
#3c3339 rgb(60,51,57)
```
#463c43
```
#463c43 rgb(70,60,67)
```
#51454d
```
#51454d rgb(81,69,77)
```
#5b4e58
```
#5b4e58 rgb(91,78,88)
```
#665762
```
#665762 rgb(102,87,98)
```
#70606c
```
#70606c rgb(112,96,108)
```
#7b6976
```
#7b6976 rgb(123,105,118)
```
#857280
```
#857280 rgb(133,114,128)
```

Shade Color Variation

#8f7c8a
```
#8f7c8a rgb(143,124,138)
```
#988793
```
#988793 rgb(152,135,147)
```
#a1929d
```
#a1929d rgb(161,146,157)
```
#aa9ca6
```
#aa9ca6 rgb(170,156,166)
```
#b3a7b0
```
#b3a7b0 rgb(179,167,176)
```
#bcb1b9
```
#bcb1b9 rgb(188,177,185)
```
#c5bcc3
```
#c5bcc3 rgb(197,188,195)
```
#cec6cc
```
#cec6cc rgb(206,198,204)
```
#d8d1d6
```
#d8d1d6 rgb(216,209,214)
```
#e1dcdf
```
#e1dcdf rgb(225,220,223)
```
#eae6e9
```
#eae6e9 rgb(234,230,233)
```
#f3f1f2
```
#f3f1f2 rgb(243,241,242)
```
#fcfbfc
```
#fcfbfc rgb(252,251,252)
```

Tint Color Variation

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

#2e2e2e
```
#2e2e2e rgb(46,46,46)
```
#312a2f
```
#312a2f rgb(49,42,47)
```
#352731
```
#352731 rgb(53,39,49)
```
#382332
```
#382332 rgb(56,35,50)
```
#3c2034
```
#3c2034 rgb(60,32,52)
```
#3f1c35
```
#3f1c35 rgb(63,28,53)
```
#431937
```
#431937 rgb(67,25,55)
```
#461538
```
#461538 rgb(70,21,56)
```
#4a123a
```
#4a123a rgb(74,18,58)
```
#4d0e3b
```
#4d0e3b rgb(77,14,59)
```
#510b3d
```
#510b3d rgb(81,11,61)
```
#54073e
```
#54073e rgb(84,7,62)
```
#580340
```
#580340 rgb(88,3,64)
```

Tone Color Variation

Below, you can see how #312a2f 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
#2e2c2d Atypical Achromatopsia 0.001% of the population

Dichromacy

#36363a Protanopia 1% of men
#3a3539 Deuteranopia 1% of men
#3b3539 Tritanopia 0.001% of the population

Trichromacy

#343236 Protanomaly 1% of men, 0.01% of women
#373135 Deuteranomaly 6% of men, 0.4% of women
#373135 Tritanomaly 0.01% of the population

#312a2f hex color

#312a2f Color Information

#312a2f Color Conversion

Color Schemes with #312a2f

Alternatives to #312a2f

#312a2f Preview

Shades and Tints of #312a2f

Tones of #312a2f

Color Blindness Simulator