#31785a hex color

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

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

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

The hexadecimal color #31785a has RGB values of R:49, G:120, B:90 and CMYK values of C:0.59, M:0, Y:0.25, K:0.53. Its decimal value is 3242074.

Hex triplet	31785a	`#31785a`
RGB Decimal	49, 120, 90	`rgb(49,120,90)`
RGB Percent	19.2, 47.1, 35.3	`rgb(19.2%,47.1%,35.3%)`
CMYK	59, 0, 25, 53
HSL	154.6°, 42, 33.1	`hsl(154.6,42%,33.1%)`
HSV (or HSB)	154.6°, 59.2, 47.1
Web Safe	336666	`#336666`

CIE-LAB	45.391, -29.937, 9.916
XYZ	9.828, 14.823, 12.016
xyY	0.268, 0.404, 14.823
CIE-LCH	45.391, 31.537, 161.673
CIE-LUV	45.391, -30.258, 17.139
Hunter-Lab	38.501, -21.813, 8.447
Binary	00110001, 01111000, 01011010

#31785a
```
#31785a rgb(49,120,90)
```
#78314f
```
#78314f rgb(120,49,79)
```

Complementary Color

#317837
```
#317837 rgb(49,120,55)
```
#31785a
```
#31785a rgb(49,120,90)
```
#317378
```
#317378 rgb(49,115,120)
```

Analogous Color

#783731
```
#783731 rgb(120,55,49)
```
#31785a
```
#31785a rgb(49,120,90)
```
#783173
```
#783173 rgb(120,49,115)
```

Split Complementary Color

#785a31
```
#785a31 rgb(120,90,49)
```
#31785a
```
#31785a rgb(49,120,90)
```
#5a3178
```
#5a3178 rgb(90,49,120)
```

Triadic Color

#4f7831
```
#4f7831 rgb(79,120,49)
```
#31785a
```
#31785a rgb(49,120,90)
```
#5a3178
```
#5a3178 rgb(90,49,120)
```
#78314f
```
#78314f rgb(120,49,79)
```

Tetradic Color

#1b4231
```
#1b4231 rgb(27,66,49)
```
#22543f
```
#22543f rgb(34,84,63)
```
#2a664c
```
#2a664c rgb(42,102,76)
```
#31785a
```
#31785a rgb(49,120,90)
```
#388a68
```
#388a68 rgb(56,138,104)
```
#409c75
```
#409c75 rgb(64,156,117)
```
#47ae83
```
#47ae83 rgb(71,174,131)
```

Monochromatic Color

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

#317848
```
#317848 rgb(49,120,72)
```
#31784e
```
#31784e rgb(49,120,78)
```
#317854
```
#317854 rgb(49,120,84)
```
#31785a
```
#31785a rgb(49,120,90)
```
#317860
```
#317860 rgb(49,120,96)
```
#317866
```
#317866 rgb(49,120,102)
```
#31786c
```
#31786c rgb(49,120,108)
```

Similar Colors

Text with hexadecimal color #31785a

This text has a font color of #31785a.

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

#31785a background color

This paragraph has a background color of #31785a.

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

#31785a border color

This element has a border color of #31785a.

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

CSS codes

.text {color:#31785a;}

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

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

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

#040906
```
#040906 rgb(4,9,6)
```
#091711
```
#091711 rgb(9,23,17)
```
#0f241b
```
#0f241b rgb(15,36,27)
```
#153226
```
#153226 rgb(21,50,38)
```
#1a4030
```
#1a4030 rgb(26,64,48)
```
#204e3b
```
#204e3b rgb(32,78,59)
```
#265c45
```
#265c45 rgb(38,92,69)
```
#2b6a50
```
#2b6a50 rgb(43,106,80)
```
#31785a
```
#31785a rgb(49,120,90)
```
#378664
```
#378664 rgb(55,134,100)
```
#3c946f
```
#3c946f rgb(60,148,111)
```
#42a279
```
#42a279 rgb(66,162,121)
```
#48b084
```
#48b084 rgb(72,176,132)
```

Shade Color Variation

#53b98d
```
#53b98d rgb(83,185,141)
```
#60be97
```
#60be97 rgb(96,190,151)
```
#6ec4a0
```
#6ec4a0 rgb(110,196,160)
```
#7ccaa9
```
#7ccaa9 rgb(124,202,169)
```
#8acfb2
```
#8acfb2 rgb(138,207,178)
```
#98d5bb
```
#98d5bb rgb(152,213,187)
```
#a6dbc4
```
#a6dbc4 rgb(166,219,196)
```
#b4e0ce
```
#b4e0ce rgb(180,224,206)
```
#c2e6d7
```
#c2e6d7 rgb(194,230,215)
```
#d0ece0
```
#d0ece0 rgb(208,236,224)
```
#def1e9
```
#def1e9 rgb(222,241,233)
```
#ecf7f2
```
#ecf7f2 rgb(236,247,242)
```
#fafdfb
```
#fafdfb rgb(250,253,251)
```

Tint Color Variation

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

#525855
```
#525855 rgb(82,88,85)
```
#4b5e56
```
#4b5e56 rgb(75,94,86)
```
#456557
```
#456557 rgb(69,101,87)
```
#3e6b58
```
#3e6b58 rgb(62,107,88)
```
#387259
```
#387259 rgb(56,114,89)
```
#31785a
```
#31785a rgb(49,120,90)
```
#2b7f5b
```
#2b7f5b rgb(43,127,91)
```
#24855c
```
#24855c rgb(36,133,92)
```
#1e8c5d
```
#1e8c5d rgb(30,140,93)
```
#17925e
```
#17925e rgb(23,146,94)
```
#11995f
```
#11995f rgb(17,153,95)
```
#0a9f60
```
#0a9f60 rgb(10,159,96)
```
#03a661
```
#03a661 rgb(3,166,97)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#56645e Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a725d Protanopia 1% of men
#816f67 Deuteranopia 1% of men
#487a83 Tritanopia 0.001% of the population

Trichromacy

#5f745b Protanomaly 1% of men, 0.01% of women
#647262 Deuteranomaly 6% of men, 0.4% of women
#3f7974 Tritanomaly 0.01% of the population

#31785a hex color

#31785a Color Information

#31785a Color Conversion

Color Schemes with #31785a

Alternatives to #31785a

#31785a Preview

Shades and Tints of #31785a

Tones of #31785a

Color Blindness Simulator