#316f5e hex color

In a RGB color space, hex #316f5e is composed of 19.2% red, 43.5% green and 36.9% blue. Whereas in a CMYK color space, it is composed of 55.9% cyan, 0% magenta, 15.3% yellow and 56.5% black. It has a hue angle of 163.5 degrees, a saturation of 38.8% and a lightness of 31.4%. #316f5e color hex could be obtained by blending #62debc with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 19
- G 44
- B 37
RGB color chart
- C 56
- M 0
- Y 15
- K 56
CMYK color chart

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

The hexadecimal color #316f5e has RGB values of R:49, G:111, B:94 and CMYK values of C:0.56, M:0, Y:0.15, K:0.56. Its decimal value is 3239774.

Hex triplet	316f5e	`#316f5e`
RGB Decimal	49, 111, 94	`rgb(49,111,94)`
RGB Percent	19.2, 43.5, 36.9	`rgb(19.2%,43.5%,36.9%)`
CMYK	56, 0, 15, 56
HSL	163.5°, 38.8, 31.4	`hsl(163.5,38.8%,31.4%)`
HSV (or HSB)	163.5°, 55.9, 43.5
Web Safe	336666	`#336666`

CIE-LAB	42.505, -24.527, 3.428
XYZ	8.971, 12.829, 12.593
xyY	0.261, 0.373, 12.829
CIE-LCH	42.505, 24.765, 172.043
CIE-LUV	42.505, -26.424, 7.955
Hunter-Lab	35.818, -17.976, 4.228
Binary	00110001, 01101111, 01011110

#316f5e
```
#316f5e rgb(49,111,94)
```
#6f3142
```
#6f3142 rgb(111,49,66)
```

Complementary Color

#316f3f
```
#316f3f rgb(49,111,63)
```
#316f5e
```
#316f5e rgb(49,111,94)
```
#31616f
```
#31616f rgb(49,97,111)
```

Analogous Color

#6f3f31
```
#6f3f31 rgb(111,63,49)
```
#316f5e
```
#316f5e rgb(49,111,94)
```
#6f3161
```
#6f3161 rgb(111,49,97)
```

Split Complementary Color

#6f5e31
```
#6f5e31 rgb(111,94,49)
```
#316f5e
```
#316f5e rgb(49,111,94)
```
#5e316f
```
#5e316f rgb(94,49,111)
```

Triadic Color

#426f31
```
#426f31 rgb(66,111,49)
```
#316f5e
```
#316f5e rgb(49,111,94)
```
#5e316f
```
#5e316f rgb(94,49,111)
```
#6f3142
```
#6f3142 rgb(111,49,66)
```

Tetradic Color

#1a3a31
```
#1a3a31 rgb(26,58,49)
```
#214c40
```
#214c40 rgb(33,76,64)
```
#295d4f
```
#295d4f rgb(41,93,79)
```
#316f5e
```
#316f5e rgb(49,111,94)
```
#39816d
```
#39816d rgb(57,129,109)
```
#41927c
```
#41927c rgb(65,146,124)
```
#48a48b
```
#48a48b rgb(72,164,139)
```

Monochromatic Color

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

#316f4f
```
#316f4f rgb(49,111,79)
```
#316f54
```
#316f54 rgb(49,111,84)
```
#316f59
```
#316f59 rgb(49,111,89)
```
#316f5e
```
#316f5e rgb(49,111,94)
```
#316f63
```
#316f63 rgb(49,111,99)
```
#316f68
```
#316f68 rgb(49,111,104)
```
#316f6e
```
#316f6e rgb(49,111,110)
```

Similar Colors

Text with hexadecimal color #316f5e

This text has a font color of #316f5e.

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

#316f5e background color

This paragraph has a background color of #316f5e.

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

#316f5e border color

This element has a border color of #316f5e.

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

CSS codes

.text {color:#316f5e;}

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

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

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

#010202
```
#010202 rgb(1,2,2)
```
#07100d
```
#07100d rgb(7,16,13)
```
#0d1d19
```
#0d1d19 rgb(13,29,25)
```
#132b24
```
#132b24 rgb(19,43,36)
```
#193930
```
#193930 rgb(25,57,48)
```
#1f463b
```
#1f463b rgb(31,70,59)
```
#255447
```
#255447 rgb(37,84,71)
```
#2b6152
```
#2b6152 rgb(43,97,82)
```
#316f5e
```
#316f5e rgb(49,111,94)
```
#377d6a
```
#377d6a rgb(55,125,106)
```
#3d8a75
```
#3d8a75 rgb(61,138,117)
```
#439881
```
#439881 rgb(67,152,129)
```
#49a58c
```
#49a58c rgb(73,165,140)
```

Shade Color Variation

#50b297
```
#50b297 rgb(80,178,151)
```
#5eb89f
```
#5eb89f rgb(94,184,159)
```
#6bbea7
```
#6bbea7 rgb(107,190,167)
```
#79c4af
```
#79c4af rgb(121,196,175)
```
#87cab7
```
#87cab7 rgb(135,202,183)
```
#94d0c0
```
#94d0c0 rgb(148,208,192)
```
#a2d6c8
```
#a2d6c8 rgb(162,214,200)
```
#afdcd0
```
#afdcd0 rgb(175,220,208)
```
#bde2d8
```
#bde2d8 rgb(189,226,216)
```
#cbe8e0
```
#cbe8e0 rgb(203,232,224)
```
#d8eee8
```
#d8eee8 rgb(216,238,232)
```
#e6f4f0
```
#e6f4f0 rgb(230,244,240)
```
#f4faf8
```
#f4faf8 rgb(244,250,248)
```

Tint Color Variation

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

#505050
```
#505050 rgb(80,80,80)
```
#4a5653
```
#4a5653 rgb(74,86,83)
```
#435d56
```
#435d56 rgb(67,93,86)
```
#3d6358
```
#3d6358 rgb(61,99,88)
```
#37695b
```
#37695b rgb(55,105,91)
```
#316f5e
```
#316f5e rgb(49,111,94)
```
#2b7561
```
#2b7561 rgb(43,117,97)
```
#257b64
```
#257b64 rgb(37,123,100)
```
#1f8166
```
#1f8166 rgb(31,129,102)
```
#188869
```
#188869 rgb(24,136,105)
```
#128e6c
```
#128e6c rgb(18,142,108)
```
#0c946f
```
#0c946f rgb(12,148,111)
```
#069a71
```
#069a71 rgb(6,154,113)
```

Tone Color Variation

Below, you can see how #316f5e 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
#535f5c Atypical Achromatopsia 0.001% of the population

Dichromacy

#706c61 Protanopia 1% of men
#76696b Deuteranopia 1% of men
#44737b Tritanopia 0.001% of the population

Trichromacy

#596d60 Protanomaly 1% of men, 0.01% of women
#5d6b66 Deuteranomaly 6% of men, 0.4% of women
#3d7170 Tritanomaly 0.01% of the population

#316f5e hex color

#316f5e Color Information

#316f5e Color Conversion

Color Schemes with #316f5e

Alternatives to #316f5e

#316f5e Preview

Shades and Tints of #316f5e

Tones of #316f5e

Color Blindness Simulator