#312f23 hex color

In a RGB color space, hex #312f23 is composed of 19.2% red, 18.4% green and 13.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 4.1% magenta, 28.6% yellow and 80.8% black. It has a hue angle of 51.4 degrees, a saturation of 16.7% and a lightness of 16.5%. #312f23 color hex could be obtained by blending #625e46 with #000000. Closest websafe color is: #333333.

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

● #312f23 color description : Very dark (mostly black) yellow [Olive tone].

The hexadecimal color #312f23 has RGB values of R:49, G:47, B:35 and CMYK values of C:0, M:0.04, Y:0.29, K:0.81. Its decimal value is 3223331.

Hex triplet	312f23	`#312f23`
RGB Decimal	49, 47, 35	`rgb(49,47,35)`
RGB Percent	19.2, 18.4, 13.7	`rgb(19.2%,18.4%,13.7%)`
CMYK	0, 4, 29, 81
HSL	51.4°, 16.7, 16.5	`hsl(51.4,16.7%,16.5%)`
HSV (or HSB)	51.4°, 28.6, 19.2
Web Safe	333333	`#333333`

CIE-LAB	19.255, -1.57, 8.053
XYZ	2.586, 2.807, 1.996
xyY	0.35, 0.38, 2.807
CIE-LCH	19.255, 8.205, 101.033
CIE-LUV	19.255, 1.573, 7.553
Hunter-Lab	16.755, -1.767, 4.667
Binary	00110001, 00101111, 00100011

#312f23
```
#312f23 rgb(49,47,35)
```
#232531
```
#232531 rgb(35,37,49)
```

Complementary Color

#312823
```
#312823 rgb(49,40,35)
```
#312f23
```
#312f23 rgb(49,47,35)
```
#2c3123
```
#2c3123 rgb(44,49,35)
```

Analogous Color

#282331
```
#282331 rgb(40,35,49)
```
#312f23
```
#312f23 rgb(49,47,35)
```
#232c31
```
#232c31 rgb(35,44,49)
```

Split Complementary Color

#2f2331
```
#2f2331 rgb(47,35,49)
```
#312f23
```
#312f23 rgb(49,47,35)
```
#23312f
```
#23312f rgb(35,49,47)
```

Triadic Color

#312325
```
#312325 rgb(49,35,37)
```
#312f23
```
#312f23 rgb(49,47,35)
```
#23312f
```
#23312f rgb(35,49,47)
```
#232531
```
#232531 rgb(35,37,49)
```

Tetradic Color

#040403
```
#040403 rgb(4,4,3)
```
#13120e
```
#13120e rgb(19,18,14)
```
#222118
```
#222118 rgb(34,33,24)
```
#312f23
```
#312f23 rgb(49,47,35)
```
#403d2e
```
#403d2e rgb(64,61,46)
```
#4f4c38
```
#4f4c38 rgb(79,76,56)
```
#5e5a43
```
#5e5a43 rgb(94,90,67)
```

Monochromatic Color

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

#312c23
```
#312c23 rgb(49,44,35)
```
#312d23
```
#312d23 rgb(49,45,35)
```
#312e23
```
#312e23 rgb(49,46,35)
```
#312f23
```
#312f23 rgb(49,47,35)
```
#313023
```
#313023 rgb(49,48,35)
```
#313123
```
#313123 rgb(49,49,35)
```
#303123
```
#303123 rgb(48,49,35)
```

Similar Colors

Text with hexadecimal color #312f23

This text has a font color of #312f23.

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

#312f23 background color

This paragraph has a background color of #312f23.

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

#312f23 border color

This element has a border color of #312f23.

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

CSS codes

.text {color:#312f23;}

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

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

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

#030302
```
#030302 rgb(3,3,2)
```
#0f0e0a
```
#0f0e0a rgb(15,14,10)
```
#1a1913
```
#1a1913 rgb(26,25,19)
```
#26241b
```
#26241b rgb(38,36,27)
```
#312f23
```
#312f23 rgb(49,47,35)
```
#3c3a2b
```
#3c3a2b rgb(60,58,43)
```
#484533
```
#484533 rgb(72,69,51)
```
#53503c
```
#53503c rgb(83,80,60)
```
#5f5b44
```
#5f5b44 rgb(95,91,68)
```
#6a664c
```
#6a664c rgb(106,102,76)
```
#767154
```
#767154 rgb(118,113,84)
```
#817c5c
```
#817c5c rgb(129,124,92)
```
#8d8764
```
#8d8764 rgb(141,135,100)
```

Shade Color Variation

#97916d
```
#97916d rgb(151,145,109)
```
#9f9a79
```
#9f9a79 rgb(159,154,121)
```
#a7a284
```
#a7a284 rgb(167,162,132)
```
#b0ab90
```
#b0ab90 rgb(176,171,144)
```
#b8b49b
```
#b8b49b rgb(184,180,155)
```
#c0bca7
```
#c0bca7 rgb(192,188,167)
```
#c8c5b2
```
#c8c5b2 rgb(200,197,178)
```
#d0cebe
```
#d0cebe rgb(208,206,190)
```
#d8d6c9
```
#d8d6c9 rgb(216,214,201)
```
#e1dfd4
```
#e1dfd4 rgb(225,223,212)
```
#e9e8e0
```
#e9e8e0 rgb(233,232,224)
```
#f1f0eb
```
#f1f0eb rgb(241,240,235)
```
#f9f9f7
```
#f9f9f7 rgb(249,249,247)
```

Tint Color Variation

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

#2b2a29
```
#2b2a29 rgb(43,42,41)
```
#2e2d26
```
#2e2d26 rgb(46,45,38)
```
#312f23
```
#312f23 rgb(49,47,35)
```
#343120
```
#343120 rgb(52,49,32)
```
#37341d
```
#37341d rgb(55,52,29)
```
#3b3619
```
#3b3619 rgb(59,54,25)
```
#3e3816
```
#3e3816 rgb(62,56,22)
```
#413b13
```
#413b13 rgb(65,59,19)
```
#443d10
```
#443d10 rgb(68,61,16)
```
#483f0c
```
#483f0c rgb(72,63,12)
```
#4b4109
```
#4b4109 rgb(75,65,9)
```
#4e4406
```
#4e4406 rgb(78,68,6)
```
#514603
```
#514603 rgb(81,70,3)
```

Tone Color Variation

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

Dichromacy

#3d392e Protanopia 1% of men
#42372f Deuteranopia 1% of men
#3d373b Tritanopia 0.001% of the population

Trichromacy

#38352a Protanomaly 1% of men, 0.01% of women
#3c342a Deuteranomaly 6% of men, 0.4% of women
#393432 Tritanomaly 0.01% of the population

#312f23 hex color

#312f23 Color Information

#312f23 Color Conversion

Color Schemes with #312f23

Alternatives to #312f23

#312f23 Preview

Shades and Tints of #312f23

Tones of #312f23

Color Blindness Simulator