#316558 hex color

In a RGB color space, hex #316558 is composed of 19.2% red, 39.6% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 51.5% cyan, 0% magenta, 12.9% yellow and 60.4% black. It has a hue angle of 165 degrees, a saturation of 34.7% and a lightness of 29.4%. #316558 color hex could be obtained by blending #62cab0 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 19
- G 40
- B 35
RGB color chart
- C 51
- M 0
- Y 13
- K 60
CMYK color chart

● #316558 color description : Very dark desaturated cyan.

The hexadecimal color #316558 has RGB values of R:49, G:101, B:88 and CMYK values of C:0.51, M:0, Y:0.13, K:0.6. Its decimal value is 3237208.

Hex triplet	316558	`#316558`
RGB Decimal	49, 101, 88	`rgb(49,101,88)`
RGB Percent	19.2, 39.6, 34.5	`rgb(19.2%,39.6%,34.5%)`
CMYK	51, 0, 13, 60
HSL	165°, 34.7, 29.4	`hsl(165,34.7%,29.4%)`
HSV (or HSB)	165°, 51.5, 39.6
Web Safe	336666	`#336666`

CIE-LAB	39.009, -20.937, 2.02
XYZ	7.681, 10.664, 10.886
xyY	0.263, 0.365, 10.664
CIE-LCH	39.009, 21.034, 174.49
CIE-LUV	39.009, -22.541, 5.494
Hunter-Lab	32.656, -15.163, 3.096
Binary	00110001, 01100101, 01011000

#316558
```
#316558 rgb(49,101,88)
```
#65313e
```
#65313e rgb(101,49,62)
```

Complementary Color

#31653e
```
#31653e rgb(49,101,62)
```
#316558
```
#316558 rgb(49,101,88)
```
#315865
```
#315865 rgb(49,88,101)
```

Analogous Color

#653e31
```
#653e31 rgb(101,62,49)
```
#316558
```
#316558 rgb(49,101,88)
```
#653158
```
#653158 rgb(101,49,88)
```

Split Complementary Color

#655831
```
#655831 rgb(101,88,49)
```
#316558
```
#316558 rgb(49,101,88)
```
#583165
```
#583165 rgb(88,49,101)
```

Triadic Color

#3e6531
```
#3e6531 rgb(62,101,49)
```
#316558
```
#316558 rgb(49,101,88)
```
#583165
```
#583165 rgb(88,49,101)
```
#65313e
```
#65313e rgb(101,49,62)
```

Tetradic Color

#18312b
```
#18312b rgb(24,49,43)
```
#20433a
```
#20433a rgb(32,67,58)
```
#295449
```
#295449 rgb(41,84,73)
```
#316558
```
#316558 rgb(49,101,88)
```
#397667
```
#397667 rgb(57,118,103)
```
#428776
```
#428776 rgb(66,135,118)
```
#4a9985
```
#4a9985 rgb(74,153,133)
```

Monochromatic Color

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

#31654b
```
#31654b rgb(49,101,75)
```
#31654f
```
#31654f rgb(49,101,79)
```
#316554
```
#316554 rgb(49,101,84)
```
#316558
```
#316558 rgb(49,101,88)
```
#31655c
```
#31655c rgb(49,101,92)
```
#316561
```
#316561 rgb(49,101,97)
```
#316565
```
#316565 rgb(49,101,101)
```

Similar Colors

Text with hexadecimal color #316558

This text has a font color of #316558.

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

#316558 background color

This paragraph has a background color of #316558.

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

#316558 border color

This element has a border color of #316558.

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

CSS codes

.text {color:#316558;}

.background {background-color:#316558;}

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

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

#040907
```
#040907 rgb(4,9,7)
```
#0b1613
```
#0b1613 rgb(11,22,19)
```
#11231e
```
#11231e rgb(17,35,30)
```
#17302a
```
#17302a rgb(23,48,42)
```
#1e3d35
```
#1e3d35 rgb(30,61,53)
```
#244b41
```
#244b41 rgb(36,75,65)
```
#2b584c
```
#2b584c rgb(43,88,76)
```
#316558
```
#316558 rgb(49,101,88)
```
#377264
```
#377264 rgb(55,114,100)
```
#3e7f6f
```
#3e7f6f rgb(62,127,111)
```
#448d7b
```
#448d7b rgb(68,141,123)
```
#4b9a86
```
#4b9a86 rgb(75,154,134)
```
#51a792
```
#51a792 rgb(81,167,146)
```

Shade Color Variation

#5cb09b
```
#5cb09b rgb(92,176,155)
```
#69b6a3
```
#69b6a3 rgb(105,182,163)
```
#76bdab
```
#76bdab rgb(118,189,171)
```
#83c3b3
```
#83c3b3 rgb(131,195,179)
```
#91c9bb
```
#91c9bb rgb(145,201,187)
```
#9ed0c3
```
#9ed0c3 rgb(158,208,195)
```
#abd6cb
```
#abd6cb rgb(171,214,203)
```
#b8ddd4
```
#b8ddd4 rgb(184,221,212)
```
#c6e3dc
```
#c6e3dc rgb(198,227,220)
```
#d3eae4
```
#d3eae4 rgb(211,234,228)
```
#e0f0ec
```
#e0f0ec rgb(224,240,236)
```
#edf6f4
```
#edf6f4 rgb(237,246,244)
```
#fafdfc
```
#fafdfc rgb(250,253,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #484e4c is the less saturated color, while #03936f is the most saturated one.

#484e4c
```
#484e4c rgb(72,78,76)
```
#42544f
```
#42544f rgb(66,84,79)
```
#3d5952
```
#3d5952 rgb(61,89,82)
```
#375f55
```
#375f55 rgb(55,95,85)
```
#316558
```
#316558 rgb(49,101,88)
```
#2b6b5b
```
#2b6b5b rgb(43,107,91)
```
#25715e
```
#25715e rgb(37,113,94)
```
#207661
```
#207661 rgb(32,118,97)
```
#1a7c64
```
#1a7c64 rgb(26,124,100)
```
#148266
```
#148266 rgb(20,130,102)
```
#0e8869
```
#0e8869 rgb(14,136,105)
```
#098d6c
```
#098d6c rgb(9,141,108)
```
#03936f
```
#03936f rgb(3,147,111)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#4d5755 Atypical Achromatopsia 0.001% of the population

Dichromacy

#68645c Protanopia 1% of men
#6d6164 Deuteranopia 1% of men
#426a72 Tritanopia 0.001% of the population

Trichromacy

#54645a Protanomaly 1% of men, 0.01% of women
#576260 Deuteranomaly 6% of men, 0.4% of women
#3b6868 Tritanomaly 0.01% of the population

#316558 hex color

#316558 Color Information

#316558 Color Conversion

Color Schemes with #316558

Alternatives to #316558

#316558 Preview

Shades and Tints of #316558

Tones of #316558

Color Blindness Simulator