#31785f hex color

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

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

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

The hexadecimal color #31785f has RGB values of R:49, G:120, B:95 and CMYK values of C:0.59, M:0, Y:0.21, K:0.53. Its decimal value is 3242079.

Hex triplet	31785f	`#31785f`
RGB Decimal	49, 120, 95	`rgb(49,120,95)`
RGB Percent	19.2, 47.1, 37.3	`rgb(19.2%,47.1%,37.3%)`
CMYK	59, 0, 21, 53
HSL	158.9°, 42, 33.1	`hsl(158.9,42%,33.1%)`
HSV (or HSB)	158.9°, 59.2, 47.1
Web Safe	336666	`#336666`

CIE-LAB	45.513, -28.721, 7.135
XYZ	10.048, 14.911, 13.175
xyY	0.263, 0.391, 14.911
CIE-LCH	45.513, 29.594, 166.048
CIE-LUV	45.513, -30.026, 13.497
Hunter-Lab	38.615, -21.13, 6.802
Binary	00110001, 01111000, 01011111

#31785f
```
#31785f rgb(49,120,95)
```
#78314a
```
#78314a rgb(120,49,74)
```

Complementary Color

#31783c
```
#31783c rgb(49,120,60)
```
#31785f
```
#31785f rgb(49,120,95)
```
#316e78
```
#316e78 rgb(49,110,120)
```

Analogous Color

#783c31
```
#783c31 rgb(120,60,49)
```
#31785f
```
#31785f rgb(49,120,95)
```
#78316e
```
#78316e rgb(120,49,110)
```

Split Complementary Color

#785f31
```
#785f31 rgb(120,95,49)
```
#31785f
```
#31785f rgb(49,120,95)
```
#5f3178
```
#5f3178 rgb(95,49,120)
```

Triadic Color

#4a7831
```
#4a7831 rgb(74,120,49)
```
#31785f
```
#31785f rgb(49,120,95)
```
#5f3178
```
#5f3178 rgb(95,49,120)
```
#78314a
```
#78314a rgb(120,49,74)
```

Tetradic Color

#1b4234
```
#1b4234 rgb(27,66,52)
```
#225442
```
#225442 rgb(34,84,66)
```
#2a6651
```
#2a6651 rgb(42,102,81)
```
#31785f
```
#31785f rgb(49,120,95)
```
#388a6d
```
#388a6d rgb(56,138,109)
```
#409c7c
```
#409c7c rgb(64,156,124)
```
#47ae8a
```
#47ae8a rgb(71,174,138)
```

Monochromatic Color

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

#31784d
```
#31784d rgb(49,120,77)
```
#317853
```
#317853 rgb(49,120,83)
```
#317859
```
#317859 rgb(49,120,89)
```
#31785f
```
#31785f rgb(49,120,95)
```
#317865
```
#317865 rgb(49,120,101)
```
#31786b
```
#31786b rgb(49,120,107)
```
#317871
```
#317871 rgb(49,120,113)
```

Similar Colors

Text with hexadecimal color #31785f

This text has a font color of #31785f.

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

#31785f background color

This paragraph has a background color of #31785f.

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

#31785f border color

This element has a border color of #31785f.

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

CSS codes

.text {color:#31785f;}

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

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

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)
```
#153228
```
#153228 rgb(21,50,40)
```
#1a4033
```
#1a4033 rgb(26,64,51)
```
#204e3e
```
#204e3e rgb(32,78,62)
```
#265c49
```
#265c49 rgb(38,92,73)
```
#2b6a54
```
#2b6a54 rgb(43,106,84)
```
#31785f
```
#31785f rgb(49,120,95)
```
#37866a
```
#37866a rgb(55,134,106)
```
#3c9475
```
#3c9475 rgb(60,148,117)
```
#42a280
```
#42a280 rgb(66,162,128)
```
#48b08b
```
#48b08b rgb(72,176,139)
```

Shade Color Variation

#53b995
```
#53b995 rgb(83,185,149)
```
#60be9d
```
#60be9d rgb(96,190,157)
```
#6ec4a6
```
#6ec4a6 rgb(110,196,166)
```
#7ccaae
```
#7ccaae rgb(124,202,174)
```
#8acfb7
```
#8acfb7 rgb(138,207,183)
```
#98d5c0
```
#98d5c0 rgb(152,213,192)
```
#a6dbc8
```
#a6dbc8 rgb(166,219,200)
```
#b4e0d1
```
#b4e0d1 rgb(180,224,209)
```
#c2e6d9
```
#c2e6d9 rgb(194,230,217)
```
#d0ece2
```
#d0ece2 rgb(208,236,226)
```
#def1eb
```
#def1eb rgb(222,241,235)
```
#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 #03a66c 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)
```
#38725d
```
#38725d rgb(56,114,93)
```
#31785f
```
#31785f rgb(49,120,95)
```
#2b7f61
```
#2b7f61 rgb(43,127,97)
```
#248563
```
#248563 rgb(36,133,99)
```
#1e8c65
```
#1e8c65 rgb(30,140,101)
```
#179267
```
#179267 rgb(23,146,103)
```
#119969
```
#119969 rgb(17,153,105)
```
#0a9f6b
```
#0a9f6b rgb(10,159,107)
```
#03a66c
```
#03a66c rgb(3,166,108)
```

Tone Color Variation

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

#797361 Protanopia 1% of men
#806f6c Deuteranopia 1% of men
#477b83 Tritanopia 0.001% of the population

Trichromacy

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

#31785f hex color

#31785f Color Information

#31785f Color Conversion

Color Schemes with #31785f

Alternatives to #31785f

#31785f Preview

Shades and Tints of #31785f

Tones of #31785f

Color Blindness Simulator