#317a55 hex color

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

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

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

The hexadecimal color #317a55 has RGB values of R:49, G:122, B:85 and CMYK values of C:0.6, M:0, Y:0.3, K:0.52. Its decimal value is 3242581.

Hex triplet	317a55	`#317a55`
RGB Decimal	49, 122, 85	`rgb(49,122,85)`
RGB Percent	19.2, 47.8, 33.3	`rgb(19.2%,47.8%,33.3%)`
CMYK	60, 0, 30, 52
HSL	149.6°, 42.7, 33.5	`hsl(149.6,42.7%,33.5%)`
HSV (or HSB)	149.6°, 59.8, 47.8
Web Safe	336666	`#336666`

CIE-LAB	45.944, -32.022, 13.614
XYZ	9.865, 15.227, 11.013
xyY	0.273, 0.422, 15.227
CIE-LCH	45.944, 34.796, 156.967
CIE-LUV	45.944, -31.294, 21.968
Hunter-Lab	39.022, -23.162, 10.582
Binary	00110001, 01111010, 01010101

#317a55
```
#317a55 rgb(49,122,85)
```
#7a3156
```
#7a3156 rgb(122,49,86)
```

Complementary Color

#327a31
```
#327a31 rgb(50,122,49)
```
#317a55
```
#317a55 rgb(49,122,85)
```
#317a7a
```
#317a7a rgb(49,122,122)
```

Analogous Color

#7a3132
```
#7a3132 rgb(122,49,50)
```
#317a55
```
#317a55 rgb(49,122,85)
```
#7a317a
```
#7a317a rgb(122,49,122)
```

Split Complementary Color

#7a5531
```
#7a5531 rgb(122,85,49)
```
#317a55
```
#317a55 rgb(49,122,85)
```
#55317a
```
#55317a rgb(85,49,122)
```

Triadic Color

#567a31
```
#567a31 rgb(86,122,49)
```
#317a55
```
#317a55 rgb(49,122,85)
```
#55317a
```
#55317a rgb(85,49,122)
```
#7a3156
```
#7a3156 rgb(122,49,86)
```

Tetradic Color

#1b432f
```
#1b432f rgb(27,67,47)
```
#22563c
```
#22563c rgb(34,86,60)
```
#2a6848
```
#2a6848 rgb(42,104,72)
```
#317a55
```
#317a55 rgb(49,122,85)
```
#388c62
```
#388c62 rgb(56,140,98)
```
#409e6e
```
#409e6e rgb(64,158,110)
```
#47b17b
```
#47b17b rgb(71,177,123)
```

Monochromatic Color

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

#317a43
```
#317a43 rgb(49,122,67)
```
#317a49
```
#317a49 rgb(49,122,73)
```
#317a4f
```
#317a4f rgb(49,122,79)
```
#317a55
```
#317a55 rgb(49,122,85)
```
#317a5b
```
#317a5b rgb(49,122,91)
```
#317a61
```
#317a61 rgb(49,122,97)
```
#317a67
```
#317a67 rgb(49,122,103)
```

Similar Colors

Text with hexadecimal color #317a55

This text has a font color of #317a55.

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

#317a55 background color

This paragraph has a background color of #317a55.

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

#317a55 border color

This element has a border color of #317a55.

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

CSS codes

.text {color:#317a55;}

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

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

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)
```
#0a1811
```
#0a1811 rgb(10,24,17)
```
#0f261a
```
#0f261a rgb(15,38,26)
```
#153424
```
#153424 rgb(21,52,36)
```
#1b422e
```
#1b422e rgb(27,66,46)
```
#205038
```
#205038 rgb(32,80,56)
```
#265e41
```
#265e41 rgb(38,94,65)
```
#2b6c4b
```
#2b6c4b rgb(43,108,75)
```
#317a55
```
#317a55 rgb(49,122,85)
```
#37885f
```
#37885f rgb(55,136,95)
```
#3c9669
```
#3c9669 rgb(60,150,105)
```
#42a472
```
#42a472 rgb(66,164,114)
```
#47b27c
```
#47b27c rgb(71,178,124)
```

Shade Color Variation

#53ba86
```
#53ba86 rgb(83,186,134)
```
#61c090
```
#61c090 rgb(97,192,144)
```
#6fc59a
```
#6fc59a rgb(111,197,154)
```
#7dcba3
```
#7dcba3 rgb(125,203,163)
```
#8bd0ad
```
#8bd0ad rgb(139,208,173)
```
#99d6b7
```
#99d6b7 rgb(153,214,183)
```
#a7dcc1
```
#a7dcc1 rgb(167,220,193)
```
#b5e1cb
```
#b5e1cb rgb(181,225,203)
```
#c3e7d5
```
#c3e7d5 rgb(195,231,213)
```
#d1eddf
```
#d1eddf rgb(209,237,223)
```
#dff2e8
```
#dff2e8 rgb(223,242,232)
```
#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 #03a854 is the most saturated one.

#525955
```
#525955 rgb(82,89,85)
```
#4b6055
```
#4b6055 rgb(75,96,85)
```
#456655
```
#456655 rgb(69,102,85)
```
#3e6d55
```
#3e6d55 rgb(62,109,85)
```
#387355
```
#387355 rgb(56,115,85)
```
#317a55
```
#317a55 rgb(49,122,85)
```
#2a8155
```
#2a8155 rgb(42,129,85)
```
#248755
```
#248755 rgb(36,135,85)
```
#1d8e55
```
#1d8e55 rgb(29,142,85)
```
#179455
```
#179455 rgb(23,148,85)
```
#109b55
```
#109b55 rgb(16,155,85)
```
#0aa154
```
#0aa154 rgb(10,161,84)
```
#03a854
```
#03a854 rgb(3,168,84)
```

Tone Color Variation

Below, you can see how #317a55 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
#57655e Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c7458 Protanopia 1% of men
#857063 Deuteranopia 1% of men
#4a7b84 Tritanopia 0.001% of the population

Trichromacy

#617657 Protanomaly 1% of men, 0.01% of women
#66735e Deuteranomaly 6% of men, 0.4% of women
#407b73 Tritanomaly 0.01% of the population

#317a55 hex color

#317a55 Color Information

#317a55 Color Conversion

Color Schemes with #317a55

Alternatives to #317a55

#317a55 Preview

Shades and Tints of #317a55

Tones of #317a55

Color Blindness Simulator