#315e58 hex color

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

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

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

The hexadecimal color #315e58 has RGB values of R:49, G:94, B:88 and CMYK values of C:0.48, M:0, Y:0.06, K:0.63. Its decimal value is 3235416.

Hex triplet	315e58	`#315e58`
RGB Decimal	49, 94, 88	`rgb(49,94,88)`
RGB Percent	19.2, 36.9, 34.5	`rgb(19.2%,36.9%,34.5%)`
CMYK	48, 0, 6, 63
HSL	172°, 31.5, 28	`hsl(172,31.5%,28%)`
HSV (or HSB)	172°, 47.9, 36.9
Web Safe	336666	`#336666`

CIE-LAB	36.673, -17.154, -1.388
XYZ	7.03, 9.363, 10.669
xyY	0.26, 0.346, 9.363
CIE-LCH	36.673, 17.21, 184.625
CIE-LUV	36.673, -19.62, 0.554
Hunter-Lab	30.598, -12.535, 0.746
Binary	00110001, 01011110, 01011000

#315e58
```
#315e58 rgb(49,94,88)
```
#5e3137
```
#5e3137 rgb(94,49,55)
```

Complementary Color

#315e42
```
#315e42 rgb(49,94,66)
```
#315e58
```
#315e58 rgb(49,94,88)
```
#314e5e
```
#314e5e rgb(49,78,94)
```

Analogous Color

#5e4231
```
#5e4231 rgb(94,66,49)
```
#315e58
```
#315e58 rgb(49,94,88)
```
#5e314e
```
#5e314e rgb(94,49,78)
```

Split Complementary Color

#5e5831
```
#5e5831 rgb(94,88,49)
```
#315e58
```
#315e58 rgb(49,94,88)
```
#58315e
```
#58315e rgb(88,49,94)
```

Triadic Color

#375e31
```
#375e31 rgb(55,94,49)
```
#315e58
```
#315e58 rgb(49,94,88)
```
#58315e
```
#58315e rgb(88,49,94)
```
#5e3137
```
#5e3137 rgb(94,49,55)
```

Tetradic Color

#172c29
```
#172c29 rgb(23,44,41)
```
#203c39
```
#203c39 rgb(32,60,57)
```
#284d48
```
#284d48 rgb(40,77,72)
```
#315e58
```
#315e58 rgb(49,94,88)
```
#3a6f68
```
#3a6f68 rgb(58,111,104)
```
#428077
```
#428077 rgb(66,128,119)
```
#4b9087
```
#4b9087 rgb(75,144,135)
```

Monochromatic Color

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

#315e4d
```
#315e4d rgb(49,94,77)
```
#315e51
```
#315e51 rgb(49,94,81)
```
#315e54
```
#315e54 rgb(49,94,84)
```
#315e58
```
#315e58 rgb(49,94,88)
```
#315e5c
```
#315e5c rgb(49,94,92)
```
#315d5e
```
#315d5e rgb(49,93,94)
```
#31595e
```
#31595e rgb(49,89,94)
```

Similar Colors

Text with hexadecimal color #315e58

This text has a font color of #315e58.

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

#315e58 background color

This paragraph has a background color of #315e58.

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

#315e58 border color

This element has a border color of #315e58.

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

CSS codes

.text {color:#315e58;}

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

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

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)
```
#244440
```
#244440 rgb(36,68,64)
```
#2a514c
```
#2a514c rgb(42,81,76)
```
#315e58
```
#315e58 rgb(49,94,88)
```
#386b64
```
#386b64 rgb(56,107,100)
```
#3e7870
```
#3e7870 rgb(62,120,112)
```
#45857c
```
#45857c rgb(69,133,124)
```
#4c9288
```
#4c9288 rgb(76,146,136)
```
#539e94
```
#539e94 rgb(83,158,148)
```

Shade Color Variation

#5baa9f
```
#5baa9f rgb(91,170,159)
```
#68b0a7
```
#68b0a7 rgb(104,176,167)
```
#75b7ae
```
#75b7ae rgb(117,183,174)
```
#82beb6
```
#82beb6 rgb(130,190,182)
```
#8fc4bd
```
#8fc4bd rgb(143,196,189)
```
#9ccbc5
```
#9ccbc5 rgb(156,203,197)
```
#a8d2cc
```
#a8d2cc rgb(168,210,204)
```
#b5d9d4
```
#b5d9d4 rgb(181,217,212)
```
#c2dfdb
```
#c2dfdb rgb(194,223,219)
```
#cfe6e3
```
#cfe6e3 rgb(207,230,227)
```
#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 #058a78 is the most saturated one.

#474848
```
#474848 rgb(71,72,72)
```
#424e4c
```
#424e4c rgb(66,78,76)
```
#3c5350
```
#3c5350 rgb(60,83,80)
```
#375954
```
#375954 rgb(55,89,84)
```
#315e58
```
#315e58 rgb(49,94,88)
```
#2c645c
```
#2c645c rgb(44,100,92)
```
#266960
```
#266960 rgb(38,105,96)
```
#216f64
```
#216f64 rgb(33,111,100)
```
#1b7468
```
#1b7468 rgb(27,116,104)
```
#167a6c
```
#167a6c rgb(22,122,108)
```
#107f70
```
#107f70 rgb(16,127,112)
```
#0b8574
```
#0b8574 rgb(11,133,116)
```
#058a78
```
#058a78 rgb(5,138,120)
```

Tone Color Variation

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

#615e5c Protanopia 1% of men
#655c64 Deuteranopia 1% of men
#3f646b Tritanopia 0.001% of the population

Trichromacy

#4f5e5a Protanomaly 1% of men, 0.01% of women
#525d5f Deuteranomaly 6% of men, 0.4% of women
#3a6264 Tritanomaly 0.01% of the population

#315e58 hex color

#315e58 Color Information

#315e58 Color Conversion

Color Schemes with #315e58

Alternatives to #315e58

#315e58 Preview

Shades and Tints of #315e58

Tones of #315e58

Color Blindness Simulator