#31664e hex color

In a RGB color space, hex #31664e is composed of 19.2% red, 40% green and 30.6% blue. Whereas in a CMYK color space, it is composed of 52% cyan, 0% magenta, 23.5% yellow and 60% black. It has a hue angle of 152.8 degrees, a saturation of 35.1% and a lightness of 29.6%. #31664e color hex could be obtained by blending #62cc9c with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 19
- G 40
- B 31
RGB color chart
- C 52
- M 0
- Y 24
- K 60
CMYK color chart

● #31664e color description : Very dark desaturated cyan - lime green.

The hexadecimal color #31664e has RGB values of R:49, G:102, B:78 and CMYK values of C:0.52, M:0, Y:0.24, K:0.6. Its decimal value is 3237454.

Hex triplet	31664e	`#31664e`
RGB Decimal	49, 102, 78	`rgb(49,102,78)`
RGB Percent	19.2, 40, 30.6	`rgb(19.2%,40%,30.6%)`
CMYK	52, 0, 24, 60
HSL	152.8°, 35.1, 29.6	`hsl(152.8,35.1%,29.6%)`
HSV (or HSB)	152.8°, 52, 40
Web Safe	336666	`#336666`

CIE-LAB	39.08, -23.981, 8.219
XYZ	7.393, 10.705, 8.884
xyY	0.274, 0.397, 10.705
CIE-LCH	39.08, 25.35, 161.081
CIE-LUV	39.08, -23.32, 13.569
Hunter-Lab	32.719, -16.927, 6.804
Binary	00110001, 01100110, 01001110

#31664e
```
#31664e rgb(49,102,78)
```
#663149
```
#663149 rgb(102,49,73)
```

Complementary Color

#316634
```
#316634 rgb(49,102,52)
```
#31664e
```
#31664e rgb(49,102,78)
```
#316466
```
#316466 rgb(49,100,102)
```

Analogous Color

#663431
```
#663431 rgb(102,52,49)
```
#31664e
```
#31664e rgb(49,102,78)
```
#663164
```
#663164 rgb(102,49,100)
```

Split Complementary Color

#664e31
```
#664e31 rgb(102,78,49)
```
#31664e
```
#31664e rgb(49,102,78)
```
#4e3166
```
#4e3166 rgb(78,49,102)
```

Triadic Color

#496631
```
#496631 rgb(73,102,49)
```
#31664e
```
#31664e rgb(49,102,78)
```
#4e3166
```
#4e3166 rgb(78,49,102)
```
#663149
```
#663149 rgb(102,49,73)
```

Tetradic Color

#183226
```
#183226 rgb(24,50,38)
```
#204434
```
#204434 rgb(32,68,52)
```
#295541
```
#295541 rgb(41,85,65)
```
#31664e
```
#31664e rgb(49,102,78)
```
#39775b
```
#39775b rgb(57,119,91)
```
#428868
```
#428868 rgb(66,136,104)
```
#4a9a76
```
#4a9a76 rgb(74,154,118)
```

Monochromatic Color

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

#316641
```
#316641 rgb(49,102,65)
```
#316645
```
#316645 rgb(49,102,69)
```
#31664a
```
#31664a rgb(49,102,74)
```
#31664e
```
#31664e rgb(49,102,78)
```
#316652
```
#316652 rgb(49,102,82)
```
#316657
```
#316657 rgb(49,102,87)
```
#31665b
```
#31665b rgb(49,102,91)
```

Similar Colors

Text with hexadecimal color #31664e

This text has a font color of #31664e.

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

#31664e background color

This paragraph has a background color of #31664e.

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

#31664e border color

This element has a border color of #31664e.

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

CSS codes

.text {color:#31664e;}

.background {background-color:#31664e;}

.border {border:1px solid #31664e;}

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

#040907
```
#040907 rgb(4,9,7)
```
#0b1611
```
#0b1611 rgb(11,22,17)
```
#11241b
```
#11241b rgb(17,36,27)
```
#183125
```
#183125 rgb(24,49,37)
```
#1e3e30
```
#1e3e30 rgb(30,62,48)
```
#244b3a
```
#244b3a rgb(36,75,58)
```
#2b5944
```
#2b5944 rgb(43,89,68)
```
#31664e
```
#31664e rgb(49,102,78)
```
#377358
```
#377358 rgb(55,115,88)
```
#3e8162
```
#3e8162 rgb(62,129,98)
```
#448e6c
```
#448e6c rgb(68,142,108)
```
#4a9b77
```
#4a9b77 rgb(74,155,119)
```
#51a881
```
#51a881 rgb(81,168,129)
```

Shade Color Variation

#5cb18a
```
#5cb18a rgb(92,177,138)
```
#69b794
```
#69b794 rgb(105,183,148)
```
#76bd9d
```
#76bd9d rgb(118,189,157)
```
#84c4a7
```
#84c4a7 rgb(132,196,167)
```
#91cab0
```
#91cab0 rgb(145,202,176)
```
#9ed1ba
```
#9ed1ba rgb(158,209,186)
```
#abd7c3
```
#abd7c3 rgb(171,215,195)
```
#b9ddcd
```
#b9ddcd rgb(185,221,205)
```
#c6e4d6
```
#c6e4d6 rgb(198,228,214)
```
#d3eae0
```
#d3eae0 rgb(211,234,224)
```
#e0f0e9
```
#e0f0e9 rgb(224,240,233)
```
#eef7f3
```
#eef7f3 rgb(238,247,243)
```
#fbfdfc
```
#fbfdfc rgb(251,253,252)
```

Tint Color Variation

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

#484f4c
```
#484f4c rgb(72,79,76)
```
#42554c
```
#42554c rgb(66,85,76)
```
#3d5a4d
```
#3d5a4d rgb(61,90,77)
```
#37604d
```
#37604d rgb(55,96,77)
```
#31664e
```
#31664e rgb(49,102,78)
```
#2b6c4f
```
#2b6c4f rgb(43,108,79)
```
#25724f
```
#25724f rgb(37,114,79)
```
#207750
```
#207750 rgb(32,119,80)
```
#1a7d50
```
#1a7d50 rgb(26,125,80)
```
#148351
```
#148351 rgb(20,131,81)
```
#0e8951
```
#0e8951 rgb(14,137,81)
```
#088f52
```
#088f52 rgb(8,143,82)
```
#039452
```
#039452 rgb(3,148,82)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#4c5752 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6a6452 Protanopia 1% of men
#71615b Deuteranopia 1% of men
#446a71 Tritanopia 0.001% of the population

Trichromacy

#556451 Protanomaly 1% of men, 0.01% of women
#596256 Deuteranomaly 6% of men, 0.4% of women
#3d6864 Tritanomaly 0.01% of the population

#31664e hex color

#31664e Color Information

#31664e Color Conversion

Color Schemes with #31664e

Alternatives to #31664e

#31664e Preview

Shades and Tints of #31664e

Tones of #31664e

Color Blindness Simulator