#316c77 hex color

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

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

● #316c77 color description : Dark moderate cyan.

The hexadecimal color #316c77 has RGB values of R:49, G:108, B:119 and CMYK values of C:0.59, M:0.09, Y:0, K:0.53. Its decimal value is 3239031.

Hex triplet	316c77	`#316c77`
RGB Decimal	49, 108, 119	`rgb(49,108,119)`
RGB Percent	19.2, 42.4, 46.7	`rgb(19.2%,42.4%,46.7%)`
CMYK	59, 9, 0, 53
HSL	189.4°, 41.7, 32.9	`hsl(189.4,41.7%,32.9%)`
HSV (or HSB)	189.4°, 58.8, 46.7
Web Safe	336666	`#336666`

CIE-LAB	42.322, -15.675, -11.947
XYZ	9.958, 12.709, 19.38
xyY	0.237, 0.302, 12.709
CIE-LCH	42.322, 19.709, 217.314
CIE-LUV	42.322, -24.148, -14.444
Hunter-Lab	35.65, -12.528, -7.276
Binary	00110001, 01101100, 01110111

#316c77
```
#316c77 rgb(49,108,119)
```
#773c31
```
#773c31 rgb(119,60,49)
```

Complementary Color

#31775f
```
#31775f rgb(49,119,95)
```
#316c77
```
#316c77 rgb(49,108,119)
```
#314977
```
#314977 rgb(49,73,119)
```

Analogous Color

#775f31
```
#775f31 rgb(119,95,49)
```
#316c77
```
#316c77 rgb(49,108,119)
```
#773149
```
#773149 rgb(119,49,73)
```

Split Complementary Color

#6c7731
```
#6c7731 rgb(108,119,49)
```
#316c77
```
#316c77 rgb(49,108,119)
```
#77316c
```
#77316c rgb(119,49,108)
```

Triadic Color

#31773c
```
#31773c rgb(49,119,60)
```
#316c77
```
#316c77 rgb(49,108,119)
```
#77316c
```
#77316c rgb(119,49,108)
```
#773c31
```
#773c31 rgb(119,60,49)
```

Tetradic Color

#1b3b41
```
#1b3b41 rgb(27,59,65)
```
#224b53
```
#224b53 rgb(34,75,83)
```
#2a5c65
```
#2a5c65 rgb(42,92,101)
```
#316c77
```
#316c77 rgb(49,108,119)
```
#387c89
```
#387c89 rgb(56,124,137)
```
#408d9b
```
#408d9b rgb(64,141,155)
```
#479dad
```
#479dad rgb(71,157,173)
```

Monochromatic Color

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

#317771
```
#317771 rgb(49,119,113)
```
#317776
```
#317776 rgb(49,119,118)
```
#317277
```
#317277 rgb(49,114,119)
```
#316c77
```
#316c77 rgb(49,108,119)
```
#316677
```
#316677 rgb(49,102,119)
```
#316077
```
#316077 rgb(49,96,119)
```
#315b77
```
#315b77 rgb(49,91,119)
```

Similar Colors

Text with hexadecimal color #316c77

This text has a font color of #316c77.

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

#316c77 background color

This paragraph has a background color of #316c77.

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

#316c77 border color

This element has a border color of #316c77.

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

CSS codes

.text {color:#316c77;}

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

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

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)
```
#1a3a3f
```
#1a3a3f rgb(26,58,63)
```
#20464d
```
#20464d rgb(32,70,77)
```
#26535b
```
#26535b rgb(38,83,91)
```
#2b5f69
```
#2b5f69 rgb(43,95,105)
```
#316c77
```
#316c77 rgb(49,108,119)
```
#377985
```
#377985 rgb(55,121,133)
```
#3c8593
```
#3c8593 rgb(60,133,147)
```
#4292a1
```
#4292a1 rgb(66,146,161)
```
#489eaf
```
#489eaf rgb(72,158,175)
```

Shade Color Variation

#52a8b8
```
#52a8b8 rgb(82,168,184)
```
#60afbe
```
#60afbe rgb(96,175,190)
```
#6eb6c3
```
#6eb6c3 rgb(110,182,195)
```
#7cbdc9
```
#7cbdc9 rgb(124,189,201)
```
#8ac4cf
```
#8ac4cf rgb(138,196,207)
```
#98cbd4
```
#98cbd4 rgb(152,203,212)
```
#a6d2da
```
#a6d2da rgb(166,210,218)
```
#b3d9e0
```
#b3d9e0 rgb(179,217,224)
```
#c1e0e6
```
#c1e0e6 rgb(193,224,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 #048ba4 is the most saturated one.

#515657
```
#515657 rgb(81,86,87)
```
#4b5a5d
```
#4b5a5d rgb(75,90,93)
```
#445f64
```
#445f64 rgb(68,95,100)
```
#3e636a
```
#3e636a rgb(62,99,106)
```
#376871
```
#376871 rgb(55,104,113)
```
#316c77
```
#316c77 rgb(49,108,119)
```
#2b707d
```
#2b707d rgb(43,112,125)
```
#247584
```
#247584 rgb(36,117,132)
```
#1e798a
```
#1e798a rgb(30,121,138)
```
#177e91
```
#177e91 rgb(23,126,145)
```
#118297
```
#118297 rgb(17,130,151)
```
#0a879e
```
#0a879e rgb(10,135,158)
```
#048ba4
```
#048ba4 rgb(4,139,164)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#535f61 Atypical Achromatopsia 0.001% of the population

Dichromacy

#696b79 Protanopia 1% of men
#6a6981 Deuteranopia 1% of men
#3a737c Tritanopia 0.001% of the population

Trichromacy

#556b78 Protanomaly 1% of men, 0.01% of women
#556a7d Deuteranomaly 6% of men, 0.4% of women
#37717a Tritanomaly 0.01% of the population

#316c77 hex color

#316c77 Color Information

#316c77 Color Conversion

Color Schemes with #316c77

Alternatives to #316c77

#316c77 Preview

Shades and Tints of #316c77

Tones of #316c77

Color Blindness Simulator