#314837 hex color

In a RGB color space, hex #314837 is composed of 19.2% red, 28.2% green and 21.6% blue. Whereas in a CMYK color space, it is composed of 31.9% cyan, 0% magenta, 23.6% yellow and 71.8% black. It has a hue angle of 135.7 degrees, a saturation of 19% and a lightness of 23.7%. #314837 color hex could be obtained by blending #62906e with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 19
- G 28
- B 22
RGB color chart
- C 32
- M 0
- Y 24
- K 72
CMYK color chart

● #314837 color description : Very dark grayish cyan - lime green.

The hexadecimal color #314837 has RGB values of R:49, G:72, B:55 and CMYK values of C:0.32, M:0, Y:0.24, K:0.72. Its decimal value is 3229751.

Hex triplet	314837	`#314837`
RGB Decimal	49, 72, 55	`rgb(49,72,55)`
RGB Percent	19.2, 28.2, 21.6	`rgb(19.2%,28.2%,21.6%)`
CMYK	32, 0, 24, 72
HSL	135.7°, 19, 23.7	`hsl(135.7,19%,23.7%)`
HSV (or HSB)	135.7°, 31.9, 28.2
Web Safe	333333	`#333333`

CIE-LAB	28.283, -13.082, 7.392
XYZ	4.273, 5.563, 4.463
xyY	0.299, 0.389, 5.563
CIE-LCH	28.283, 15.027, 150.531
CIE-LUV	28.283, -10.584, 9.875
Hunter-Lab	23.587, -8.937, 5.292
Binary	00110001, 01001000, 00110111

#314837
```
#314837 rgb(49,72,55)
```
#483142
```
#483142 rgb(72,49,66)
```

Complementary Color

#374831
```
#374831 rgb(55,72,49)
```
#314837
```
#314837 rgb(49,72,55)
```
#314843
```
#314843 rgb(49,72,67)
```

Analogous Color

#483137
```
#483137 rgb(72,49,55)
```
#314837
```
#314837 rgb(49,72,55)
```
#433148
```
#433148 rgb(67,49,72)
```

Split Complementary Color

#483731
```
#483731 rgb(72,55,49)
```
#314837
```
#314837 rgb(49,72,55)
```
#373148
```
#373148 rgb(55,49,72)
```

Triadic Color

#424831
```
#424831 rgb(66,72,49)
```
#314837
```
#314837 rgb(49,72,55)
```
#373148
```
#373148 rgb(55,49,72)
```
#483142
```
#483142 rgb(72,49,66)
```

Tetradic Color

#121a14
```
#121a14 rgb(18,26,20)
```
#1c2a20
```
#1c2a20 rgb(28,42,32)
```
#27392b
```
#27392b rgb(39,57,43)
```
#314837
```
#314837 rgb(49,72,55)
```
#3b5743
```
#3b5743 rgb(59,87,67)
```
#46664e
```
#46664e rgb(70,102,78)
```
#50765a
```
#50765a rgb(80,118,90)
```

Monochromatic Color

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

#314831
```
#314831 rgb(49,72,49)
```
#314833
```
#314833 rgb(49,72,51)
```
#314835
```
#314835 rgb(49,72,53)
```
#314837
```
#314837 rgb(49,72,55)
```
#314839
```
#314839 rgb(49,72,57)
```
#31483b
```
#31483b rgb(49,72,59)
```
#31483d
```
#31483d rgb(49,72,61)
```

Similar Colors

Text with hexadecimal color #314837

This text has a font color of #314837.

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

#314837 background color

This paragraph has a background color of #314837.

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

#314837 border color

This element has a border color of #314837.

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

CSS codes

.text {color:#314837;}

.background {background-color:#314837;}

.border {border:1px solid #314837;}

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

#010202
```
#010202 rgb(1,2,2)
```
#090e0a
```
#090e0a rgb(9,14,10)
```
#111913
```
#111913 rgb(17,25,19)
```
#19251c
```
#19251c rgb(25,37,28)
```
#213125
```
#213125 rgb(33,49,37)
```
#293c2e
```
#293c2e rgb(41,60,46)
```
#314837
```
#314837 rgb(49,72,55)
```
#395440
```
#395440 rgb(57,84,64)
```
#415f49
```
#415f49 rgb(65,95,73)
```
#496b52
```
#496b52 rgb(73,107,82)
```
#51775b
```
#51775b rgb(81,119,91)
```
#598264
```
#598264 rgb(89,130,100)
```
#618e6c
```
#618e6c rgb(97,142,108)
```

Shade Color Variation

#699976
```
#699976 rgb(105,153,118)
```
#75a180
```
#75a180 rgb(117,161,128)
```
#81a98b
```
#81a98b rgb(129,169,139)
```
#8cb196
```
#8cb196 rgb(140,177,150)
```
#98b9a1
```
#98b9a1 rgb(152,185,161)
```
#a4c1ab
```
#a4c1ab rgb(164,193,171)
```
#afc9b6
```
#afc9b6 rgb(175,201,182)
```
#bbd1c1
```
#bbd1c1 rgb(187,209,193)
```
#c7d9cb
```
#c7d9cb rgb(199,217,203)
```
#d2e1d6
```
#d2e1d6 rgb(210,225,214)
```
#dee9e1
```
#dee9e1 rgb(222,233,225)
```
#eaf0eb
```
#eaf0eb rgb(234,240,235)
```
#f5f8f6
```
#f5f8f6 rgb(245,248,246)
```

Tint Color Variation

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

#3a3f3b
```
#3a3f3b rgb(58,63,59)
```
#364339
```
#364339 rgb(54,67,57)
```
#314837
```
#314837 rgb(49,72,55)
```
#2c4d35
```
#2c4d35 rgb(44,77,53)
```
#285133
```
#285133 rgb(40,81,51)
```
#235630
```
#235630 rgb(35,86,48)
```
#1e5b2e
```
#1e5b2e rgb(30,91,46)
```
#1a5f2c
```
#1a5f2c rgb(26,95,44)
```
#15642a
```
#15642a rgb(21,100,42)
```
#106927
```
#106927 rgb(16,105,39)
```
#0c6d25
```
#0c6d25 rgb(12,109,37)
```
#077223
```
#077223 rgb(7,114,35)
```
#027721
```
#027721 rgb(2,119,33)
```

Tone Color Variation

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

#3f3f3f Achromatopsia 0.005% of the population
#3c413d Atypical Achromatopsia 0.001% of the population

Dichromacy

#504c3f Protanopia 1% of men
#564943 Deuteranopia 1% of men
#404e54 Tritanopia 0.001% of the population

Trichromacy

#454a3c Protanomaly 1% of men, 0.01% of women
#49493f Deuteranomaly 6% of men, 0.4% of women
#3a4c49 Tritanomaly 0.01% of the population

#314837 hex color

#314837 Color Information

#314837 Color Conversion

Color Schemes with #314837

Alternatives to #314837

#314837 Preview

Shades and Tints of #314837

Tones of #314837

Color Blindness Simulator