#315c61 hex color

In a RGB color space, hex #315c61 is composed of 19.2% red, 36.1% green and 38% blue. Whereas in a CMYK color space, it is composed of 49.5% cyan, 5.2% magenta, 0% yellow and 62% black. It has a hue angle of 186.3 degrees, a saturation of 32.9% and a lightness of 28.6%. #315c61 color hex could be obtained by blending #62b8c2 with #000000. Closest websafe color is: #336666.

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

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

The hexadecimal color #315c61 has RGB values of R:49, G:92, B:97 and CMYK values of C:0.49, M:0.05, Y:0, K:0.62. Its decimal value is 3234913.

Hex triplet	315c61	`#315c61`
RGB Decimal	49, 92, 97	`rgb(49,92,97)`
RGB Percent	19.2, 36.1, 38	`rgb(19.2%,36.1%,38%)`
CMYK	49, 5, 0, 62
HSL	186.3°, 32.9, 28.6	`hsl(186.3,32.9%,28.6%)`
HSV (or HSB)	186.3°, 49.5, 38
Web Safe	336666	`#336666`

CIE-LAB	36.309, -13.414, -7.521
XYZ	7.251, 9.17, 12.696
xyY	0.249, 0.315, 9.17
CIE-LCH	36.309, 15.378, 209.28
CIE-LUV	36.309, -18.529, -8.064
Hunter-Lab	30.282, -10.252, -3.662
Binary	00110001, 01011100, 01100001

#315c61
```
#315c61 rgb(49,92,97)
```
#613631
```
#613631 rgb(97,54,49)
```

Complementary Color

#31614e
```
#31614e rgb(49,97,78)
```
#315c61
```
#315c61 rgb(49,92,97)
```
#314461
```
#314461 rgb(49,68,97)
```

Analogous Color

#614e31
```
#614e31 rgb(97,78,49)
```
#315c61
```
#315c61 rgb(49,92,97)
```
#613144
```
#613144 rgb(97,49,68)
```

Split Complementary Color

#5c6131
```
#5c6131 rgb(92,97,49)
```
#315c61
```
#315c61 rgb(49,92,97)
```
#61315c
```
#61315c rgb(97,49,92)
```

Triadic Color

#316136
```
#316136 rgb(49,97,54)
```
#315c61
```
#315c61 rgb(49,92,97)
```
#61315c
```
#61315c rgb(97,49,92)
```
#613631
```
#613631 rgb(97,54,49)
```

Tetradic Color

#172c2e
```
#172c2e rgb(23,44,46)
```
#203c3f
```
#203c3f rgb(32,60,63)
```
#284c50
```
#284c50 rgb(40,76,80)
```
#315c61
```
#315c61 rgb(49,92,97)
```
#3a6c72
```
#3a6c72 rgb(58,108,114)
```
#427c83
```
#427c83 rgb(66,124,131)
```
#4b8c94
```
#4b8c94 rgb(75,140,148)
```

Monochromatic Color

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

#31615a
```
#31615a rgb(49,97,90)
```
#31615e
```
#31615e rgb(49,97,94)
```
#316061
```
#316061 rgb(49,96,97)
```
#315c61
```
#315c61 rgb(49,92,97)
```
#315861
```
#315861 rgb(49,88,97)
```
#315461
```
#315461 rgb(49,84,97)
```
#315061
```
#315061 rgb(49,80,97)
```

Similar Colors

Text with hexadecimal color #315c61

This text has a font color of #315c61.

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

#315c61 background color

This paragraph has a background color of #315c61.

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

#315c61 border color

This element has a border color of #315c61.

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

CSS codes

.text {color:#315c61;}

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

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

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

#030506
```
#030506 rgb(3,5,6)
```
#0a1213
```
#0a1213 rgb(10,18,19)
```
#101e20
```
#101e20 rgb(16,30,32)
```
#172b2d
```
#172b2d rgb(23,43,45)
```
#1d373a
```
#1d373a rgb(29,55,58)
```
#244347
```
#244347 rgb(36,67,71)
```
#2a5054
```
#2a5054 rgb(42,80,84)
```
#315c61
```
#315c61 rgb(49,92,97)
```
#38686e
```
#38686e rgb(56,104,110)
```
#3e757b
```
#3e757b rgb(62,117,123)
```
#458188
```
#458188 rgb(69,129,136)
```
#4b8d95
```
#4b8d95 rgb(75,141,149)
```
#529aa2
```
#529aa2 rgb(82,154,162)
```

Shade Color Variation

#5ba4ac
```
#5ba4ac rgb(91,164,172)
```
#68abb3
```
#68abb3 rgb(104,171,179)
```
#75b2ba
```
#75b2ba rgb(117,178,186)
```
#82bac0
```
#82bac0 rgb(130,186,192)
```
#8fc1c7
```
#8fc1c7 rgb(143,193,199)
```
#9dc8cd
```
#9dc8cd rgb(157,200,205)
```
#aacfd4
```
#aacfd4 rgb(170,207,212)
```
#b7d7da
```
#b7d7da rgb(183,215,218)
```
#c4dee1
```
#c4dee1 rgb(196,222,225)
```
#d1e5e8
```
#d1e5e8 rgb(209,229,232)
```
#deecee
```
#deecee rgb(222,236,238)
```
#ebf4f5
```
#ebf4f5 rgb(235,244,245)
```
#f8fbfb
```
#f8fbfb rgb(248,251,251)
```

Tint Color Variation

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

#474a4b
```
#474a4b rgb(71,74,75)
```
#424f50
```
#424f50 rgb(66,79,80)
```
#3c5356
```
#3c5356 rgb(60,83,86)
```
#37585b
```
#37585b rgb(55,88,91)
```
#315c61
```
#315c61 rgb(49,92,97)
```
#2b6067
```
#2b6067 rgb(43,96,103)
```
#26656c
```
#26656c rgb(38,101,108)
```
#206972
```
#206972 rgb(32,105,114)
```
#1b6e77
```
#1b6e77 rgb(27,110,119)
```
#15727d
```
#15727d rgb(21,114,125)
```
#0f7783
```
#0f7783 rgb(15,119,131)
```
#0a7b88
```
#0a7b88 rgb(10,123,136)
```
#04808e
```
#04808e rgb(4,128,142)
```

Tone Color Variation

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

Dichromacy

#5d5d65 Protanopia 1% of men
#5f5c6c Deuteranopia 1% of men
#3c646b Tritanopia 0.001% of the population

Trichromacy

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

#315c61 hex color

#315c61 Color Information

#315c61 Color Conversion

Color Schemes with #315c61

Alternatives to #315c61

#315c61 Preview

Shades and Tints of #315c61

Tones of #315c61

Color Blindness Simulator