#315c62 hex color

In a RGB color space, hex #315c62 is composed of 19.2% red, 36.1% green and 38.4% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 6.1% magenta, 0% yellow and 61.6% black. It has a hue angle of 187.3 degrees, a saturation of 33.3% and a lightness of 28.8%. #315c62 color hex could be obtained by blending #62b8c4 with #000000. Closest websafe color is: #336666.

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

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

The hexadecimal color #315c62 has RGB values of R:49, G:92, B:98 and CMYK values of C:0.5, M:0.06, Y:0, K:0.62. Its decimal value is 3234914.

Hex triplet	315c62	`#315c62`
RGB Decimal	49, 92, 98	`rgb(49,92,98)`
RGB Percent	19.2, 36.1, 38.4	`rgb(19.2%,36.1%,38.4%)`
CMYK	50, 6, 0, 62
HSL	187.3°, 33.3, 28.8	`hsl(187.3,33.3%,28.8%)`
HSV (or HSB)	187.3°, 50, 38.4
Web Safe	336666	`#336666`

CIE-LAB	36.345, -13.111, -8.09
XYZ	7.298, 9.189, 12.944
xyY	0.248, 0.312, 9.189
CIE-LCH	36.345, 15.406, 211.675
CIE-LUV	36.345, -18.501, -8.878
Hunter-Lab	30.313, -10.074, -4.098
Binary	00110001, 01011100, 01100010

#315c62
```
#315c62 rgb(49,92,98)
```
#623731
```
#623731 rgb(98,55,49)
```

Complementary Color

#316250
```
#316250 rgb(49,98,80)
```
#315c62
```
#315c62 rgb(49,92,98)
```
#314462
```
#314462 rgb(49,68,98)
```

Analogous Color

#625031
```
#625031 rgb(98,80,49)
```
#315c62
```
#315c62 rgb(49,92,98)
```
#623144
```
#623144 rgb(98,49,68)
```

Split Complementary Color

#5c6231
```
#5c6231 rgb(92,98,49)
```
#315c62
```
#315c62 rgb(49,92,98)
```
#62315c
```
#62315c rgb(98,49,92)
```

Triadic Color

#316237
```
#316237 rgb(49,98,55)
```
#315c62
```
#315c62 rgb(49,92,98)
```
#62315c
```
#62315c rgb(98,49,92)
```
#623731
```
#623731 rgb(98,55,49)
```

Tetradic Color

#182c2f
```
#182c2f rgb(24,44,47)
```
#203c40
```
#203c40 rgb(32,60,64)
```
#294c51
```
#294c51 rgb(41,76,81)
```
#315c62
```
#315c62 rgb(49,92,98)
```
#3a6c73
```
#3a6c73 rgb(58,108,115)
```
#427c84
```
#427c84 rgb(66,124,132)
```
#4b8c95
```
#4b8c95 rgb(75,140,149)
```

Monochromatic Color

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

#31625c
```
#31625c rgb(49,98,92)
```
#316260
```
#316260 rgb(49,98,96)
```
#316062
```
#316062 rgb(49,96,98)
```
#315c62
```
#315c62 rgb(49,92,98)
```
#315862
```
#315862 rgb(49,88,98)
```
#315462
```
#315462 rgb(49,84,98)
```
#315062
```
#315062 rgb(49,80,98)
```

Similar Colors

Text with hexadecimal color #315c62

This text has a font color of #315c62.

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

#315c62 background color

This paragraph has a background color of #315c62.

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

#315c62 border color

This element has a border color of #315c62.

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

CSS codes

.text {color:#315c62;}

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

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

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

#030606
```
#030606 rgb(3,6,6)
```
#0a1214
```
#0a1214 rgb(10,18,20)
```
#101f21
```
#101f21 rgb(16,31,33)
```
#172b2e
```
#172b2e rgb(23,43,46)
```
#1d373b
```
#1d373b rgb(29,55,59)
```
#244348
```
#244348 rgb(36,67,72)
```
#2a5055
```
#2a5055 rgb(42,80,85)
```
#315c62
```
#315c62 rgb(49,92,98)
```
#38686f
```
#38686f rgb(56,104,111)
```
#3e757c
```
#3e757c rgb(62,117,124)
```
#458189
```
#458189 rgb(69,129,137)
```
#4b8d96
```
#4b8d96 rgb(75,141,150)
```
#5299a3
```
#5299a3 rgb(82,153,163)
```

Shade Color Variation

#5ba3ad
```
#5ba3ad rgb(91,163,173)
```
#69abb4
```
#69abb4 rgb(105,171,180)
```
#76b2ba
```
#76b2ba rgb(118,178,186)
```
#83b9c1
```
#83b9c1 rgb(131,185,193)
```
#90c1c7
```
#90c1c7 rgb(144,193,199)
```
#9dc8ce
```
#9dc8ce rgb(157,200,206)
```
#aacfd4
```
#aacfd4 rgb(170,207,212)
```
#b7d7db
```
#b7d7db rgb(183,215,219)
```
#c4dee2
```
#c4dee2 rgb(196,222,226)
```
#d1e5e8
```
#d1e5e8 rgb(209,229,232)
```
#deedef
```
#deedef rgb(222,237,239)
```
#ebf4f5
```
#ebf4f5 rgb(235,244,245)
```
#f8fbfc
```
#f8fbfc rgb(248,251,252)
```

Tint Color Variation

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

#484b4b
```
#484b4b rgb(72,75,75)
```
#424f51
```
#424f51 rgb(66,79,81)
```
#3c5357
```
#3c5357 rgb(60,83,87)
```
#37585c
```
#37585c rgb(55,88,92)
```
#315c62
```
#315c62 rgb(49,92,98)
```
#2b6068
```
#2b6068 rgb(43,96,104)
```
#26656d
```
#26656d rgb(38,101,109)
```
#206973
```
#206973 rgb(32,105,115)
```
#1a6d79
```
#1a6d79 rgb(26,109,121)
```
#15717e
```
#15717e rgb(21,113,126)
```
#0f7684
```
#0f7684 rgb(15,118,132)
```
#097a8a
```
#097a8a rgb(9,122,138)
```
#047e8f
```
#047e8f rgb(4,126,143)
```

Tone Color Variation

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

Dichromacy

#5d5d66 Protanopia 1% of men
#5f5c6d Deuteranopia 1% of men
#3c646b Tritanopia 0.001% of the population

Trichromacy

#4d5d64 Protanomaly 1% of men, 0.01% of women
#4e5c69 Deuteranomaly 6% of men, 0.4% of women
#386168 Tritanomaly 0.01% of the population

#315c62 hex color

#315c62 Color Information

#315c62 Color Conversion

Color Schemes with #315c62

Alternatives to #315c62

#315c62 Preview

Shades and Tints of #315c62

Tones of #315c62

Color Blindness Simulator