#31664c hex color

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

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

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

The hexadecimal color #31664c has RGB values of R:49, G:102, B:76 and CMYK values of C:0.52, M:0, Y:0.25, K:0.6. Its decimal value is 3237452.

Hex triplet	31664c	`#31664c`
RGB Decimal	49, 102, 76	`rgb(49,102,76)`
RGB Percent	19.2, 40, 29.8	`rgb(19.2%,40%,29.8%)`
CMYK	52, 0, 25, 60
HSL	150.6°, 35.1, 29.6	`hsl(150.6,35.1%,29.6%)`
HSV (or HSB)	150.6°, 52, 40
Web Safe	336633	`#336633`

CIE-LAB	39.031, -24.454, 9.364
XYZ	7.322, 10.677, 8.512
xyY	0.276, 0.403, 10.677
CIE-LCH	39.031, 26.185, 159.048
CIE-LUV	39.031, -23.391, 14.979
Hunter-Lab	32.676, -17.184, 7.428
Binary	00110001, 01100110, 01001100

#31664c
```
#31664c rgb(49,102,76)
```
#66314b
```
#66314b rgb(102,49,75)
```

Complementary Color

#316632
```
#316632 rgb(49,102,50)
```
#31664c
```
#31664c rgb(49,102,76)
```
#316666
```
#316666 rgb(49,102,102)
```

Analogous Color

#663231
```
#663231 rgb(102,50,49)
```
#31664c
```
#31664c rgb(49,102,76)
```
#663166
```
#663166 rgb(102,49,102)
```

Split Complementary Color

#664c31
```
#664c31 rgb(102,76,49)
```
#31664c
```
#31664c rgb(49,102,76)
```
#4c3166
```
#4c3166 rgb(76,49,102)
```

Triadic Color

#4b6631
```
#4b6631 rgb(75,102,49)
```
#31664c
```
#31664c rgb(49,102,76)
```
#4c3166
```
#4c3166 rgb(76,49,102)
```
#66314b
```
#66314b rgb(102,49,75)
```

Tetradic Color

#183225
```
#183225 rgb(24,50,37)
```
#204432
```
#204432 rgb(32,68,50)
```
#29553f
```
#29553f rgb(41,85,63)
```
#31664c
```
#31664c rgb(49,102,76)
```
#397759
```
#397759 rgb(57,119,89)
```
#428866
```
#428866 rgb(66,136,102)
```
#4a9a73
```
#4a9a73 rgb(74,154,115)
```

Monochromatic Color

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

#31663f
```
#31663f rgb(49,102,63)
```
#316643
```
#316643 rgb(49,102,67)
```
#316648
```
#316648 rgb(49,102,72)
```
#31664c
```
#31664c rgb(49,102,76)
```
#316650
```
#316650 rgb(49,102,80)
```
#316655
```
#316655 rgb(49,102,85)
```
#316659
```
#316659 rgb(49,102,89)
```

Similar Colors

Text with hexadecimal color #31664c

This text has a font color of #31664c.

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

#31664c background color

This paragraph has a background color of #31664c.

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

#31664c border color

This element has a border color of #31664c.

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

CSS codes

.text {color:#31664c;}

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

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

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)
```
#1e3e2e
```
#1e3e2e rgb(30,62,46)
```
#244b38
```
#244b38 rgb(36,75,56)
```
#2b5942
```
#2b5942 rgb(43,89,66)
```
#31664c
```
#31664c rgb(49,102,76)
```
#377356
```
#377356 rgb(55,115,86)
```
#3e8160
```
#3e8160 rgb(62,129,96)
```
#448e6a
```
#448e6a rgb(68,142,106)
```
#4a9b73
```
#4a9b73 rgb(74,155,115)
```
#51a87d
```
#51a87d rgb(81,168,125)
```

Shade Color Variation

#5cb187
```
#5cb187 rgb(92,177,135)
```
#69b791
```
#69b791 rgb(105,183,145)
```
#76bd9b
```
#76bd9b rgb(118,189,155)
```
#84c4a4
```
#84c4a4 rgb(132,196,164)
```
#91caae
```
#91caae rgb(145,202,174)
```
#9ed1b8
```
#9ed1b8 rgb(158,209,184)
```
#abd7c2
```
#abd7c2 rgb(171,215,194)
```
#b9ddcb
```
#b9ddcb rgb(185,221,203)
```
#c6e4d5
```
#c6e4d5 rgb(198,228,213)
```
#d3eadf
```
#d3eadf rgb(211,234,223)
```
#e0f0e9
```
#e0f0e9 rgb(224,240,233)
```
#eef7f2
```
#eef7f2 rgb(238,247,242)
```
#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 #03944d is the most saturated one.

#484f4c
```
#484f4c rgb(72,79,76)
```
#42554c
```
#42554c rgb(66,85,76)
```
#3d5a4c
```
#3d5a4c rgb(61,90,76)
```
#37604c
```
#37604c rgb(55,96,76)
```
#31664c
```
#31664c rgb(49,102,76)
```
#2b6c4c
```
#2b6c4c rgb(43,108,76)
```
#25724c
```
#25724c rgb(37,114,76)
```
#20774c
```
#20774c rgb(32,119,76)
```
#1a7d4c
```
#1a7d4c rgb(26,125,76)
```
#14834d
```
#14834d rgb(20,131,77)
```
#0e894d
```
#0e894d rgb(14,137,77)
```
#088f4d
```
#088f4d rgb(8,143,77)
```
#03944d
```
#03944d rgb(3,148,77)
```

Tone Color Variation

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

#6a6450 Protanopia 1% of men
#716059 Deuteranopia 1% of men
#446a71 Tritanopia 0.001% of the population

Trichromacy

#55644f Protanomaly 1% of men, 0.01% of women
#5a6254 Deuteranomaly 6% of men, 0.4% of women
#3d6864 Tritanomaly 0.01% of the population

#31664c hex color

#31664c Color Information

#31664c Color Conversion

Color Schemes with #31664c

Alternatives to #31664c

#31664c Preview

Shades and Tints of #31664c

Tones of #31664c

Color Blindness Simulator