#317a50 hex color

In a RGB color space, hex #317a50 is composed of 19.2% red, 47.8% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 59.8% cyan, 0% magenta, 34.4% yellow and 52.2% black. It has a hue angle of 145.5 degrees, a saturation of 42.7% and a lightness of 33.5%. #317a50 color hex could be obtained by blending #62f4a0 with #000000. Closest websafe color is: #336666.

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

● #317a50 color description : Dark moderate cyan - lime green.

The hexadecimal color #317a50 has RGB values of R:49, G:122, B:80 and CMYK values of C:0.6, M:0, Y:0.34, K:0.52. Its decimal value is 3242576.

Hex triplet	317a50	`#317a50`
RGB Decimal	49, 122, 80	`rgb(49,122,80)`
RGB Percent	19.2, 47.8, 31.4	`rgb(19.2%,47.8%,31.4%)`
CMYK	60, 0, 34, 52
HSL	145.5°, 42.7, 33.5	`hsl(145.5,42.7%,33.5%)`
HSV (or HSB)	145.5°, 59.8, 47.8
Web Safe	336666	`#336666`

CIE-LAB	45.84, -33.105, 16.374
XYZ	9.674, 15.15, 10.004
xyY	0.278, 0.435, 15.15
CIE-LCH	45.84, 36.933, 153.682
CIE-LUV	45.84, -31.516, 25.306
Hunter-Lab	38.924, -23.755, 12.009
Binary	00110001, 01111010, 01010000

#317a50
```
#317a50 rgb(49,122,80)
```
#7a315b
```
#7a315b rgb(122,49,91)
```

Complementary Color

#377a31
```
#377a31 rgb(55,122,49)
```
#317a50
```
#317a50 rgb(49,122,80)
```
#317a75
```
#317a75 rgb(49,122,117)
```

Analogous Color

#7a3137
```
#7a3137 rgb(122,49,55)
```
#317a50
```
#317a50 rgb(49,122,80)
```
#75317a
```
#75317a rgb(117,49,122)
```

Split Complementary Color

#7a5031
```
#7a5031 rgb(122,80,49)
```
#317a50
```
#317a50 rgb(49,122,80)
```
#50317a
```
#50317a rgb(80,49,122)
```

Triadic Color

#5b7a31
```
#5b7a31 rgb(91,122,49)
```
#317a50
```
#317a50 rgb(49,122,80)
```
#50317a
```
#50317a rgb(80,49,122)
```
#7a315b
```
#7a315b rgb(122,49,91)
```

Tetradic Color

#1b432c
```
#1b432c rgb(27,67,44)
```
#225638
```
#225638 rgb(34,86,56)
```
#2a6844
```
#2a6844 rgb(42,104,68)
```
#317a50
```
#317a50 rgb(49,122,80)
```
#388c5c
```
#388c5c rgb(56,140,92)
```
#409e68
```
#409e68 rgb(64,158,104)
```
#47b174
```
#47b174 rgb(71,177,116)
```

Monochromatic Color

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

#317a3e
```
#317a3e rgb(49,122,62)
```
#317a44
```
#317a44 rgb(49,122,68)
```
#317a4a
```
#317a4a rgb(49,122,74)
```
#317a50
```
#317a50 rgb(49,122,80)
```
#317a56
```
#317a56 rgb(49,122,86)
```
#317a5c
```
#317a5c rgb(49,122,92)
```
#317a62
```
#317a62 rgb(49,122,98)
```

Similar Colors

Text with hexadecimal color #317a50

This text has a font color of #317a50.

<span style="color:#317a50;">Text here</span>

#317a50 background color

This paragraph has a background color of #317a50.

<p style="background-color:#317a50;">Content here</p>

#317a50 border color

This element has a border color of #317a50.

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

CSS codes

.text {color:#317a50;}

.background {background-color:#317a50;}

.border {border:1px solid #317a50;}

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

#040a07
```
#040a07 rgb(4,10,7)
```
#0a1810
```
#0a1810 rgb(10,24,16)
```
#0f2619
```
#0f2619 rgb(15,38,25)
```
#153422
```
#153422 rgb(21,52,34)
```
#1b422b
```
#1b422b rgb(27,66,43)
```
#205034
```
#205034 rgb(32,80,52)
```
#265e3e
```
#265e3e rgb(38,94,62)
```
#2b6c47
```
#2b6c47 rgb(43,108,71)
```
#317a50
```
#317a50 rgb(49,122,80)
```
#378859
```
#378859 rgb(55,136,89)
```
#3c9662
```
#3c9662 rgb(60,150,98)
```
#42a46c
```
#42a46c rgb(66,164,108)
```
#47b275
```
#47b275 rgb(71,178,117)
```

Shade Color Variation

#53ba7f
```
#53ba7f rgb(83,186,127)
```
#61c089
```
#61c089 rgb(97,192,137)
```
#6fc594
```
#6fc594 rgb(111,197,148)
```
#7dcb9e
```
#7dcb9e rgb(125,203,158)
```
#8bd0a9
```
#8bd0a9 rgb(139,208,169)
```
#99d6b3
```
#99d6b3 rgb(153,214,179)
```
#a7dcbd
```
#a7dcbd rgb(167,220,189)
```
#b5e1c8
```
#b5e1c8 rgb(181,225,200)
```
#c3e7d2
```
#c3e7d2 rgb(195,231,210)
```
#d1eddd
```
#d1eddd rgb(209,237,221)
```
#dff2e7
```
#dff2e7 rgb(223,242,231)
```
#edf8f2
```
#edf8f2 rgb(237,248,242)
```
#fbfdfc
```
#fbfdfc rgb(251,253,252)
```

Tint Color Variation

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

#525955
```
#525955 rgb(82,89,85)
```
#4b6054
```
#4b6054 rgb(75,96,84)
```
#456653
```
#456653 rgb(69,102,83)
```
#3e6d52
```
#3e6d52 rgb(62,109,82)
```
#387351
```
#387351 rgb(56,115,81)
```
#317a50
```
#317a50 rgb(49,122,80)
```
#2a814f
```
#2a814f rgb(42,129,79)
```
#24874e
```
#24874e rgb(36,135,78)
```
#1d8e4d
```
#1d8e4d rgb(29,142,77)
```
#17944c
```
#17944c rgb(23,148,76)
```
#109b4b
```
#109b4b rgb(16,155,75)
```
#0aa14a
```
#0aa14a rgb(10,161,74)
```
#03a849
```
#03a849 rgb(3,168,73)
```

Tone Color Variation

Below, you can see how #317a50 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
#56645c Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c7453 Protanopia 1% of men
#866f5e Deuteranopia 1% of men
#4b7b84 Tritanopia 0.001% of the population

Trichromacy

#617652 Protanomaly 1% of men, 0.01% of women
#677359 Deuteranomaly 6% of men, 0.4% of women
#417a71 Tritanomaly 0.01% of the population

#317a50 hex color

#317a50 Color Information

#317a50 Color Conversion

Color Schemes with #317a50

Alternatives to #317a50

#317a50 Preview

Shades and Tints of #317a50

Tones of #317a50

Color Blindness Simulator