#315d60 hex color

In a RGB color space, hex #315d60 is composed of 19.2% red, 36.5% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 49% cyan, 3.1% magenta, 0% yellow and 62.4% black. It has a hue angle of 183.8 degrees, a saturation of 32.4% and a lightness of 28.4%. #315d60 color hex could be obtained by blending #62bac0 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 19
- G 36
- B 38
RGB color chart
- C 49
- M 3
- Y 0
- K 62
CMYK color chart

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

The hexadecimal color #315d60 has RGB values of R:49, G:93, B:96 and CMYK values of C:0.49, M:0.03, Y:0, K:0.62. Its decimal value is 3235168.

Hex triplet	315d60	`#315d60`
RGB Decimal	49, 93, 96	`rgb(49,93,96)`
RGB Percent	19.2, 36.5, 37.6	`rgb(19.2%,36.5%,37.6%)`
CMYK	49, 3, 0, 62
HSL	183.8°, 32.4, 28.4	`hsl(183.8,32.4%,28.4%)`
HSV (or HSB)	183.8°, 49, 37.6
Web Safe	336666	`#336666`

CIE-LAB	36.604, -14.286, -6.458
XYZ	7.292, 9.326, 12.481
xyY	0.251, 0.32, 9.326
CIE-LCH	36.604, 15.678, 204.326
CIE-LUV	36.604, -18.967, -6.53
Hunter-Lab	30.538, -10.82, -2.856
Binary	00110001, 01011101, 01100000

#315d60
```
#315d60 rgb(49,93,96)
```
#603431
```
#603431 rgb(96,52,49)
```

Complementary Color

#31604c
```
#31604c rgb(49,96,76)
```
#315d60
```
#315d60 rgb(49,93,96)
```
#314660
```
#314660 rgb(49,70,96)
```

Analogous Color

#604c31
```
#604c31 rgb(96,76,49)
```
#315d60
```
#315d60 rgb(49,93,96)
```
#603146
```
#603146 rgb(96,49,70)
```

Split Complementary Color

#5d6031
```
#5d6031 rgb(93,96,49)
```
#315d60
```
#315d60 rgb(49,93,96)
```
#60315d
```
#60315d rgb(96,49,93)
```

Triadic Color

#316034
```
#316034 rgb(49,96,52)
```
#315d60
```
#315d60 rgb(49,93,96)
```
#60315d
```
#60315d rgb(96,49,93)
```
#603431
```
#603431 rgb(96,52,49)
```

Tetradic Color

#172c2d
```
#172c2d rgb(23,44,45)
```
#203c3e
```
#203c3e rgb(32,60,62)
```
#284d4f
```
#284d4f rgb(40,77,79)
```
#315d60
```
#315d60 rgb(49,93,96)
```
#3a6d71
```
#3a6d71 rgb(58,109,113)
```
#427e82
```
#427e82 rgb(66,126,130)
```
#4b8e93
```
#4b8e93 rgb(75,142,147)
```

Monochromatic Color

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

#316057
```
#316057 rgb(49,96,87)
```
#31605b
```
#31605b rgb(49,96,91)
```
#31605f
```
#31605f rgb(49,96,95)
```
#315d60
```
#315d60 rgb(49,93,96)
```
#315960
```
#315960 rgb(49,89,96)
```
#315560
```
#315560 rgb(49,85,96)
```
#315160
```
#315160 rgb(49,81,96)
```

Similar Colors

Text with hexadecimal color #315d60

This text has a font color of #315d60.

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

#315d60 background color

This paragraph has a background color of #315d60.

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

#315d60 border color

This element has a border color of #315d60.

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

CSS codes

.text {color:#315d60;}

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

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

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

#030505
```
#030505 rgb(3,5,5)
```
#091212
```
#091212 rgb(9,18,18)
```
#101e1f
```
#101e1f rgb(16,30,31)
```
#162b2c
```
#162b2c rgb(22,43,44)
```
#1d3739
```
#1d3739 rgb(29,55,57)
```
#244446
```
#244446 rgb(36,68,70)
```
#2a5053
```
#2a5053 rgb(42,80,83)
```
#315d60
```
#315d60 rgb(49,93,96)
```
#386a6d
```
#386a6d rgb(56,106,109)
```
#3e767a
```
#3e767a rgb(62,118,122)
```
#458387
```
#458387 rgb(69,131,135)
```
#4c8f94
```
#4c8f94 rgb(76,143,148)
```
#529ca1
```
#529ca1 rgb(82,156,161)
```

Shade Color Variation

#5ba6ab
```
#5ba6ab rgb(91,166,171)
```
#68adb2
```
#68adb2 rgb(104,173,178)
```
#75b4b9
```
#75b4b9 rgb(117,180,185)
```
#82bbbf
```
#82bbbf rgb(130,187,191)
```
#8fc2c6
```
#8fc2c6 rgb(143,194,198)
```
#9cc9cd
```
#9cc9cd rgb(156,201,205)
```
#a9d1d3
```
#a9d1d3 rgb(169,209,211)
```
#b6d8da
```
#b6d8da rgb(182,216,218)
```
#c3dfe0
```
#c3dfe0 rgb(195,223,224)
```
#d0e6e7
```
#d0e6e7 rgb(208,230,231)
```
#ddedee
```
#ddedee rgb(221,237,238)
```
#eaf4f4
```
#eaf4f4 rgb(234,244,244)
```
#f7fbfb
```
#f7fbfb rgb(247,251,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #474a4a is the less saturated color, while #04848d is the most saturated one.

#474a4a
```
#474a4a rgb(71,74,74)
```
#424e4f
```
#424e4f rgb(66,78,79)
```
#3c5355
```
#3c5355 rgb(60,83,85)
```
#37585a
```
#37585a rgb(55,88,90)
```
#315d60
```
#315d60 rgb(49,93,96)
```
#2b6266
```
#2b6266 rgb(43,98,102)
```
#26676b
```
#26676b rgb(38,103,107)
```
#206c71
```
#206c71 rgb(32,108,113)
```
#1b7076
```
#1b7076 rgb(27,112,118)
```
#15757c
```
#15757c rgb(21,117,124)
```
#107a81
```
#107a81 rgb(16,122,129)
```
#0a7f87
```
#0a7f87 rgb(10,127,135)
```
#04848d
```
#04848d rgb(4,132,141)
```

Tone Color Variation

Below, you can see how #315d60 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
#4a5353 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5e5e64 Protanopia 1% of men
#615c6b Deuteranopia 1% of men
#3d646c Tritanopia 0.001% of the population

Trichromacy

#4e5d62 Protanomaly 1% of men, 0.01% of women
#4f5c67 Deuteranomaly 6% of men, 0.4% of women
#386167 Tritanomaly 0.01% of the population

#315d60 hex color

#315d60 Color Information

#315d60 Color Conversion

Color Schemes with #315d60

Alternatives to #315d60

#315d60 Preview

Shades and Tints of #315d60

Tones of #315d60

Color Blindness Simulator