#316f79 hex color

In a RGB color space, hex #316f79 is composed of 19.2% red, 43.5% green and 47.5% blue. Whereas in a CMYK color space, it is composed of 59.5% cyan, 8.3% magenta, 0% yellow and 52.5% black. It has a hue angle of 188.3 degrees, a saturation of 42.4% and a lightness of 33.3%. #316f79 color hex could be obtained by blending #62def2 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 19
- G 44
- B 47
RGB color chart
- C 60
- M 8
- Y 0
- K 53
CMYK color chart

● #316f79 color description : Dark moderate cyan.

The hexadecimal color #316f79 has RGB values of R:49, G:111, B:121 and CMYK values of C:0.6, M:0.08, Y:0, K:0.53. Its decimal value is 3239801.

Hex triplet	316f79	`#316f79`
RGB Decimal	49, 111, 121	`rgb(49,111,121)`
RGB Percent	19.2, 43.5, 47.5	`rgb(19.2%,43.5%,47.5%)`
CMYK	60, 8, 0, 53
HSL	188.3°, 42.4, 33.3	`hsl(188.3,42.4%,33.3%)`
HSV (or HSB)	188.3°, 59.5, 47.5
Web Safe	336666	`#336666`

CIE-LAB	43.362, -16.713, -11.58
XYZ	10.401, 13.402, 20.127
xyY	0.237, 0.305, 13.402
CIE-LCH	43.362, 20.333, 214.719
CIE-LUV	43.362, -25.237, -13.858
Hunter-Lab	36.608, -13.348, -6.971
Binary	00110001, 01101111, 01111001

#316f79
```
#316f79 rgb(49,111,121)
```
#793b31
```
#793b31 rgb(121,59,49)
```

Complementary Color

#31795f
```
#31795f rgb(49,121,95)
```
#316f79
```
#316f79 rgb(49,111,121)
```
#314b79
```
#314b79 rgb(49,75,121)
```

Analogous Color

#795f31
```
#795f31 rgb(121,95,49)
```
#316f79
```
#316f79 rgb(49,111,121)
```
#79314b
```
#79314b rgb(121,49,75)
```

Split Complementary Color

#6f7931
```
#6f7931 rgb(111,121,49)
```
#316f79
```
#316f79 rgb(49,111,121)
```
#79316f
```
#79316f rgb(121,49,111)
```

Triadic Color

#31793b
```
#31793b rgb(49,121,59)
```
#316f79
```
#316f79 rgb(49,111,121)
```
#79316f
```
#79316f rgb(121,49,111)
```
#793b31
```
#793b31 rgb(121,59,49)
```

Tetradic Color

#1b3d43
```
#1b3d43 rgb(27,61,67)
```
#224e55
```
#224e55 rgb(34,78,85)
```
#2a5e67
```
#2a5e67 rgb(42,94,103)
```
#316f79
```
#316f79 rgb(49,111,121)
```
#38808b
```
#38808b rgb(56,128,139)
```
#40909d
```
#40909d rgb(64,144,157)
```
#47a1af
```
#47a1af rgb(71,161,175)
```

Monochromatic Color

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

#317971
```
#317971 rgb(49,121,113)
```
#317977
```
#317977 rgb(49,121,119)
```
#317579
```
#317579 rgb(49,117,121)
```
#316f79
```
#316f79 rgb(49,111,121)
```
#316979
```
#316979 rgb(49,105,121)
```
#316379
```
#316379 rgb(49,99,121)
```
#315d79
```
#315d79 rgb(49,93,121)
```

Similar Colors

Text with hexadecimal color #316f79

This text has a font color of #316f79.

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

#316f79 background color

This paragraph has a background color of #316f79.

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

#316f79 border color

This element has a border color of #316f79.

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

CSS codes

.text {color:#316f79;}

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

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

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

#040909
```
#040909 rgb(4,9,9)
```
#091517
```
#091517 rgb(9,21,23)
```
#0f2225
```
#0f2225 rgb(15,34,37)
```
#152f33
```
#152f33 rgb(21,47,51)
```
#1a3c41
```
#1a3c41 rgb(26,60,65)
```
#20494f
```
#20494f rgb(32,73,79)
```
#26555d
```
#26555d rgb(38,85,93)
```
#2b626b
```
#2b626b rgb(43,98,107)
```
#316f79
```
#316f79 rgb(49,111,121)
```
#377c87
```
#377c87 rgb(55,124,135)
```
#3c8995
```
#3c8995 rgb(60,137,149)
```
#4295a3
```
#4295a3 rgb(66,149,163)
```
#48a2b1
```
#48a2b1 rgb(72,162,177)
```

Shade Color Variation

#53abb9
```
#53abb9 rgb(83,171,185)
```
#61b2bf
```
#61b2bf rgb(97,178,191)
```
#6fb9c5
```
#6fb9c5 rgb(111,185,197)
```
#7dbfca
```
#7dbfca rgb(125,191,202)
```
#8bc6d0
```
#8bc6d0 rgb(139,198,208)
```
#99cdd6
```
#99cdd6 rgb(153,205,214)
```
#a7d4db
```
#a7d4db rgb(167,212,219)
```
#b5dbe1
```
#b5dbe1 rgb(181,219,225)
```
#c3e2e7
```
#c3e2e7 rgb(195,226,231)
```
#d0e8ec
```
#d0e8ec rgb(208,232,236)
```
#deeff2
```
#deeff2 rgb(222,239,242)
```
#ecf6f7
```
#ecf6f7 rgb(236,246,247)
```
#fafdfd
```
#fafdfd rgb(250,253,253)
```

Tint Color Variation

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

#525758
```
#525758 rgb(82,87,88)
```
#4b5c5f
```
#4b5c5f rgb(75,92,95)
```
#456165
```
#456165 rgb(69,97,101)
```
#3e666c
```
#3e666c rgb(62,102,108)
```
#386a72
```
#386a72 rgb(56,106,114)
```
#316f79
```
#316f79 rgb(49,111,121)
```
#2a7480
```
#2a7480 rgb(42,116,128)
```
#247886
```
#247886 rgb(36,120,134)
```
#1d7d8d
```
#1d7d8d rgb(29,125,141)
```
#178293
```
#178293 rgb(23,130,147)
```
#10879a
```
#10879a rgb(16,135,154)
```
#0a8ba0
```
#0a8ba0 rgb(10,139,160)
```
#0390a7
```
#0390a7 rgb(3,144,167)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#556163 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6c6d7a Protanopia 1% of men
#6d6c83 Deuteranopia 1% of men
#3b767f Tritanopia 0.001% of the population

Trichromacy

#566e7a Protanomaly 1% of men, 0.01% of women
#576d7f Deuteranomaly 6% of men, 0.4% of women
#37737d Tritanomaly 0.01% of the population

#316f79 hex color

#316f79 Color Information

#316f79 Color Conversion

Color Schemes with #316f79

Alternatives to #316f79

#316f79 Preview

Shades and Tints of #316f79

Tones of #316f79

Color Blindness Simulator