#317d57 hex color

In a RGB color space, hex #317d57 is composed of 19.2% red, 49% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 60.8% cyan, 0% magenta, 30.4% yellow and 51% black. It has a hue angle of 150 degrees, a saturation of 43.7% and a lightness of 34.1%. #317d57 color hex could be obtained by blending #62faae with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 19
- G 49
- B 34
RGB color chart
- C 61
- M 0
- Y 30
- K 51
CMYK color chart

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

The hexadecimal color #317d57 has RGB values of R:49, G:125, B:87 and CMYK values of C:0.61, M:0, Y:0.3, K:0.51. Its decimal value is 3243351.

Hex triplet	317d57	`#317d57`
RGB Decimal	49, 125, 87	`rgb(49,125,87)`
RGB Percent	19.2, 49, 34.1	`rgb(19.2%,49%,34.1%)`
CMYK	61, 0, 30, 51
HSL	150°, 43.7, 34.1	`hsl(150,43.7%,34.1%)`
HSV (or HSB)	150°, 60.8, 49
Web Safe	336666	`#336666`

CIE-LAB	46.984, -32.951, 13.885
XYZ	10.32, 16.007, 11.562
xyY	0.272, 0.422, 16.007
CIE-LCH	46.984, 35.757, 157.151
CIE-LUV	46.984, -32.409, 22.571
Hunter-Lab	40.009, -23.975, 10.872
Binary	00110001, 01111101, 01010111

#317d57
```
#317d57 rgb(49,125,87)
```
#7d3157
```
#7d3157 rgb(125,49,87)
```

Complementary Color

#317d31
```
#317d31 rgb(49,125,49)
```
#317d57
```
#317d57 rgb(49,125,87)
```
#317d7d
```
#317d7d rgb(49,125,125)
```

Analogous Color

#7d3131
```
#7d3131 rgb(125,49,49)
```
#317d57
```
#317d57 rgb(49,125,87)
```
#7d317d
```
#7d317d rgb(125,49,125)
```

Split Complementary Color

#7d5731
```
#7d5731 rgb(125,87,49)
```
#317d57
```
#317d57 rgb(49,125,87)
```
#57317d
```
#57317d rgb(87,49,125)
```

Triadic Color

#577d31
```
#577d31 rgb(87,125,49)
```
#317d57
```
#317d57 rgb(49,125,87)
```
#57317d
```
#57317d rgb(87,49,125)
```
#7d3157
```
#7d3157 rgb(125,49,87)
```

Tetradic Color

#1b4631
```
#1b4631 rgb(27,70,49)
```
#23583e
```
#23583e rgb(35,88,62)
```
#2a6b4a
```
#2a6b4a rgb(42,107,74)
```
#317d57
```
#317d57 rgb(49,125,87)
```
#388f64
```
#388f64 rgb(56,143,100)
```
#3fa271
```
#3fa271 rgb(63,162,113)
```
#47b47d
```
#47b47d rgb(71,180,125)
```

Monochromatic Color

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

#317d44
```
#317d44 rgb(49,125,68)
```
#317d4a
```
#317d4a rgb(49,125,74)
```
#317d51
```
#317d51 rgb(49,125,81)
```
#317d57
```
#317d57 rgb(49,125,87)
```
#317d5d
```
#317d5d rgb(49,125,93)
```
#317d64
```
#317d64 rgb(49,125,100)
```
#317d6a
```
#317d6a rgb(49,125,106)
```

Similar Colors

Text with hexadecimal color #317d57

This text has a font color of #317d57.

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

#317d57 background color

This paragraph has a background color of #317d57.

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

#317d57 border color

This element has a border color of #317d57.

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

CSS codes

.text {color:#317d57;}

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

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

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, #050c09 is the darkest color, while #fdfefe is the lightest one.

#050c09
```
#050c09 rgb(5,12,9)
```
#0a1a12
```
#0a1a12 rgb(10,26,18)
```
#10281c
```
#10281c rgb(16,40,28)
```
#153726
```
#153726 rgb(21,55,38)
```
#1b4530
```
#1b4530 rgb(27,69,48)
```
#20533a
```
#20533a rgb(32,83,58)
```
#266143
```
#266143 rgb(38,97,67)
```
#2b6f4d
```
#2b6f4d rgb(43,111,77)
```
#317d57
```
#317d57 rgb(49,125,87)
```
#378b61
```
#378b61 rgb(55,139,97)
```
#3c996b
```
#3c996b rgb(60,153,107)
```
#42a774
```
#42a774 rgb(66,167,116)
```
#47b57e
```
#47b57e rgb(71,181,126)
```

Shade Color Variation

#54bc88
```
#54bc88 rgb(84,188,136)
```
#62c292
```
#62c292 rgb(98,194,146)
```
#70c79c
```
#70c79c rgb(112,199,156)
```
#7ecda5
```
#7ecda5 rgb(126,205,165)
```
#8cd2af
```
#8cd2af rgb(140,210,175)
```
#9bd8b9
```
#9bd8b9 rgb(155,216,185)
```
#a9ddc3
```
#a9ddc3 rgb(169,221,195)
```
#b7e3cd
```
#b7e3cd rgb(183,227,205)
```
#c5e8d7
```
#c5e8d7 rgb(197,232,215)
```
#d3eee0
```
#d3eee0 rgb(211,238,224)
```
#e1f3ea
```
#e1f3ea rgb(225,243,234)
```
#eff9f4
```
#eff9f4 rgb(239,249,244)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #525c57 is the less saturated color, while #02ac57 is the most saturated one.

#525c57
```
#525c57 rgb(82,92,87)
```
#4c6257
```
#4c6257 rgb(76,98,87)
```
#456957
```
#456957 rgb(69,105,87)
```
#3e7057
```
#3e7057 rgb(62,112,87)
```
#387657
```
#387657 rgb(56,118,87)
```
#317d57
```
#317d57 rgb(49,125,87)
```
#2a8457
```
#2a8457 rgb(42,132,87)
```
#248a57
```
#248a57 rgb(36,138,87)
```
#1d9157
```
#1d9157 rgb(29,145,87)
```
#169857
```
#169857 rgb(22,152,87)
```
#109e57
```
#109e57 rgb(16,158,87)
```
#09a557
```
#09a557 rgb(9,165,87)
```
#02ac57
```
#02ac57 rgb(2,172,87)
```

Tone Color Variation

Below, you can see how #317d57 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

#626262 Achromatopsia 0.005% of the population
#586760 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f765a Protanopia 1% of men
#887265 Deuteranopia 1% of men
#4a7e87 Tritanopia 0.001% of the population

Trichromacy

#627859 Protanomaly 1% of men, 0.01% of women
#687660 Deuteranomaly 6% of men, 0.4% of women
#417d76 Tritanomaly 0.01% of the population

#317d57 hex color

#317d57 Color Information

#317d57 Color Conversion

Color Schemes with #317d57

Alternatives to #317d57

#317d57 Preview

Shades and Tints of #317d57

Tones of #317d57

Color Blindness Simulator