#316b77 hex color

In a RGB color space, hex #316b77 is composed of 19.2% red, 42% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 58.8% cyan, 10.1% magenta, 0% yellow and 53.3% black. It has a hue angle of 190.3 degrees, a saturation of 41.7% and a lightness of 32.9%. #316b77 color hex could be obtained by blending #62d6ee with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 19
- G 42
- B 47
RGB color chart
- C 59
- M 10
- Y 0
- K 53
CMYK color chart

● #316b77 color description : Dark moderate cyan.

The hexadecimal color #316b77 has RGB values of R:49, G:107, B:119 and CMYK values of C:0.59, M:0.1, Y:0, K:0.53. Its decimal value is 3238775.

Hex triplet	316b77	`#316b77`
RGB Decimal	49, 107, 119	`rgb(49,107,119)`
RGB Percent	19.2, 42, 46.7	`rgb(19.2%,42%,46.7%)`
CMYK	59, 10, 0, 53
HSL	190.3°, 41.7, 32.9	`hsl(190.3,41.7%,32.9%)`
HSV (or HSB)	190.3°, 58.8, 46.7
Web Safe	336666	`#336666`

CIE-LAB	41.999, -15.115, -12.436
XYZ	9.853, 12.5, 19.345
xyY	0.236, 0.3, 12.5
CIE-LCH	41.999, 19.573, 219.446
CIE-LUV	41.999, -23.757, -15.198
Hunter-Lab	35.355, -12.124, -7.694
Binary	00110001, 01101011, 01110111

#316b77
```
#316b77 rgb(49,107,119)
```
#773d31
```
#773d31 rgb(119,61,49)
```

Complementary Color

#317760
```
#317760 rgb(49,119,96)
```
#316b77
```
#316b77 rgb(49,107,119)
```
#314877
```
#314877 rgb(49,72,119)
```

Analogous Color

#776031
```
#776031 rgb(119,96,49)
```
#316b77
```
#316b77 rgb(49,107,119)
```
#773148
```
#773148 rgb(119,49,72)
```

Split Complementary Color

#6b7731
```
#6b7731 rgb(107,119,49)
```
#316b77
```
#316b77 rgb(49,107,119)
```
#77316b
```
#77316b rgb(119,49,107)
```

Triadic Color

#31773d
```
#31773d rgb(49,119,61)
```
#316b77
```
#316b77 rgb(49,107,119)
```
#77316b
```
#77316b rgb(119,49,107)
```
#773d31
```
#773d31 rgb(119,61,49)
```

Tetradic Color

#1b3a41
```
#1b3a41 rgb(27,58,65)
```
#224b53
```
#224b53 rgb(34,75,83)
```
#2a5b65
```
#2a5b65 rgb(42,91,101)
```
#316b77
```
#316b77 rgb(49,107,119)
```
#387b89
```
#387b89 rgb(56,123,137)
```
#408b9b
```
#408b9b rgb(64,139,155)
```
#479cad
```
#479cad rgb(71,156,173)
```

Monochromatic Color

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

#317772
```
#317772 rgb(49,119,114)
```
#317777
```
#317777 rgb(49,119,119)
```
#317177
```
#317177 rgb(49,113,119)
```
#316b77
```
#316b77 rgb(49,107,119)
```
#316577
```
#316577 rgb(49,101,119)
```
#315f77
```
#315f77 rgb(49,95,119)
```
#315a77
```
#315a77 rgb(49,90,119)
```

Similar Colors

Text with hexadecimal color #316b77

This text has a font color of #316b77.

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

#316b77 background color

This paragraph has a background color of #316b77.

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

#316b77 border color

This element has a border color of #316b77.

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

CSS codes

.text {color:#316b77;}

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

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

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

#030708
```
#030708 rgb(3,7,8)
```
#091416
```
#091416 rgb(9,20,22)
```
#0f2024
```
#0f2024 rgb(15,32,36)
```
#142d32
```
#142d32 rgb(20,45,50)
```
#1a393f
```
#1a393f rgb(26,57,63)
```
#20464d
```
#20464d rgb(32,70,77)
```
#26525b
```
#26525b rgb(38,82,91)
```
#2b5f69
```
#2b5f69 rgb(43,95,105)
```
#316b77
```
#316b77 rgb(49,107,119)
```
#377785
```
#377785 rgb(55,119,133)
```
#3c8493
```
#3c8493 rgb(60,132,147)
```
#4290a1
```
#4290a1 rgb(66,144,161)
```
#489daf
```
#489daf rgb(72,157,175)
```

Shade Color Variation

#52a6b8
```
#52a6b8 rgb(82,166,184)
```
#60aebe
```
#60aebe rgb(96,174,190)
```
#6eb5c3
```
#6eb5c3 rgb(110,181,195)
```
#7cbcc9
```
#7cbcc9 rgb(124,188,201)
```
#8ac3cf
```
#8ac3cf rgb(138,195,207)
```
#98cad4
```
#98cad4 rgb(152,202,212)
```
#a6d1da
```
#a6d1da rgb(166,209,218)
```
#b3d8e0
```
#b3d8e0 rgb(179,216,224)
```
#c1dfe6
```
#c1dfe6 rgb(193,223,230)
```
#cfe7eb
```
#cfe7eb rgb(207,231,235)
```
#ddeef1
```
#ddeef1 rgb(221,238,241)
```
#ebf5f7
```
#ebf5f7 rgb(235,245,247)
```
#f9fcfd
```
#f9fcfd rgb(249,252,253)
```

Tint Color Variation

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

#515657
```
#515657 rgb(81,86,87)
```
#4b5a5d
```
#4b5a5d rgb(75,90,93)
```
#445e64
```
#445e64 rgb(68,94,100)
```
#3e636a
```
#3e636a rgb(62,99,106)
```
#376771
```
#376771 rgb(55,103,113)
```
#316b77
```
#316b77 rgb(49,107,119)
```
#2b6f7d
```
#2b6f7d rgb(43,111,125)
```
#247384
```
#247384 rgb(36,115,132)
```
#1e788a
```
#1e788a rgb(30,120,138)
```
#177c91
```
#177c91 rgb(23,124,145)
```
#118097
```
#118097 rgb(17,128,151)
```
#0a849e
```
#0a849e rgb(10,132,158)
```
#0489a4
```
#0489a4 rgb(4,137,164)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#535e61 Atypical Achromatopsia 0.001% of the population

Dichromacy

#686a79 Protanopia 1% of men
#696981 Deuteranopia 1% of men
#3a737b Tritanopia 0.001% of the population

Trichromacy

#546a78 Protanomaly 1% of men, 0.01% of women
#54697d Deuteranomaly 6% of men, 0.4% of women
#377079 Tritanomaly 0.01% of the population

#316b77 hex color

#316b77 Color Information

#316b77 Color Conversion

Color Schemes with #316b77

Alternatives to #316b77

#316b77 Preview

Shades and Tints of #316b77

Tones of #316b77

Color Blindness Simulator