#315e59 hex color

In a RGB color space, hex #315e59 is composed of 19.2% red, 36.9% green and 34.9% blue. Whereas in a CMYK color space, it is composed of 47.9% cyan, 0% magenta, 5.3% yellow and 63.1% black. It has a hue angle of 173.3 degrees, a saturation of 31.5% and a lightness of 28%. #315e59 color hex could be obtained by blending #62bcb2 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 19
- G 37
- B 35
RGB color chart
- C 48
- M 0
- Y 5
- K 63
CMYK color chart

● #315e59 color description : Very dark desaturated cyan.

The hexadecimal color #315e59 has RGB values of R:49, G:94, B:89 and CMYK values of C:0.48, M:0, Y:0.05, K:0.63. Its decimal value is 3235417.

Hex triplet	315e59	`#315e59`
RGB Decimal	49, 94, 89	`rgb(49,94,89)`
RGB Percent	19.2, 36.9, 34.9	`rgb(19.2%,36.9%,34.9%)`
CMYK	48, 0, 5, 63
HSL	173.3°, 31.5, 28	`hsl(173.3,31.5%,28%)`
HSV (or HSB)	173.3°, 47.9, 36.9
Web Safe	336666	`#336666`

CIE-LAB	36.704, -16.875, -1.962
XYZ	7.072, 9.379, 10.888
xyY	0.259, 0.343, 9.379
CIE-LCH	36.704, 16.989, 186.633
CIE-LUV	36.704, -19.59, -0.23
Hunter-Lab	30.625, -12.376, 0.358
Binary	00110001, 01011110, 01011001

#315e59
```
#315e59 rgb(49,94,89)
```
#5e3136
```
#5e3136 rgb(94,49,54)
```

Complementary Color

#315e43
```
#315e43 rgb(49,94,67)
```
#315e59
```
#315e59 rgb(49,94,89)
```
#314d5e
```
#314d5e rgb(49,77,94)
```

Analogous Color

#5e4331
```
#5e4331 rgb(94,67,49)
```
#315e59
```
#315e59 rgb(49,94,89)
```
#5e314d
```
#5e314d rgb(94,49,77)
```

Split Complementary Color

#5e5931
```
#5e5931 rgb(94,89,49)
```
#315e59
```
#315e59 rgb(49,94,89)
```
#59315e
```
#59315e rgb(89,49,94)
```

Triadic Color

#365e31
```
#365e31 rgb(54,94,49)
```
#315e59
```
#315e59 rgb(49,94,89)
```
#59315e
```
#59315e rgb(89,49,94)
```
#5e3136
```
#5e3136 rgb(94,49,54)
```

Tetradic Color

#172c29
```
#172c29 rgb(23,44,41)
```
#203c39
```
#203c39 rgb(32,60,57)
```
#284d49
```
#284d49 rgb(40,77,73)
```
#315e59
```
#315e59 rgb(49,94,89)
```
#3a6f69
```
#3a6f69 rgb(58,111,105)
```
#428079
```
#428079 rgb(66,128,121)
```
#4b9089
```
#4b9089 rgb(75,144,137)
```

Monochromatic Color

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

#315e4e
```
#315e4e rgb(49,94,78)
```
#315e52
```
#315e52 rgb(49,94,82)
```
#315e55
```
#315e55 rgb(49,94,85)
```
#315e59
```
#315e59 rgb(49,94,89)
```
#315e5d
```
#315e5d rgb(49,94,93)
```
#315c5e
```
#315c5e rgb(49,92,94)
```
#31585e
```
#31585e rgb(49,88,94)
```

Similar Colors

Text with hexadecimal color #315e59

This text has a font color of #315e59.

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

#315e59 background color

This paragraph has a background color of #315e59.

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

#315e59 border color

This element has a border color of #315e59.

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

CSS codes

.text {color:#315e59;}

.background {background-color:#315e59;}

.border {border:1px solid #315e59;}

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

#020404
```
#020404 rgb(2,4,4)
```
#091110
```
#091110 rgb(9,17,16)
```
#0f1e1c
```
#0f1e1c rgb(15,30,28)
```
#162a28
```
#162a28 rgb(22,42,40)
```
#1d3734
```
#1d3734 rgb(29,55,52)
```
#244441
```
#244441 rgb(36,68,65)
```
#2a514d
```
#2a514d rgb(42,81,77)
```
#315e59
```
#315e59 rgb(49,94,89)
```
#386b65
```
#386b65 rgb(56,107,101)
```
#3e7871
```
#3e7871 rgb(62,120,113)
```
#45857e
```
#45857e rgb(69,133,126)
```
#4c928a
```
#4c928a rgb(76,146,138)
```
#539e96
```
#539e96 rgb(83,158,150)
```

Shade Color Variation

#5baaa1
```
#5baaa1 rgb(91,170,161)
```
#68b0a8
```
#68b0a8 rgb(104,176,168)
```
#75b7b0
```
#75b7b0 rgb(117,183,176)
```
#82beb7
```
#82beb7 rgb(130,190,183)
```
#8fc4be
```
#8fc4be rgb(143,196,190)
```
#9ccbc6
```
#9ccbc6 rgb(156,203,198)
```
#a8d2cd
```
#a8d2cd rgb(168,210,205)
```
#b5d9d5
```
#b5d9d5 rgb(181,217,213)
```
#c2dfdc
```
#c2dfdc rgb(194,223,220)
```
#cfe6e4
```
#cfe6e4 rgb(207,230,228)
```
#dcedeb
```
#dcedeb rgb(220,237,235)
```
#e9f4f2
```
#e9f4f2 rgb(233,244,242)
```
#f6fafa
```
#f6fafa rgb(246,250,250)
```

Tint Color Variation

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

#474848
```
#474848 rgb(71,72,72)
```
#424e4c
```
#424e4c rgb(66,78,76)
```
#3c5350
```
#3c5350 rgb(60,83,80)
```
#375955
```
#375955 rgb(55,89,85)
```
#315e59
```
#315e59 rgb(49,94,89)
```
#2c645d
```
#2c645d rgb(44,100,93)
```
#266962
```
#266962 rgb(38,105,98)
```
#216f66
```
#216f66 rgb(33,111,102)
```
#1b746a
```
#1b746a rgb(27,116,106)
```
#167a6e
```
#167a6e rgb(22,122,110)
```
#107f73
```
#107f73 rgb(16,127,115)
```
#0b8577
```
#0b8577 rgb(11,133,119)
```
#058a7b
```
#058a7b rgb(5,138,123)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#4a5352 Atypical Achromatopsia 0.001% of the population

Dichromacy

#615e5d Protanopia 1% of men
#655c65 Deuteranopia 1% of men
#3f646c Tritanopia 0.001% of the population

Trichromacy

#4f5e5b Protanomaly 1% of men, 0.01% of women
#525d60 Deuteranomaly 6% of men, 0.4% of women
#3a6265 Tritanomaly 0.01% of the population

#315e59 hex color

#315e59 Color Information

#315e59 Color Conversion

Color Schemes with #315e59

Alternatives to #315e59

#315e59 Preview

Shades and Tints of #315e59

Tones of #315e59

Color Blindness Simulator