#316458 hex color

In a RGB color space, hex #316458 is composed of 19.2% red, 39.2% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 51% cyan, 0% magenta, 12% yellow and 60.8% black. It has a hue angle of 165.9 degrees, a saturation of 34.2% and a lightness of 29.2%. #316458 color hex could be obtained by blending #62c8b0 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 19
- G 39
- B 35
RGB color chart
- C 51
- M 0
- Y 12
- K 61
CMYK color chart

● #316458 color description : Very dark desaturated cyan.

The hexadecimal color #316458 has RGB values of R:49, G:100, B:88 and CMYK values of C:0.51, M:0, Y:0.12, K:0.61. Its decimal value is 3236952.

Hex triplet	316458	`#316458`
RGB Decimal	49, 100, 88	`rgb(49,100,88)`
RGB Percent	19.2, 39.2, 34.5	`rgb(19.2%,39.2%,34.5%)`
CMYK	51, 0, 12, 61
HSL	165.9°, 34.2, 29.2	`hsl(165.9,34.2%,29.2%)`
HSV (or HSB)	165.9°, 51, 39.2
Web Safe	336666	`#336666`

CIE-LAB	38.675, -20.407, 1.535
XYZ	7.585, 10.471, 10.853
xyY	0.262, 0.362, 10.471
CIE-LCH	38.675, 20.465, 175.697
CIE-LUV	38.675, -22.125, 4.791
Hunter-Lab	32.36, -14.791, 2.766
Binary	00110001, 01100100, 01011000

#316458
```
#316458 rgb(49,100,88)
```
#64313d
```
#64313d rgb(100,49,61)
```

Complementary Color

#31643f
```
#31643f rgb(49,100,63)
```
#316458
```
#316458 rgb(49,100,88)
```
#315764
```
#315764 rgb(49,87,100)
```

Analogous Color

#643f31
```
#643f31 rgb(100,63,49)
```
#316458
```
#316458 rgb(49,100,88)
```
#643157
```
#643157 rgb(100,49,87)
```

Split Complementary Color

#645831
```
#645831 rgb(100,88,49)
```
#316458
```
#316458 rgb(49,100,88)
```
#583164
```
#583164 rgb(88,49,100)
```

Triadic Color

#3d6431
```
#3d6431 rgb(61,100,49)
```
#316458
```
#316458 rgb(49,100,88)
```
#583164
```
#583164 rgb(88,49,100)
```
#64313d
```
#64313d rgb(100,49,61)
```

Tetradic Color

#18312b
```
#18312b rgb(24,49,43)
```
#20423a
```
#20423a rgb(32,66,58)
```
#295349
```
#295349 rgb(41,83,73)
```
#316458
```
#316458 rgb(49,100,88)
```
#397567
```
#397567 rgb(57,117,103)
```
#428676
```
#428676 rgb(66,134,118)
```
#4a9785
```
#4a9785 rgb(74,151,133)
```

Monochromatic Color

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

#31644b
```
#31644b rgb(49,100,75)
```
#316450
```
#316450 rgb(49,100,80)
```
#316454
```
#316454 rgb(49,100,84)
```
#316458
```
#316458 rgb(49,100,88)
```
#31645c
```
#31645c rgb(49,100,92)
```
#316461
```
#316461 rgb(49,100,97)
```
#316364
```
#316364 rgb(49,99,100)
```

Similar Colors

Text with hexadecimal color #316458

This text has a font color of #316458.

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

#316458 background color

This paragraph has a background color of #316458.

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

#316458 border color

This element has a border color of #316458.

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

CSS codes

.text {color:#316458;}

.background {background-color:#316458;}

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

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

#040807
```
#040807 rgb(4,8,7)
```
#0a1512
```
#0a1512 rgb(10,21,18)
```
#11221e
```
#11221e rgb(17,34,30)
```
#172f2a
```
#172f2a rgb(23,47,42)
```
#1e3d35
```
#1e3d35 rgb(30,61,53)
```
#244a41
```
#244a41 rgb(36,74,65)
```
#2b574c
```
#2b574c rgb(43,87,76)
```
#316458
```
#316458 rgb(49,100,88)
```
#377164
```
#377164 rgb(55,113,100)
```
#3e7e6f
```
#3e7e6f rgb(62,126,111)
```
#448b7b
```
#448b7b rgb(68,139,123)
```
#4b9986
```
#4b9986 rgb(75,153,134)
```
#51a692
```
#51a692 rgb(81,166,146)
```

Shade Color Variation

#5caf9b
```
#5caf9b rgb(92,175,155)
```
#69b5a3
```
#69b5a3 rgb(105,181,163)
```
#76bcab
```
#76bcab rgb(118,188,171)
```
#83c2b3
```
#83c2b3 rgb(131,194,179)
```
#90c9bc
```
#90c9bc rgb(144,201,188)
```
#9ecfc4
```
#9ecfc4 rgb(158,207,196)
```
#abd6cc
```
#abd6cc rgb(171,214,204)
```
#b8dcd4
```
#b8dcd4 rgb(184,220,212)
```
#c5e3dc
```
#c5e3dc rgb(197,227,220)
```
#d2e9e4
```
#d2e9e4 rgb(210,233,228)
```
#dfefec
```
#dfefec rgb(223,239,236)
```
#edf6f4
```
#edf6f4 rgb(237,246,244)
```
#fafcfc
```
#fafcfc rgb(250,252,252)
```

Tint Color Variation

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

#484d4c
```
#484d4c rgb(72,77,76)
```
#42534f
```
#42534f rgb(66,83,79)
```
#3c5952
```
#3c5952 rgb(60,89,82)
```
#375e55
```
#375e55 rgb(55,94,85)
```
#316458
```
#316458 rgb(49,100,88)
```
#2b6a5b
```
#2b6a5b rgb(43,106,91)
```
#266f5e
```
#266f5e rgb(38,111,94)
```
#207561
```
#207561 rgb(32,117,97)
```
#1a7b64
```
#1a7b64 rgb(26,123,100)
```
#148167
```
#148167 rgb(20,129,103)
```
#0f866a
```
#0f866a rgb(15,134,106)
```
#098c6d
```
#098c6d rgb(9,140,109)
```
#039270
```
#039270 rgb(3,146,112)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#4c5654 Atypical Achromatopsia 0.001% of the population

Dichromacy

#67635c Protanopia 1% of men
#6c6064 Deuteranopia 1% of men
#416971 Tritanopia 0.001% of the population

Trichromacy

#53635a Protanomaly 1% of men, 0.01% of women
#566160 Deuteranomaly 6% of men, 0.4% of women
#3b6768 Tritanomaly 0.01% of the population

#316458 hex color

#316458 Color Information

#316458 Color Conversion

Color Schemes with #316458

Alternatives to #316458

#316458 Preview

Shades and Tints of #316458

Tones of #316458

Color Blindness Simulator