#317a60 hex color

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

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

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

The hexadecimal color #317a60 has RGB values of R:49, G:122, B:96 and CMYK values of C:0.6, M:0, Y:0.21, K:0.52. Its decimal value is 3242592.

Hex triplet	317a60	`#317a60`
RGB Decimal	49, 122, 96	`rgb(49,122,96)`
RGB Percent	19.2, 47.8, 37.6	`rgb(19.2%,47.8%,37.6%)`
CMYK	60, 0, 21, 52
HSL	158.6°, 42.7, 33.5	`hsl(158.6,42.7%,33.5%)`
HSV (or HSB)	158.6°, 59.8, 47.8
Web Safe	336666	`#336666`

CIE-LAB	46.198, -29.434, 7.518
XYZ	10.337, 15.416, 13.496
xyY	0.263, 0.393, 15.416
CIE-LCH	46.198, 30.379, 165.671
CIE-LUV	46.198, -30.781, 14.142
Hunter-Lab	39.263, -21.716, 7.103
Binary	00110001, 01111010, 01100000

#317a60
```
#317a60 rgb(49,122,96)
```
#7a314b
```
#7a314b rgb(122,49,75)
```

Complementary Color

#317a3c
```
#317a3c rgb(49,122,60)
```
#317a60
```
#317a60 rgb(49,122,96)
```
#31707a
```
#31707a rgb(49,112,122)
```

Analogous Color

#7a3c31
```
#7a3c31 rgb(122,60,49)
```
#317a60
```
#317a60 rgb(49,122,96)
```
#7a3170
```
#7a3170 rgb(122,49,112)
```

Split Complementary Color

#7a6031
```
#7a6031 rgb(122,96,49)
```
#317a60
```
#317a60 rgb(49,122,96)
```
#60317a
```
#60317a rgb(96,49,122)
```

Triadic Color

#4b7a31
```
#4b7a31 rgb(75,122,49)
```
#317a60
```
#317a60 rgb(49,122,96)
```
#60317a
```
#60317a rgb(96,49,122)
```
#7a314b
```
#7a314b rgb(122,49,75)
```

Tetradic Color

#1b4335
```
#1b4335 rgb(27,67,53)
```
#225643
```
#225643 rgb(34,86,67)
```
#2a6852
```
#2a6852 rgb(42,104,82)
```
#317a60
```
#317a60 rgb(49,122,96)
```
#388c6e
```
#388c6e rgb(56,140,110)
```
#409e7d
```
#409e7d rgb(64,158,125)
```
#47b18b
```
#47b18b rgb(71,177,139)
```

Monochromatic Color

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

#317a4e
```
#317a4e rgb(49,122,78)
```
#317a54
```
#317a54 rgb(49,122,84)
```
#317a5a
```
#317a5a rgb(49,122,90)
```
#317a60
```
#317a60 rgb(49,122,96)
```
#317a66
```
#317a66 rgb(49,122,102)
```
#317a6c
```
#317a6c rgb(49,122,108)
```
#317a72
```
#317a72 rgb(49,122,114)
```

Similar Colors

Text with hexadecimal color #317a60

This text has a font color of #317a60.

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

#317a60 background color

This paragraph has a background color of #317a60.

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

#317a60 border color

This element has a border color of #317a60.

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

CSS codes

.text {color:#317a60;}

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

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

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

#040a08
```
#040a08 rgb(4,10,8)
```
#0a1813
```
#0a1813 rgb(10,24,19)
```
#0f261e
```
#0f261e rgb(15,38,30)
```
#153429
```
#153429 rgb(21,52,41)
```
#1b4234
```
#1b4234 rgb(27,66,52)
```
#20503f
```
#20503f rgb(32,80,63)
```
#265e4a
```
#265e4a rgb(38,94,74)
```
#2b6c55
```
#2b6c55 rgb(43,108,85)
```
#317a60
```
#317a60 rgb(49,122,96)
```
#37886b
```
#37886b rgb(55,136,107)
```
#3c9676
```
#3c9676 rgb(60,150,118)
```
#42a481
```
#42a481 rgb(66,164,129)
```
#47b28c
```
#47b28c rgb(71,178,140)
```

Shade Color Variation

#53ba95
```
#53ba95 rgb(83,186,149)
```
#61c09e
```
#61c09e rgb(97,192,158)
```
#6fc5a7
```
#6fc5a7 rgb(111,197,167)
```
#7dcbaf
```
#7dcbaf rgb(125,203,175)
```
#8bd0b8
```
#8bd0b8 rgb(139,208,184)
```
#99d6c0
```
#99d6c0 rgb(153,214,192)
```
#a7dcc9
```
#a7dcc9 rgb(167,220,201)
```
#b5e1d2
```
#b5e1d2 rgb(181,225,210)
```
#c3e7da
```
#c3e7da rgb(195,231,218)
```
#d1ede3
```
#d1ede3 rgb(209,237,227)
```
#dff2eb
```
#dff2eb rgb(223,242,235)
```
#edf8f4
```
#edf8f4 rgb(237,248,244)
```
#fbfdfd
```
#fbfdfd rgb(251,253,253)
```

Tint Color Variation

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

#525957
```
#525957 rgb(82,89,87)
```
#4b6058
```
#4b6058 rgb(75,96,88)
```
#45665a
```
#45665a rgb(69,102,90)
```
#3e6d5c
```
#3e6d5c rgb(62,109,92)
```
#38735e
```
#38735e rgb(56,115,94)
```
#317a60
```
#317a60 rgb(49,122,96)
```
#2a8162
```
#2a8162 rgb(42,129,98)
```
#248764
```
#248764 rgb(36,135,100)
```
#1d8e66
```
#1d8e66 rgb(29,142,102)
```
#179468
```
#179468 rgb(23,148,104)
```
#109b69
```
#109b69 rgb(16,155,105)
```
#0aa16b
```
#0aa16b rgb(10,161,107)
```
#03a86d
```
#03a86d rgb(3,168,109)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#576661 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b7462 Protanopia 1% of men
#82716d Deuteranopia 1% of men
#477c85 Tritanopia 0.001% of the population

Trichromacy

#607661 Protanomaly 1% of men, 0.01% of women
#647468 Deuteranomaly 6% of men, 0.4% of women
#3f7b78 Tritanomaly 0.01% of the population

#317a60 hex color

#317a60 Color Information

#317a60 Color Conversion

Color Schemes with #317a60

Alternatives to #317a60

#317a60 Preview

Shades and Tints of #317a60

Tones of #317a60

Color Blindness Simulator