#316c6a hex color

In a RGB color space, hex #316c6a is composed of 19.2% red, 42.4% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 54.6% cyan, 0% magenta, 1.9% yellow and 57.6% black. It has a hue angle of 178 degrees, a saturation of 37.6% and a lightness of 30.8%. #316c6a color hex could be obtained by blending #62d8d4 with #000000. Closest websafe color is: #336666.

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

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

The hexadecimal color #316c6a has RGB values of R:49, G:108, B:106 and CMYK values of C:0.55, M:0, Y:0.02, K:0.58. Its decimal value is 3239018.

Hex triplet	316c6a	`#316c6a`
RGB Decimal	49, 108, 106	`rgb(49,108,106)`
RGB Percent	19.2, 42.4, 41.6	`rgb(19.2%,42.4%,41.6%)`
CMYK	55, 0, 2, 58
HSL	178°, 37.6, 30.8	`hsl(178,37.6%,30.8%)`
HSV (or HSB)	178°, 54.6, 42.4
Web Safe	336666	`#336666`

CIE-LAB	41.873, -19.631, -4.75
XYZ	9.23, 12.418, 15.545
xyY	0.248, 0.334, 12.418
CIE-LCH	41.873, 20.198, 193.601
CIE-LUV	41.873, -24.694, -3.685
Hunter-Lab	35.239, -14.916, -1.488
Binary	00110001, 01101100, 01101010

#316c6a
```
#316c6a rgb(49,108,106)
```
#6c3133
```
#6c3133 rgb(108,49,51)
```

Complementary Color

#316c4d
```
#316c4d rgb(49,108,77)
```
#316c6a
```
#316c6a rgb(49,108,106)
```
#31516c
```
#31516c rgb(49,81,108)
```

Analogous Color

#6c4d31
```
#6c4d31 rgb(108,77,49)
```
#316c6a
```
#316c6a rgb(49,108,106)
```
#6c3151
```
#6c3151 rgb(108,49,81)
```

Split Complementary Color

#6c6a31
```
#6c6a31 rgb(108,106,49)
```
#316c6a
```
#316c6a rgb(49,108,106)
```
#6a316c
```
#6a316c rgb(106,49,108)
```

Triadic Color

#336c31
```
#336c31 rgb(51,108,49)
```
#316c6a
```
#316c6a rgb(49,108,106)
```
#6a316c
```
#6a316c rgb(106,49,108)
```
#6c3133
```
#6c3133 rgb(108,49,51)
```

Tetradic Color

#193736
```
#193736 rgb(25,55,54)
```
#214948
```
#214948 rgb(33,73,72)
```
#295a59
```
#295a59 rgb(41,90,89)
```
#316c6a
```
#316c6a rgb(49,108,106)
```
#397e7b
```
#397e7b rgb(57,126,123)
```
#418f8c
```
#418f8c rgb(65,143,140)
```
#49a19e
```
#49a19e rgb(73,161,158)
```

Monochromatic Color

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

#316c5b
```
#316c5b rgb(49,108,91)
```
#316c60
```
#316c60 rgb(49,108,96)
```
#316c65
```
#316c65 rgb(49,108,101)
```
#316c6a
```
#316c6a rgb(49,108,106)
```
#31696c
```
#31696c rgb(49,105,108)
```
#31646c
```
#31646c rgb(49,100,108)
```
#315f6c
```
#315f6c rgb(49,95,108)
```

Similar Colors

Text with hexadecimal color #316c6a

This text has a font color of #316c6a.

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

#316c6a background color

This paragraph has a background color of #316c6a.

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

#316c6a border color

This element has a border color of #316c6a.

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

CSS codes

.text {color:#316c6a;}

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

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

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, #000000 is the darkest color, while #f2f9f9 is the lightest one.

#000000
```
#000000 rgb(0,0,0)
```
#060e0d
```
#060e0d rgb(6,14,13)
```
#0c1b1b
```
#0c1b1b rgb(12,27,27)
```
#122928
```
#122928 rgb(18,41,40)
```
#193635
```
#193635 rgb(25,54,53)
```
#1f4442
```
#1f4442 rgb(31,68,66)
```
#255150
```
#255150 rgb(37,81,80)
```
#2b5f5d
```
#2b5f5d rgb(43,95,93)
```
#316c6a
```
#316c6a rgb(49,108,106)
```
#377977
```
#377977 rgb(55,121,119)
```
#3d8784
```
#3d8784 rgb(61,135,132)
```
#439492
```
#439492 rgb(67,148,146)
```
#49a29f
```
#49a29f rgb(73,162,159)
```

Shade Color Variation

#50afac
```
#50afac rgb(80,175,172)
```
#5db6b3
```
#5db6b3 rgb(93,182,179)
```
#6bbcb9
```
#6bbcb9 rgb(107,188,185)
```
#78c2bf
```
#78c2bf rgb(120,194,191)
```
#86c8c6
```
#86c8c6 rgb(134,200,198)
```
#93cecc
```
#93cecc rgb(147,206,204)
```
#a1d4d2
```
#a1d4d2 rgb(161,212,210)
```
#aedad9
```
#aedad9 rgb(174,218,217)
```
#bce0df
```
#bce0df rgb(188,224,223)
```
#c9e7e6
```
#c9e7e6 rgb(201,231,230)
```
#d7edec
```
#d7edec rgb(215,237,236)
```
#e4f3f2
```
#e4f3f2 rgb(228,243,242)
```
#f2f9f9
```
#f2f9f9 rgb(242,249,249)
```

Tint Color Variation

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

#495453
```
#495453 rgb(73,84,83)
```
#435a59
```
#435a59 rgb(67,90,89)
```
#3d605f
```
#3d605f rgb(61,96,95)
```
#376664
```
#376664 rgb(55,102,100)
```
#316c6a
```
#316c6a rgb(49,108,106)
```
#2b7270
```
#2b7270 rgb(43,114,112)
```
#257875
```
#257875 rgb(37,120,117)
```
#1f7e7b
```
#1f7e7b rgb(31,126,123)
```
#198481
```
#198481 rgb(25,132,129)
```
#138a86
```
#138a86 rgb(19,138,134)
```
#0d908c
```
#0d908c rgb(13,144,140)
```
#079691
```
#079691 rgb(7,150,145)
```
#019c97
```
#019c97 rgb(1,156,151)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#525e5d Atypical Achromatopsia 0.001% of the population

Dichromacy

#6c6a6c Protanopia 1% of men
#6f6875 Deuteranopia 1% of men
#3f727a Tritanopia 0.001% of the population

Trichromacy

#566a6b Protanomaly 1% of men, 0.01% of women
#586971 Deuteranomaly 6% of men, 0.4% of women
#3a6f74 Tritanomaly 0.01% of the population

#316c6a hex color

#316c6a Color Information

#316c6a Color Conversion

Color Schemes with #316c6a

Alternatives to #316c6a

#316c6a Preview

Shades and Tints of #316c6a

Tones of #316c6a

Color Blindness Simulator