#312f18 hex color

In a RGB color space, hex #312f18 is composed of 19.2% red, 18.4% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 4.1% magenta, 51% yellow and 80.8% black. It has a hue angle of 55.2 degrees, a saturation of 34.2% and a lightness of 14.3%. #312f18 color hex could be obtained by blending #625e30 with #000000. Closest websafe color is: #333300.

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

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

The hexadecimal color #312f18 has RGB values of R:49, G:47, B:24 and CMYK values of C:0, M:0.04, Y:0.51, K:0.81. Its decimal value is 3223320.

Hex triplet	312f18	`#312f18`
RGB Decimal	49, 47, 24	`rgb(49,47,24)`
RGB Percent	19.2, 18.4, 9.4	`rgb(19.2%,18.4%,9.4%)`
CMYK	0, 4, 51, 81
HSL	55.2°, 34.2, 14.3	`hsl(55.2,34.2%,14.3%)`
HSV (or HSB)	55.2°, 51, 19.2
Web Safe	333300	`#333300`

CIE-LAB	19.022, -3.297, 15.069
XYZ	2.448, 2.752, 1.266
xyY	0.379, 0.426, 2.752
CIE-LCH	19.022, 15.426, 102.343
CIE-LUV	19.022, 2.025, 13.056
Hunter-Lab	16.589, -2.69, 7.086
Binary	00110001, 00101111, 00011000

#312f18
```
#312f18 rgb(49,47,24)
```
#181a31
```
#181a31 rgb(24,26,49)
```

Complementary Color

#312318
```
#312318 rgb(49,35,24)
```
#312f18
```
#312f18 rgb(49,47,24)
```
#273118
```
#273118 rgb(39,49,24)
```

Analogous Color

#231831
```
#231831 rgb(35,24,49)
```
#312f18
```
#312f18 rgb(49,47,24)
```
#182731
```
#182731 rgb(24,39,49)
```

Split Complementary Color

#2f1831
```
#2f1831 rgb(47,24,49)
```
#312f18
```
#312f18 rgb(49,47,24)
```
#18312f
```
#18312f rgb(24,49,47)
```

Triadic Color

#31181a
```
#31181a rgb(49,24,26)
```
#312f18
```
#312f18 rgb(49,47,24)
```
#18312f
```
#18312f rgb(24,49,47)
```
#181a31
```
#181a31 rgb(24,26,49)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#0f0e07
```
#0f0e07 rgb(15,14,7)
```
#201f10
```
#201f10 rgb(32,31,16)
```
#312f18
```
#312f18 rgb(49,47,24)
```
#423f20
```
#423f20 rgb(66,63,32)
```
#535029
```
#535029 rgb(83,80,41)
```
#646031
```
#646031 rgb(100,96,49)
```

Monochromatic Color

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

#312918
```
#312918 rgb(49,41,24)
```
#312b18
```
#312b18 rgb(49,43,24)
```
#312d18
```
#312d18 rgb(49,45,24)
```
#312f18
```
#312f18 rgb(49,47,24)
```
#313118
```
#313118 rgb(49,49,24)
```
#2f3118
```
#2f3118 rgb(47,49,24)
```
#2d3118
```
#2d3118 rgb(45,49,24)
```

Similar Colors

Text with hexadecimal color #312f18

This text has a font color of #312f18.

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

#312f18 background color

This paragraph has a background color of #312f18.

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

#312f18 border color

This element has a border color of #312f18.

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

CSS codes

.text {color:#312f18;}

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

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

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

#0a0905
```
#0a0905 rgb(10,9,5)
```
#17160b
```
#17160b rgb(23,22,11)
```
#242212
```
#242212 rgb(36,34,18)
```
#312f18
```
#312f18 rgb(49,47,24)
```
#3e3c1e
```
#3e3c1e rgb(62,60,30)
```
#4b4825
```
#4b4825 rgb(75,72,37)
```
#58552b
```
#58552b rgb(88,85,43)
```
#666232
```
#666232 rgb(102,98,50)
```
#736e38
```
#736e38 rgb(115,110,56)
```
#807b3f
```
#807b3f rgb(128,123,63)
```
#8d8745
```
#8d8745 rgb(141,135,69)
```
#9a944c
```
#9a944c rgb(154,148,76)
```
#a7a152
```
#a7a152 rgb(167,161,82)
```

Shade Color Variation

#b0a95d
```
#b0a95d rgb(176,169,93)
```
#b6b06b
```
#b6b06b rgb(182,176,107)
```
#bdb778
```
#bdb778 rgb(189,183,120)
```
#c3be85
```
#c3be85 rgb(195,190,133)
```
#cac592
```
#cac592 rgb(202,197,146)
```
#d0cc9f
```
#d0cc9f rgb(208,204,159)
```
#d7d3ac
```
#d7d3ac rgb(215,211,172)
```
#dddaba
```
#dddaba rgb(221,218,186)
```
#e3e1c7
```
#e3e1c7 rgb(227,225,199)
```
#eae8d4
```
#eae8d4 rgb(234,232,212)
```
#f0efe1
```
#f0efe1 rgb(240,239,225)
```
#f7f6ee
```
#f7f6ee rgb(247,246,238)
```
#fdfdfb
```
#fdfdfb rgb(253,253,251)
```

Tint Color Variation

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

#262623
```
#262623 rgb(38,38,35)
```
#292820
```
#292820 rgb(41,40,32)
```
#2b2a1e
```
#2b2a1e rgb(43,42,30)
```
#2e2d1b
```
#2e2d1b rgb(46,45,27)
```
#312f18
```
#312f18 rgb(49,47,24)
```
#343115
```
#343115 rgb(52,49,21)
```
#373412
```
#373412 rgb(55,52,18)
```
#393610
```
#393610 rgb(57,54,16)
```
#3c380d
```
#3c380d rgb(60,56,13)
```
#3f3b0a
```
#3f3b0a rgb(63,59,10)
```
#423d07
```
#423d07 rgb(66,61,7)
```
#454004
```
#454004 rgb(69,64,4)
```
#474202
```
#474202 rgb(71,66,2)
```

Tone Color Variation

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

Dichromacy

#3e3923 Protanopia 1% of men
#443625 Deuteranopia 1% of men
#3e373a Tritanopia 0.001% of the population

Trichromacy

#39351f Protanomaly 1% of men, 0.01% of women
#3d3320 Deuteranomaly 6% of men, 0.4% of women
#39342e Tritanomaly 0.01% of the population

#312f18 hex color

#312f18 Color Information

#312f18 Color Conversion

Color Schemes with #312f18

Alternatives to #312f18

#312f18 Preview

Shades and Tints of #312f18

Tones of #312f18

Color Blindness Simulator