#31580f hex color

In a RGB color space, hex #31580f is composed of 19.2% red, 34.5% green and 5.9% blue. Whereas in a CMYK color space, it is composed of 44.3% cyan, 0% magenta, 83% yellow and 65.5% black. It has a hue angle of 92.1 degrees, a saturation of 70.9% and a lightness of 20.2%. #31580f color hex could be obtained by blending #62b01e with #000000. Closest websafe color is: #336600.

♥
- f
- t
- g
- R 19
- G 35
- B 6
RGB color chart
- C 44
- M 0
- Y 83
- K 65
CMYK color chart

● #31580f color description : Very dark green.

The hexadecimal color #31580f has RGB values of R:49, G:88, B:15 and CMYK values of C:0.44, M:0, Y:0.83, K:0.65. Its decimal value is 3233807.

Hex triplet	31580f	`#31580f`
RGB Decimal	49, 88, 15	`rgb(49,88,15)`
RGB Percent	19.2, 34.5, 5.9	`rgb(19.2%,34.5%,5.9%)`
CMYK	44, 0, 83, 65
HSL	92.1°, 70.9, 20.2	`hsl(92.1,70.9%,20.2%)`
HSV (or HSB)	92.1°, 83, 34.5
Web Safe	336600	`#336600`

CIE-LAB	33.279, -27.051, 35.207
XYZ	4.842, 7.667, 1.677
xyY	0.341, 0.54, 7.667
CIE-LCH	33.279, 44.399, 127.536
CIE-LUV	33.279, -18.483, 36.439
Hunter-Lab	27.689, -17.238, 15.792
Binary	00110001, 01011000, 00001111

#31580f
```
#31580f rgb(49,88,15)
```
#360f58
```
#360f58 rgb(54,15,88)
```

Complementary Color

#55580f
```
#55580f rgb(85,88,15)
```
#31580f
```
#31580f rgb(49,88,15)
```
#0f5812
```
#0f5812 rgb(15,88,18)
```

Analogous Color

#580f55
```
#580f55 rgb(88,15,85)
```
#31580f
```
#31580f rgb(49,88,15)
```
#120f58
```
#120f58 rgb(18,15,88)
```

Split Complementary Color

#580f31
```
#580f31 rgb(88,15,49)
```
#31580f
```
#31580f rgb(49,88,15)
```
#0f3158
```
#0f3158 rgb(15,49,88)
```

Triadic Color

#58360f
```
#58360f rgb(88,54,15)
```
#31580f
```
#31580f rgb(49,88,15)
```
#0f3158
```
#0f3158 rgb(15,49,88)
```
#360f58
```
#360f58 rgb(54,15,88)
```

Tetradic Color

#0d1704
```
#0d1704 rgb(13,23,4)
```
#192c08
```
#192c08 rgb(25,44,8)
```
#25420b
```
#25420b rgb(37,66,11)
```
#31580f
```
#31580f rgb(49,88,15)
```
#3d6e13
```
#3d6e13 rgb(61,110,19)
```
#498416
```
#498416 rgb(73,132,22)
```
#55991a
```
#55991a rgb(85,153,26)
```

Monochromatic Color

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

#43580f
```
#43580f rgb(67,88,15)
```
#3d580f
```
#3d580f rgb(61,88,15)
```
#37580f
```
#37580f rgb(55,88,15)
```
#31580f
```
#31580f rgb(49,88,15)
```
#2b580f
```
#2b580f rgb(43,88,15)
```
#25580f
```
#25580f rgb(37,88,15)
```
#1f580f
```
#1f580f rgb(31,88,15)
```

Similar Colors

Text with hexadecimal color #31580f

This text has a font color of #31580f.

<span style="color:#31580f;">Text here</span>

#31580f background color

This paragraph has a background color of #31580f.

<p style="background-color:#31580f;">Content here</p>

#31580f border color

This element has a border color of #31580f.

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

CSS codes

.text {color:#31580f;}

.background {background-color:#31580f;}

.border {border:1px solid #31580f;}

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

#020401
```
#020401 rgb(2,4,1)
```
#0c1504
```
#0c1504 rgb(12,21,4)
```
#152606
```
#152606 rgb(21,38,6)
```
#1e3609
```
#1e3609 rgb(30,54,9)
```
#28470c
```
#28470c rgb(40,71,12)
```
#31580f
```
#31580f rgb(49,88,15)
```
#3a6912
```
#3a6912 rgb(58,105,18)
```
#447a15
```
#447a15 rgb(68,122,21)
```
#4d8a18
```
#4d8a18 rgb(77,138,24)
```
#569b1a
```
#569b1a rgb(86,155,26)
```
#60ac1d
```
#60ac1d rgb(96,172,29)
```
#69bd20
```
#69bd20 rgb(105,189,32)
```
#72cd23
```
#72cd23 rgb(114,205,35)
```

Shade Color Variation

#7cdb29
```
#7cdb29 rgb(124,219,41)
```
#86dd3a
```
#86dd3a rgb(134,221,58)
```
#90e04b
```
#90e04b rgb(144,224,75)
```
#9be35c
```
#9be35c rgb(155,227,92)
```
#a5e66c
```
#a5e66c rgb(165,230,108)
```
#afe97d
```
#afe97d rgb(175,233,125)
```
#baec8e
```
#baec8e rgb(186,236,142)
```
#c4ef9f
```
#c4ef9f rgb(196,239,159)
```
#cef1af
```
#cef1af rgb(206,241,175)
```
#d8f4c0
```
#d8f4c0 rgb(216,244,192)
```
#e3f7d1
```
#e3f7d1 rgb(227,247,209)
```
#edfae2
```
#edfae2 rgb(237,250,226)
```
#f7fdf2
```
#f7fdf2 rgb(247,253,242)
```

Tint Color Variation

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

#333433
```
#333433 rgb(51,52,51)
```
#33382f
```
#33382f rgb(51,56,47)
```
#333c2b
```
#333c2b rgb(51,60,43)
```
#334027
```
#334027 rgb(51,64,39)
```
#324423
```
#324423 rgb(50,68,35)
```
#32481f
```
#32481f rgb(50,72,31)
```
#324c1b
```
#324c1b rgb(50,76,27)
```
#325017
```
#325017 rgb(50,80,23)
```
#315413
```
#315413 rgb(49,84,19)
```
#31580f
```
#31580f rgb(49,88,15)
```
#315c0b
```
#315c0b rgb(49,92,11)
```
#306007
```
#306007 rgb(48,96,7)
```
#306403
```
#306403 rgb(48,100,3)
```

Tone Color Variation

Below, you can see how #31580f 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

#444444 Achromatopsia 0.005% of the population
#404839 Atypical Achromatopsia 0.001% of the population

Dichromacy

#615719 Protanopia 1% of men
#6c5322 Deuteranopia 1% of men
#475a61 Tritanopia 0.001% of the population

Trichromacy

#505715 Protanomaly 1% of men, 0.01% of women
#56551b Deuteranomaly 6% of men, 0.4% of women
#3f5943 Tritanomaly 0.01% of the population

#31580f hex color

#31580f Color Information

#31580f Color Conversion

Color Schemes with #31580f

Alternatives to #31580f

#31580f Preview

Shades and Tints of #31580f

Tones of #31580f

Color Blindness Simulator