#316a60 hex color

In a RGB color space, hex #316a60 is composed of 19.2% red, 41.6% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 53.8% cyan, 0% magenta, 9.4% yellow and 58.4% black. It has a hue angle of 169.5 degrees, a saturation of 36.8% and a lightness of 30.4%. #316a60 color hex could be obtained by blending #62d4c0 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 19
- G 42
- B 38
RGB color chart
- C 54
- M 0
- Y 9
- K 58
CMYK color chart

● #316a60 color description : Very dark desaturated cyan.

The hexadecimal color #316a60 has RGB values of R:49, G:106, B:96 and CMYK values of C:0.54, M:0, Y:0.09, K:0.58. Its decimal value is 3238496.

Hex triplet	316a60	`#316a60`
RGB Decimal	49, 106, 96	`rgb(49,106,96)`
RGB Percent	19.2, 41.6, 37.6	`rgb(19.2%,41.6%,37.6%)`
CMYK	54, 0, 9, 58
HSL	169.5°, 36.8, 30.4	`hsl(169.5,36.8%,30.4%)`
HSV (or HSB)	169.5°, 53.8, 41.6
Web Safe	336666	`#336666`

CIE-LAB	40.904, -21.408, -0.104
XYZ	8.531, 11.805, 12.895
xyY	0.257, 0.355, 11.805
CIE-LCH	40.904, 21.408, 180.28
CIE-LUV	40.904, -24.297, 2.849
Hunter-Lab	34.358, -15.805, 1.799
Binary	00110001, 01101010, 01100000

#316a60
```
#316a60 rgb(49,106,96)
```
#6a313b
```
#6a313b rgb(106,49,59)
```

Complementary Color

#316a44
```
#316a44 rgb(49,106,68)
```
#316a60
```
#316a60 rgb(49,106,96)
```
#31586a
```
#31586a rgb(49,88,106)
```

Analogous Color

#6a4431
```
#6a4431 rgb(106,68,49)
```
#316a60
```
#316a60 rgb(49,106,96)
```
#6a3158
```
#6a3158 rgb(106,49,88)
```

Split Complementary Color

#6a6031
```
#6a6031 rgb(106,96,49)
```
#316a60
```
#316a60 rgb(49,106,96)
```
#60316a
```
#60316a rgb(96,49,106)
```

Triadic Color

#3b6a31
```
#3b6a31 rgb(59,106,49)
```
#316a60
```
#316a60 rgb(49,106,96)
```
#60316a
```
#60316a rgb(96,49,106)
```
#6a313b
```
#6a313b rgb(106,49,59)
```

Tetradic Color

#193631
```
#193631 rgb(25,54,49)
```
#214740
```
#214740 rgb(33,71,64)
```
#295950
```
#295950 rgb(41,89,80)
```
#316a60
```
#316a60 rgb(49,106,96)
```
#397b70
```
#397b70 rgb(57,123,112)
```
#418d80
```
#418d80 rgb(65,141,128)
```
#499e8f
```
#499e8f rgb(73,158,143)
```

Monochromatic Color

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

#316a52
```
#316a52 rgb(49,106,82)
```
#316a57
```
#316a57 rgb(49,106,87)
```
#316a5b
```
#316a5b rgb(49,106,91)
```
#316a60
```
#316a60 rgb(49,106,96)
```
#316a65
```
#316a65 rgb(49,106,101)
```
#316a6a
```
#316a6a rgb(49,106,106)
```
#31666a
```
#31666a rgb(49,102,106)
```

Similar Colors

Text with hexadecimal color #316a60

This text has a font color of #316a60.

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

#316a60 background color

This paragraph has a background color of #316a60.

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

#316a60 border color

This element has a border color of #316a60.

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

CSS codes

.text {color:#316a60;}

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

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

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, #060c0b is the darkest color, while #fefefe is the lightest one.

#060c0b
```
#060c0b rgb(6,12,11)
```
#0c1a17
```
#0c1a17 rgb(12,26,23)
```
#122723
```
#122723 rgb(18,39,35)
```
#18342f
```
#18342f rgb(24,52,47)
```
#1e423c
```
#1e423c rgb(30,66,60)
```
#254f48
```
#254f48 rgb(37,79,72)
```
#2b5d54
```
#2b5d54 rgb(43,93,84)
```
#316a60
```
#316a60 rgb(49,106,96)
```
#37776c
```
#37776c rgb(55,119,108)
```
#3d8578
```
#3d8578 rgb(61,133,120)
```
#449284
```
#449284 rgb(68,146,132)
```
#4aa091
```
#4aa091 rgb(74,160,145)
```
#50ad9d
```
#50ad9d rgb(80,173,157)
```

Shade Color Variation

#5db4a5
```
#5db4a5 rgb(93,180,165)
```
#6abaac
```
#6abaac rgb(106,186,172)
```
#78c0b4
```
#78c0b4 rgb(120,192,180)
```
#85c7bb
```
#85c7bb rgb(133,199,187)
```
#92cdc3
```
#92cdc3 rgb(146,205,195)
```
#a0d3ca
```
#a0d3ca rgb(160,211,202)
```
#add9d1
```
#add9d1 rgb(173,217,209)
```
#bbdfd9
```
#bbdfd9 rgb(187,223,217)
```
#c8e6e0
```
#c8e6e0 rgb(200,230,224)
```
#d5ece8
```
#d5ece8 rgb(213,236,232)
```
#e3f2ef
```
#e3f2ef rgb(227,242,239)
```
#f0f8f7
```
#f0f8f7 rgb(240,248,247)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#495251
```
#495251 rgb(73,82,81)
```
#435854
```
#435854 rgb(67,88,84)
```
#3d5e58
```
#3d5e58 rgb(61,94,88)
```
#37645c
```
#37645c rgb(55,100,92)
```
#316a60
```
#316a60 rgb(49,106,96)
```
#2b7064
```
#2b7064 rgb(43,112,100)
```
#257668
```
#257668 rgb(37,118,104)
```
#1f7c6c
```
#1f7c6c rgb(31,124,108)
```
#19826f
```
#19826f rgb(25,130,111)
```
#138873
```
#138873 rgb(19,136,115)
```
#0d8e77
```
#0d8e77 rgb(13,142,119)
```
#07947b
```
#07947b rgb(7,148,123)
```
#019a7f
```
#019a7f rgb(1,154,127)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#505c5a Atypical Achromatopsia 0.001% of the population

Dichromacy

#6b6863 Protanopia 1% of men
#70656c Deuteranopia 1% of men
#416f77 Tritanopia 0.001% of the population

Trichromacy

#566862 Protanomaly 1% of men, 0.01% of women
#596767 Deuteranomaly 6% of men, 0.4% of women
#3b6d6e Tritanomaly 0.01% of the population

#316a60 hex color

#316a60 Color Information

#316a60 Color Conversion

Color Schemes with #316a60

Alternatives to #316a60

#316a60 Preview

Shades and Tints of #316a60

Tones of #316a60

Color Blindness Simulator