#316b79 hex color

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

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

● #316b79 color description : Dark moderate cyan.

The hexadecimal color #316b79 has RGB values of R:49, G:107, B:121 and CMYK values of C:0.6, M:0.12, Y:0, K:0.53. Its decimal value is 3238777.

Hex triplet	316b79	`#316b79`
RGB Decimal	49, 107, 121	`rgb(49,107,121)`
RGB Percent	19.2, 42, 47.5	`rgb(19.2%,42%,47.5%)`
CMYK	60, 12, 0, 53
HSL	191.7°, 42.4, 33.3	`hsl(191.7,42.4%,33.3%)`
HSV (or HSB)	191.7°, 59.5, 47.5
Web Safe	336666	`#336666`

CIE-LAB	42.074, -14.478, -13.532
XYZ	9.975, 12.548, 19.984
xyY	0.235, 0.295, 12.548
CIE-LCH	42.074, 19.817, 223.066
CIE-LUV	42.074, -23.675, -16.882
Hunter-Lab	35.423, -11.728, -8.653
Binary	00110001, 01101011, 01111001

#316b79
```
#316b79 rgb(49,107,121)
```
#793f31
```
#793f31 rgb(121,63,49)
```

Complementary Color

#317963
```
#317963 rgb(49,121,99)
```
#316b79
```
#316b79 rgb(49,107,121)
```
#314779
```
#314779 rgb(49,71,121)
```

Analogous Color

#796331
```
#796331 rgb(121,99,49)
```
#316b79
```
#316b79 rgb(49,107,121)
```
#793147
```
#793147 rgb(121,49,71)
```

Split Complementary Color

#6b7931
```
#6b7931 rgb(107,121,49)
```
#316b79
```
#316b79 rgb(49,107,121)
```
#79316b
```
#79316b rgb(121,49,107)
```

Triadic Color

#31793f
```
#31793f rgb(49,121,63)
```
#316b79
```
#316b79 rgb(49,107,121)
```
#79316b
```
#79316b rgb(121,49,107)
```
#793f31
```
#793f31 rgb(121,63,49)
```

Tetradic Color

#1b3b43
```
#1b3b43 rgb(27,59,67)
```
#224b55
```
#224b55 rgb(34,75,85)
```
#2a5b67
```
#2a5b67 rgb(42,91,103)
```
#316b79
```
#316b79 rgb(49,107,121)
```
#387b8b
```
#387b8b rgb(56,123,139)
```
#408b9d
```
#408b9d rgb(64,139,157)
```
#479baf
```
#479baf rgb(71,155,175)
```

Monochromatic Color

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

#317975
```
#317975 rgb(49,121,117)
```
#317779
```
#317779 rgb(49,119,121)
```
#317179
```
#317179 rgb(49,113,121)
```
#316b79
```
#316b79 rgb(49,107,121)
```
#316579
```
#316579 rgb(49,101,121)
```
#315f79
```
#315f79 rgb(49,95,121)
```
#315979
```
#315979 rgb(49,89,121)
```

Similar Colors

Text with hexadecimal color #316b79

This text has a font color of #316b79.

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

#316b79 background color

This paragraph has a background color of #316b79.

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

#316b79 border color

This element has a border color of #316b79.

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

CSS codes

.text {color:#316b79;}

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

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

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

#040809
```
#040809 rgb(4,8,9)
```
#091517
```
#091517 rgb(9,21,23)
```
#0f2125
```
#0f2125 rgb(15,33,37)
```
#152d33
```
#152d33 rgb(21,45,51)
```
#1a3a41
```
#1a3a41 rgb(26,58,65)
```
#20464f
```
#20464f rgb(32,70,79)
```
#26525d
```
#26525d rgb(38,82,93)
```
#2b5f6b
```
#2b5f6b rgb(43,95,107)
```
#316b79
```
#316b79 rgb(49,107,121)
```
#377787
```
#377787 rgb(55,119,135)
```
#3c8495
```
#3c8495 rgb(60,132,149)
```
#4290a3
```
#4290a3 rgb(66,144,163)
```
#489cb1
```
#489cb1 rgb(72,156,177)
```

Shade Color Variation

#53a5b9
```
#53a5b9 rgb(83,165,185)
```
#61adbf
```
#61adbf rgb(97,173,191)
```
#6fb4c5
```
#6fb4c5 rgb(111,180,197)
```
#7dbbca
```
#7dbbca rgb(125,187,202)
```
#8bc2d0
```
#8bc2d0 rgb(139,194,208)
```
#99cad6
```
#99cad6 rgb(153,202,214)
```
#a7d1db
```
#a7d1db rgb(167,209,219)
```
#b5d8e1
```
#b5d8e1 rgb(181,216,225)
```
#c3e0e7
```
#c3e0e7 rgb(195,224,231)
```
#d0e7ec
```
#d0e7ec rgb(208,231,236)
```
#deeef2
```
#deeef2 rgb(222,238,242)
```
#ecf5f7
```
#ecf5f7 rgb(236,245,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 #0387a7 is the most saturated one.

#525758
```
#525758 rgb(82,87,88)
```
#4b5b5f
```
#4b5b5f rgb(75,91,95)
```
#455f65
```
#455f65 rgb(69,95,101)
```
#3e636c
```
#3e636c rgb(62,99,108)
```
#386772
```
#386772 rgb(56,103,114)
```
#316b79
```
#316b79 rgb(49,107,121)
```
#2a6f80
```
#2a6f80 rgb(42,111,128)
```
#247386
```
#247386 rgb(36,115,134)
```
#1d778d
```
#1d778d rgb(29,119,141)
```
#177b93
```
#177b93 rgb(23,123,147)
```
#107f9a
```
#107f9a rgb(16,127,154)
```
#0a83a0
```
#0a83a0 rgb(10,131,160)
```
#0387a7
```
#0387a7 rgb(3,135,167)
```

Tone Color Variation

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

#686a7b Protanopia 1% of men
#686983 Deuteranopia 1% of men
#39737b Tritanopia 0.001% of the population

Trichromacy

#546a7a Protanomaly 1% of men, 0.01% of women
#546a7f Deuteranomaly 6% of men, 0.4% of women
#36707a Tritanomaly 0.01% of the population

#316b79 hex color

#316b79 Color Information

#316b79 Color Conversion

Color Schemes with #316b79

Alternatives to #316b79

#316b79 Preview

Shades and Tints of #316b79

Tones of #316b79

Color Blindness Simulator