#316757 hex color

In a RGB color space, hex #316757 is composed of 19.2% red, 40.4% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 52.4% cyan, 0% magenta, 15.5% yellow and 59.6% black. It has a hue angle of 162.2 degrees, a saturation of 35.5% and a lightness of 29.8%. #316757 color hex could be obtained by blending #62ceae with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 19
- G 40
- B 34
RGB color chart
- C 52
- M 0
- Y 16
- K 60
CMYK color chart

● #316757 color description : Very dark desaturated cyan - lime green.

The hexadecimal color #316757 has RGB values of R:49, G:103, B:87 and CMYK values of C:0.52, M:0, Y:0.16, K:0.6. Its decimal value is 3237719.

Hex triplet	316757	`#316757`
RGB Decimal	49, 103, 87	`rgb(49,103,87)`
RGB Percent	19.2, 40.4, 34.1	`rgb(19.2%,40.4%,34.1%)`
CMYK	52, 0, 16, 60
HSL	162.2°, 35.5, 29.8	`hsl(162.2,35.5%,29.8%)`
HSV (or HSB)	162.2°, 52.4, 40.4
Web Safe	336666	`#336666`

CIE-LAB	39.65, -22.248, 3.555
XYZ	7.837, 11.041, 10.734
xyY	0.265, 0.373, 11.041
CIE-LCH	39.65, 22.53, 170.922
CIE-LUV	39.65, -23.41, 7.653
Hunter-Lab	33.228, -16.051, 4.106
Binary	00110001, 01100111, 01010111

#316757
```
#316757 rgb(49,103,87)
```
#673141
```
#673141 rgb(103,49,65)
```

Complementary Color

#31673c
```
#31673c rgb(49,103,60)
```
#316757
```
#316757 rgb(49,103,87)
```
#315c67
```
#315c67 rgb(49,92,103)
```

Analogous Color

#673c31
```
#673c31 rgb(103,60,49)
```
#316757
```
#316757 rgb(49,103,87)
```
#67315c
```
#67315c rgb(103,49,92)
```

Split Complementary Color

#675731
```
#675731 rgb(103,87,49)
```
#316757
```
#316757 rgb(49,103,87)
```
#573167
```
#573167 rgb(87,49,103)
```

Triadic Color

#416731
```
#416731 rgb(65,103,49)
```
#316757
```
#316757 rgb(49,103,87)
```
#573167
```
#573167 rgb(87,49,103)
```
#673141
```
#673141 rgb(103,49,65)
```

Tetradic Color

#18332b
```
#18332b rgb(24,51,43)
```
#21443a
```
#21443a rgb(33,68,58)
```
#295648
```
#295648 rgb(41,86,72)
```
#316757
```
#316757 rgb(49,103,87)
```
#397866
```
#397866 rgb(57,120,102)
```
#418a74
```
#418a74 rgb(65,138,116)
```
#4a9b83
```
#4a9b83 rgb(74,155,131)
```

Monochromatic Color

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

#31674a
```
#31674a rgb(49,103,74)
```
#31674e
```
#31674e rgb(49,103,78)
```
#316753
```
#316753 rgb(49,103,83)
```
#316757
```
#316757 rgb(49,103,87)
```
#31675c
```
#31675c rgb(49,103,92)
```
#316760
```
#316760 rgb(49,103,96)
```
#316765
```
#316765 rgb(49,103,101)
```

Similar Colors

Text with hexadecimal color #316757

This text has a font color of #316757.

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

#316757 background color

This paragraph has a background color of #316757.

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

#316757 border color

This element has a border color of #316757.

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

CSS codes

.text {color:#316757;}

.background {background-color:#316757;}

.border {border:1px solid #316757;}

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

#050a08
```
#050a08 rgb(5,10,8)
```
#0b1714
```
#0b1714 rgb(11,23,20)
```
#11251f
```
#11251f rgb(17,37,31)
```
#18322a
```
#18322a rgb(24,50,42)
```
#1e3f35
```
#1e3f35 rgb(30,63,53)
```
#244c41
```
#244c41 rgb(36,76,65)
```
#2b5a4c
```
#2b5a4c rgb(43,90,76)
```
#316757
```
#316757 rgb(49,103,87)
```
#377462
```
#377462 rgb(55,116,98)
```
#3e826d
```
#3e826d rgb(62,130,109)
```
#448f79
```
#448f79 rgb(68,143,121)
```
#4a9c84
```
#4a9c84 rgb(74,156,132)
```
#51a98f
```
#51a98f rgb(81,169,143)
```

Shade Color Variation

#5cb298
```
#5cb298 rgb(92,178,152)
```
#69b8a1
```
#69b8a1 rgb(105,184,161)
```
#77bea9
```
#77bea9 rgb(119,190,169)
```
#84c5b1
```
#84c5b1 rgb(132,197,177)
```
#91cbba
```
#91cbba rgb(145,203,186)
```
#9fd1c2
```
#9fd1c2 rgb(159,209,194)
```
#acd7cb
```
#acd7cb rgb(172,215,203)
```
#b9ded3
```
#b9ded3 rgb(185,222,211)
```
#c6e4db
```
#c6e4db rgb(198,228,219)
```
#d4eae4
```
#d4eae4 rgb(212,234,228)
```
#e1f1ec
```
#e1f1ec rgb(225,241,236)
```
#eef7f5
```
#eef7f5 rgb(238,247,245)
```
#fcfdfd
```
#fcfdfd rgb(252,253,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #48504d is the less saturated color, while #02966a is the most saturated one.

#48504d
```
#48504d rgb(72,80,77)
```
#435550
```
#435550 rgb(67,85,80)
```
#3d5b52
```
#3d5b52 rgb(61,91,82)
```
#376155
```
#376155 rgb(55,97,85)
```
#316757
```
#316757 rgb(49,103,87)
```
#2b6d59
```
#2b6d59 rgb(43,109,89)
```
#25735c
```
#25735c rgb(37,115,92)
```
#1f795e
```
#1f795e rgb(31,121,94)
```
#1a7e61
```
#1a7e61 rgb(26,126,97)
```
#148463
```
#148463 rgb(20,132,99)
```
#0e8a65
```
#0e8a65 rgb(14,138,101)
```
#089068
```
#089068 rgb(8,144,104)
```
#02966a
```
#02966a rgb(2,150,106)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#4e5955 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6a655b Protanopia 1% of men
#6f6263 Deuteranopia 1% of men
#426b73 Tritanopia 0.001% of the population

Trichromacy

#556659 Protanomaly 1% of men, 0.01% of women
#59645f Deuteranomaly 6% of men, 0.4% of women
#3c6a69 Tritanomaly 0.01% of the population

#316757 hex color

#316757 Color Information

#316757 Color Conversion

Color Schemes with #316757

Alternatives to #316757

#316757 Preview

Shades and Tints of #316757

Tones of #316757

Color Blindness Simulator