#313f12 hex color

In a RGB color space, hex #313f12 is composed of 19.2% red, 24.7% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 22.2% cyan, 0% magenta, 71.4% yellow and 75.3% black. It has a hue angle of 78.7 degrees, a saturation of 55.6% and a lightness of 15.9%. #313f12 color hex could be obtained by blending #627e24 with #000000. Closest websafe color is: #333300.

♥
- f
- t
- g
- R 19
- G 25
- B 7
RGB color chart
- C 22
- M 0
- Y 71
- K 75
CMYK color chart

● #313f12 color description : Very dark green.

The hexadecimal color #313f12 has RGB values of R:49, G:63, B:18 and CMYK values of C:0.22, M:0, Y:0.71, K:0.75. Its decimal value is 3227410.

Hex triplet	313f12	`#313f12`
RGB Decimal	49, 63, 18	`rgb(49,63,18)`
RGB Percent	19.2, 24.7, 7.1	`rgb(19.2%,24.7%,7.1%)`
CMYK	22, 0, 71, 75
HSL	78.7°, 55.6, 15.9	`hsl(78.7,55.6%,15.9%)`
HSV (or HSB)	78.7°, 71.4, 24.7
Web Safe	333300	`#333300`

CIE-LAB	24.486, -13.849, 24.968
XYZ	3.153, 4.252, 1.227
xyY	0.365, 0.493, 4.252
CIE-LCH	24.486, 28.552, 119.016
CIE-LUV	24.486, -6.113, 23.427
Hunter-Lab	20.619, -8.787, 10.906
Binary	00110001, 00111111, 00010010

#313f12
```
#313f12 rgb(49,63,18)
```
#20123f
```
#20123f rgb(32,18,63)
```

Complementary Color

#3f3712
```
#3f3712 rgb(63,55,18)
```
#313f12
```
#313f12 rgb(49,63,18)
```
#1b3f12
```
#1b3f12 rgb(27,63,18)
```

Analogous Color

#37123f
```
#37123f rgb(55,18,63)
```
#313f12
```
#313f12 rgb(49,63,18)
```
#121b3f
```
#121b3f rgb(18,27,63)
```

Split Complementary Color

#3f1231
```
#3f1231 rgb(63,18,49)
```
#313f12
```
#313f12 rgb(49,63,18)
```
#12313f
```
#12313f rgb(18,49,63)
```

Triadic Color

#3f2012
```
#3f2012 rgb(63,32,18)
```
#313f12
```
#313f12 rgb(49,63,18)
```
#12313f
```
#12313f rgb(18,49,63)
```
#20123f
```
#20123f rgb(32,18,63)
```

Tetradic Color

#030301
```
#030301 rgb(3,3,1)
```
#121707
```
#121707 rgb(18,23,7)
```
#222b0c
```
#222b0c rgb(34,43,12)
```
#313f12
```
#313f12 rgb(49,63,18)
```
#405318
```
#405318 rgb(64,83,24)
```
#50671d
```
#50671d rgb(80,103,29)
```
#5f7b23
```
#5f7b23 rgb(95,123,35)
```

Monochromatic Color

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

#3c3f12
```
#3c3f12 rgb(60,63,18)
```
#393f12
```
#393f12 rgb(57,63,18)
```
#353f12
```
#353f12 rgb(53,63,18)
```
#313f12
```
#313f12 rgb(49,63,18)
```
#2d3f12
```
#2d3f12 rgb(45,63,18)
```
#2a3f12
```
#2a3f12 rgb(42,63,18)
```
#263f12
```
#263f12 rgb(38,63,18)
```

Similar Colors

Text with hexadecimal color #313f12

This text has a font color of #313f12.

<span style="color:#313f12;">Text here</span>

#313f12 background color

This paragraph has a background color of #313f12.

<p style="background-color:#313f12;">Content here</p>

#313f12 border color

This element has a border color of #313f12.

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

CSS codes

.text {color:#313f12;}

.background {background-color:#313f12;}

.border {border:1px solid #313f12;}

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

#020201
```
#020201 rgb(2,2,1)
```
#0d1105
```
#0d1105 rgb(13,17,5)
```
#192009
```
#192009 rgb(25,32,9)
```
#25300e
```
#25300e rgb(37,48,14)
```
#313f12
```
#313f12 rgb(49,63,18)
```
#3d4e16
```
#3d4e16 rgb(61,78,22)
```
#495e1b
```
#495e1b rgb(73,94,27)
```
#556d1f
```
#556d1f rgb(85,109,31)
```
#607c23
```
#607c23 rgb(96,124,35)
```
#6c8b28
```
#6c8b28 rgb(108,139,40)
```
#789b2c
```
#789b2c rgb(120,155,44)
```
#84aa31
```
#84aa31 rgb(132,170,49)
```
#90b935
```
#90b935 rgb(144,185,53)
```

Shade Color Variation

#9bc73b
```
#9bc73b rgb(155,199,59)
```
#a3cb4a
```
#a3cb4a rgb(163,203,74)
```
#abd059
```
#abd059 rgb(171,208,89)
```
#b3d468
```
#b3d468 rgb(179,212,104)
```
#bad878
```
#bad878 rgb(186,216,120)
```
#c2dd87
```
#c2dd87 rgb(194,221,135)
```
#cae196
```
#cae196 rgb(202,225,150)
```
#d2e5a5
```
#d2e5a5 rgb(210,229,165)
```
#d9eab5
```
#d9eab5 rgb(217,234,181)
```
#e1eec4
```
#e1eec4 rgb(225,238,196)
```
#e9f2d3
```
#e9f2d3 rgb(233,242,211)
```
#f1f7e2
```
#f1f7e2 rgb(241,247,226)
```
#f8fbf2
```
#f8fbf2 rgb(248,251,242)
```

Tint Color Variation

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

#292928
```
#292928 rgb(41,41,40)
```
#2a2c25
```
#2a2c25 rgb(42,44,37)
```
#2b2f22
```
#2b2f22 rgb(43,47,34)
```
#2c331e
```
#2c331e rgb(44,51,30)
```
#2d361b
```
#2d361b rgb(45,54,27)
```
#2f3918
```
#2f3918 rgb(47,57,24)
```
#303c15
```
#303c15 rgb(48,60,21)
```
#313f12
```
#313f12 rgb(49,63,18)
```
#32420f
```
#32420f rgb(50,66,15)
```
#33450c
```
#33450c rgb(51,69,12)
```
#354809
```
#354809 rgb(53,72,9)
```
#364b06
```
#364b06 rgb(54,75,6)
```
#374f02
```
#374f02 rgb(55,79,2)
```

Tone Color Variation

Below, you can see how #313f12 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

#363636 Achromatopsia 0.005% of the population
#35382f Atypical Achromatopsia 0.001% of the population

Dichromacy

#4b441d Protanopia 1% of men
#534121 Deuteranopia 1% of men
#414449 Tritanopia 0.001% of the population

Trichromacy

#424219 Protanomaly 1% of men, 0.01% of women
#47401b Deuteranomaly 6% of men, 0.4% of women
#3b4235 Tritanomaly 0.01% of the population

#313f12 hex color

#313f12 Color Information

#313f12 Color Conversion

Color Schemes with #313f12

Alternatives to #313f12

#313f12 Preview

Shades and Tints of #313f12

Tones of #313f12

Color Blindness Simulator