colorhexa.com

#316636 hex color

In a RGB color space, hex #316636 is composed of 19.2% red, 40% green and 21.2% blue. Whereas in a CMYK color space, it is composed of 52% cyan, 0% magenta, 47.1% yellow and 60% black. It has a hue angle of 125.7 degrees, a saturation of 35.1% and a lightness of 29.6%. #316636 color hex could be obtained by blending #62cc6c with #000000. Closest websafe color is: #336633.

- R 19
- G 40
- B 21
RGB color chart
- C 52
- M 0
- Y 47
- K 60
CMYK color chart

● #316636 color description : Very dark desaturated lime green.

The hexadecimal color #316636 has RGB values of R:49, G:102, B:54 and CMYK values of C:0.52, M:0, Y:0.47, K:0.6. Its decimal value is 3237430.

Hex triplet	316636	`#316636`
RGB Decimal	49, 102, 54	`rgb(49,102,54)`
RGB Percent	19.2, 40, 21.2	`rgb(19.2%,40%,21.2%)`
CMYK	52, 0, 47, 60
HSL	125.7°, 35.1, 29.6	`hsl(125.7,35.1%,29.6%)`
HSV (or HSB)	125.7°, 52, 40
Web Safe	336633	`#336633`

CIE-LAB	38.589, -28.92, 21.793
XYZ	6.684, 10.422, 5.149
xyY	0.3, 0.468, 10.422
CIE-LCH	38.589, 36.212, 143
CIE-LUV	38.589, -24.095, 28.722
Hunter-Lab	32.283, -19.539, 13.141
Binary	00110001, 01100110, 00110110

#316636
```
#316636 rgb(49,102,54)
```
#663161
```
#663161 rgb(102,49,97)
```

Complementary Color

#476631
```
#476631 rgb(71,102,49)
```
#316636
```
#316636 rgb(49,102,54)
```
#316651
```
#316651 rgb(49,102,81)
```

Analogous Color

#663147
```
#663147 rgb(102,49,71)
```
#316636
```
#316636 rgb(49,102,54)
```
#513166
```
#513166 rgb(81,49,102)
```

Split Complementary Color

#663631
```
#663631 rgb(102,54,49)
```
#316636
```
#316636 rgb(49,102,54)
```
#363166
```
#363166 rgb(54,49,102)
```

Triadic Color

#18321b
```
#18321b rgb(24,50,27)
```
#204424
```
#204424 rgb(32,68,36)
```
#29552d
```
#29552d rgb(41,85,45)
```
#316636
```
#316636 rgb(49,102,54)
```
#39773f
```
#39773f rgb(57,119,63)
```
#428848
```
#428848 rgb(66,136,72)
```
#4a9a51
```
#4a9a51 rgb(74,154,81)
```

Monochromatic Color

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

#396631
```
#396631 rgb(57,102,49)
```
#356631
```
#356631 rgb(53,102,49)
```
#316632
```
#316632 rgb(49,102,50)
```
#316636
```
#316636 rgb(49,102,54)
```
#31663a
```
#31663a rgb(49,102,58)
```
#31663f
```
#31663f rgb(49,102,63)
```
#316643
```
#316643 rgb(49,102,67)
```

Similar Colors

Text with hexadecimal color #316636

This text has a font color of #316636.

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

#316636 background color

This paragraph has a background color of #316636.

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

#316636 border color

This element has a border color of #316636.

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

CSS codes

.text {color:#316636;}

.background {background-color:#316636;}

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

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

#040905
```
#040905 rgb(4,9,5)
```
#0b160c
```
#0b160c rgb(11,22,12)
```
#112413
```
#112413 rgb(17,36,19)
```
#18311a
```
#18311a rgb(24,49,26)
```
#1e3e21
```
#1e3e21 rgb(30,62,33)
```
#244b28
```
#244b28 rgb(36,75,40)
```
#2b592f
```
#2b592f rgb(43,89,47)
```
#316636
```
#316636 rgb(49,102,54)
```
#37733d
```
#37733d rgb(55,115,61)
```
#3e8144
```
#3e8144 rgb(62,129,68)
```
#448e4b
```
#448e4b rgb(68,142,75)
```
#4a9b52
```
#4a9b52 rgb(74,155,82)
```
#51a859
```
#51a859 rgb(81,168,89)
```

Shade Color Variation

#5cb164
```
#5cb164 rgb(92,177,100)
```
#69b771
```
#69b771 rgb(105,183,113)
```
#76bd7d
```
#76bd7d rgb(118,189,125)
```
#84c48a
```
#84c48a rgb(132,196,138)
```
#91ca96
```
#91ca96 rgb(145,202,150)
```
#9ed1a3
```
#9ed1a3 rgb(158,209,163)
```
#abd7b0
```
#abd7b0 rgb(171,215,176)
```
#b9ddbc
```
#b9ddbc rgb(185,221,188)
```
#c6e4c9
```
#c6e4c9 rgb(198,228,201)
```
#d3ead5
```
#d3ead5 rgb(211,234,213)
```
#e0f0e2
```
#e0f0e2 rgb(224,240,226)
```
#eef7ef
```
#eef7ef rgb(238,247,239)
```
#fbfdfb
```
#fbfdfb rgb(251,253,251)
```

Tint Color Variation

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

#484f49
```
#484f49 rgb(72,79,73)
```
#425544
```
#425544 rgb(66,85,68)
```
#3d5a3f
```
#3d5a3f rgb(61,90,63)
```
#37603b
```
#37603b rgb(55,96,59)
```
#316636
```
#316636 rgb(49,102,54)
```
#2b6c31
```
#2b6c31 rgb(43,108,49)
```
#25722d
```
#25722d rgb(37,114,45)
```
#207728
```
#207728 rgb(32,119,40)
```
#1a7d23
```
#1a7d23 rgb(26,125,35)
```
#14831e
```
#14831e rgb(20,131,30)
```
#0e891a
```
#0e891a rgb(14,137,26)
```
#088f15
```
#088f15 rgb(8,143,21)
```
#039410
```
#039410 rgb(3,148,16)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#4b554c Atypical Achromatopsia 0.001% of the population

Dichromacy

#6c633c Protanopia 1% of men
#765f45 Deuteranopia 1% of men
#48686f Tritanopia 0.001% of the population

Trichromacy

#56643a Protanomaly 1% of men, 0.01% of women
#5c613f Deuteranomaly 6% of men, 0.4% of women
#3f675a Tritanomaly 0.01% of the population