#31785e hex color

In a RGB color space, hex #31785e is composed of 19.2% red, 47.1% green and 36.9% blue. Whereas in a CMYK color space, it is composed of 59.2% cyan, 0% magenta, 21.7% yellow and 52.9% black. It has a hue angle of 158 degrees, a saturation of 42% and a lightness of 33.1%. #31785e color hex could be obtained by blending #62f0bc with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 19
- G 47
- B 37
RGB color chart
- C 59
- M 0
- Y 22
- K 53
CMYK color chart

● #31785e color description : Dark moderate cyan - lime green.

The hexadecimal color #31785e has RGB values of R:49, G:120, B:94 and CMYK values of C:0.59, M:0, Y:0.22, K:0.53. Its decimal value is 3242078.

Hex triplet	31785e	`#31785e`
RGB Decimal	49, 120, 94	`rgb(49,120,94)`
RGB Percent	19.2, 47.1, 36.9	`rgb(19.2%,47.1%,36.9%)`
CMYK	59, 0, 22, 53
HSL	158°, 42, 33.1	`hsl(158,42%,33.1%)`
HSV (or HSB)	158°, 59.2, 47.1
Web Safe	336666	`#336666`

CIE-LAB	45.488, -28.969, 7.691
XYZ	10.003, 14.893, 12.937
xyY	0.264, 0.394, 14.893
CIE-LCH	45.488, 29.972, 165.131
CIE-LUV	45.488, -30.073, 14.235
Hunter-Lab	38.592, -21.27, 7.139
Binary	00110001, 01111000, 01011110

#31785e
```
#31785e rgb(49,120,94)
```
#78314b
```
#78314b rgb(120,49,75)
```

Complementary Color

#31783b
```
#31783b rgb(49,120,59)
```
#31785e
```
#31785e rgb(49,120,94)
```
#316f78
```
#316f78 rgb(49,111,120)
```

Analogous Color

#783b31
```
#783b31 rgb(120,59,49)
```
#31785e
```
#31785e rgb(49,120,94)
```
#78316f
```
#78316f rgb(120,49,111)
```

Split Complementary Color

#785e31
```
#785e31 rgb(120,94,49)
```
#31785e
```
#31785e rgb(49,120,94)
```
#5e3178
```
#5e3178 rgb(94,49,120)
```

Triadic Color

#4b7831
```
#4b7831 rgb(75,120,49)
```
#31785e
```
#31785e rgb(49,120,94)
```
#5e3178
```
#5e3178 rgb(94,49,120)
```
#78314b
```
#78314b rgb(120,49,75)
```

Tetradic Color

#1b4233
```
#1b4233 rgb(27,66,51)
```
#225442
```
#225442 rgb(34,84,66)
```
#2a6650
```
#2a6650 rgb(42,102,80)
```
#31785e
```
#31785e rgb(49,120,94)
```
#388a6c
```
#388a6c rgb(56,138,108)
```
#409c7a
```
#409c7a rgb(64,156,122)
```
#47ae89
```
#47ae89 rgb(71,174,137)
```

Monochromatic Color

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

#31784c
```
#31784c rgb(49,120,76)
```
#317852
```
#317852 rgb(49,120,82)
```
#317858
```
#317858 rgb(49,120,88)
```
#31785e
```
#31785e rgb(49,120,94)
```
#317864
```
#317864 rgb(49,120,100)
```
#31786a
```
#31786a rgb(49,120,106)
```
#317870
```
#317870 rgb(49,120,112)
```

Similar Colors

Text with hexadecimal color #31785e

This text has a font color of #31785e.

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

#31785e background color

This paragraph has a background color of #31785e.

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

#31785e border color

This element has a border color of #31785e.

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

CSS codes

.text {color:#31785e;}

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

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

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 #fafdfc is the lightest one.

#040907
```
#040907 rgb(4,9,7)
```
#091712
```
#091712 rgb(9,23,18)
```
#0f241d
```
#0f241d rgb(15,36,29)
```
#153227
```
#153227 rgb(21,50,39)
```
#1a4032
```
#1a4032 rgb(26,64,50)
```
#204e3d
```
#204e3d rgb(32,78,61)
```
#265c48
```
#265c48 rgb(38,92,72)
```
#2b6a53
```
#2b6a53 rgb(43,106,83)
```
#31785e
```
#31785e rgb(49,120,94)
```
#378669
```
#378669 rgb(55,134,105)
```
#3c9474
```
#3c9474 rgb(60,148,116)
```
#42a27f
```
#42a27f rgb(66,162,127)
```
#48b08a
```
#48b08a rgb(72,176,138)
```

Shade Color Variation

#53b993
```
#53b993 rgb(83,185,147)
```
#60be9c
```
#60be9c rgb(96,190,156)
```
#6ec4a5
```
#6ec4a5 rgb(110,196,165)
```
#7ccaad
```
#7ccaad rgb(124,202,173)
```
#8acfb6
```
#8acfb6 rgb(138,207,182)
```
#98d5bf
```
#98d5bf rgb(152,213,191)
```
#a6dbc7
```
#a6dbc7 rgb(166,219,199)
```
#b4e0d0
```
#b4e0d0 rgb(180,224,208)
```
#c2e6d9
```
#c2e6d9 rgb(194,230,217)
```
#d0ece2
```
#d0ece2 rgb(208,236,226)
```
#def1ea
```
#def1ea rgb(222,241,234)
```
#ecf7f3
```
#ecf7f3 rgb(236,247,243)
```
#fafdfc
```
#fafdfc rgb(250,253,252)
```

Tint Color Variation

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

#525855
```
#525855 rgb(82,88,85)
```
#4b5e57
```
#4b5e57 rgb(75,94,87)
```
#456559
```
#456559 rgb(69,101,89)
```
#3e6b5b
```
#3e6b5b rgb(62,107,91)
```
#38725c
```
#38725c rgb(56,114,92)
```
#31785e
```
#31785e rgb(49,120,94)
```
#2b7f60
```
#2b7f60 rgb(43,127,96)
```
#248561
```
#248561 rgb(36,133,97)
```
#1e8c63
```
#1e8c63 rgb(30,140,99)
```
#179265
```
#179265 rgb(23,146,101)
```
#119967
```
#119967 rgb(17,153,103)
```
#0a9f68
```
#0a9f68 rgb(10,159,104)
```
#03a66a
```
#03a66a rgb(3,166,106)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#576560 Atypical Achromatopsia 0.001% of the population

Dichromacy

#797360 Protanopia 1% of men
#806f6b Deuteranopia 1% of men
#477a83 Tritanopia 0.001% of the population

Trichromacy

#5f745f Protanomaly 1% of men, 0.01% of women
#637266 Deuteranomaly 6% of men, 0.4% of women
#3f7976 Tritanomaly 0.01% of the population

#31785e hex color

#31785e Color Information

#31785e Color Conversion

Color Schemes with #31785e

Alternatives to #31785e

#31785e Preview

Shades and Tints of #31785e

Tones of #31785e

Color Blindness Simulator