#315a65 hex color

In a RGB color space, hex #315a65 is composed of 19.2% red, 35.3% green and 39.6% blue. Whereas in a CMYK color space, it is composed of 51.5% cyan, 10.9% magenta, 0% yellow and 60.4% black. It has a hue angle of 192.7 degrees, a saturation of 34.7% and a lightness of 29.4%. #315a65 color hex could be obtained by blending #62b4ca with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 19
- G 35
- B 40
RGB color chart
- C 51
- M 11
- Y 0
- K 60
CMYK color chart

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

The hexadecimal color #315a65 has RGB values of R:49, G:90, B:101 and CMYK values of C:0.51, M:0.11, Y:0, K:0.6. Its decimal value is 3234405.

Hex triplet	315a65	`#315a65`
RGB Decimal	49, 90, 101	`rgb(49,90,101)`
RGB Percent	19.2, 35.3, 39.6	`rgb(19.2%,35.3%,39.6%)`
CMYK	51, 11, 0, 60
HSL	192.7°, 34.7, 29.4	`hsl(192.7,34.7%,29.4%)`
HSV (or HSB)	192.7°, 51.5, 39.6
Web Safe	336666	`#336666`

CIE-LAB	35.8, -11.019, -10.779
XYZ	7.271, 8.904, 13.647
xyY	0.244, 0.299, 8.904
CIE-LCH	35.8, 15.415, 224.369
CIE-LUV	35.8, -17.61, -12.784
Hunter-Lab	29.84, -8.726, -6.227
Binary	00110001, 01011010, 01100101

#315a65
```
#315a65 rgb(49,90,101)
```
#653c31
```
#653c31 rgb(101,60,49)
```

Complementary Color

#316556
```
#316556 rgb(49,101,86)
```
#315a65
```
#315a65 rgb(49,90,101)
```
#314065
```
#314065 rgb(49,64,101)
```

Analogous Color

#655631
```
#655631 rgb(101,86,49)
```
#315a65
```
#315a65 rgb(49,90,101)
```
#653140
```
#653140 rgb(101,49,64)
```

Split Complementary Color

#5a6531
```
#5a6531 rgb(90,101,49)
```
#315a65
```
#315a65 rgb(49,90,101)
```
#65315a
```
#65315a rgb(101,49,90)
```

Triadic Color

#31653c
```
#31653c rgb(49,101,60)
```
#315a65
```
#315a65 rgb(49,90,101)
```
#65315a
```
#65315a rgb(101,49,90)
```
#653c31
```
#653c31 rgb(101,60,49)
```

Tetradic Color

#182c31
```
#182c31 rgb(24,44,49)
```
#203b43
```
#203b43 rgb(32,59,67)
```
#294b54
```
#294b54 rgb(41,75,84)
```
#315a65
```
#315a65 rgb(49,90,101)
```
#396976
```
#396976 rgb(57,105,118)
```
#427987
```
#427987 rgb(66,121,135)
```
#4a8899
```
#4a8899 rgb(74,136,153)
```

Monochromatic Color

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

#316563
```
#316563 rgb(49,101,99)
```
#316365
```
#316365 rgb(49,99,101)
```
#315e65
```
#315e65 rgb(49,94,101)
```
#315a65
```
#315a65 rgb(49,90,101)
```
#315665
```
#315665 rgb(49,86,101)
```
#315165
```
#315165 rgb(49,81,101)
```
#314d65
```
#314d65 rgb(49,77,101)
```

Similar Colors

Text with hexadecimal color #315a65

This text has a font color of #315a65.

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

#315a65 background color

This paragraph has a background color of #315a65.

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

#315a65 border color

This element has a border color of #315a65.

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

CSS codes

.text {color:#315a65;}

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

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

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

#040809
```
#040809 rgb(4,8,9)
```
#0b1316
```
#0b1316 rgb(11,19,22)
```
#111f23
```
#111f23 rgb(17,31,35)
```
#172b30
```
#172b30 rgb(23,43,48)
```
#1e373d
```
#1e373d rgb(30,55,61)
```
#24424b
```
#24424b rgb(36,66,75)
```
#2b4e58
```
#2b4e58 rgb(43,78,88)
```
#315a65
```
#315a65 rgb(49,90,101)
```
#376672
```
#376672 rgb(55,102,114)
```
#3e727f
```
#3e727f rgb(62,114,127)
```
#447d8d
```
#447d8d rgb(68,125,141)
```
#4b899a
```
#4b899a rgb(75,137,154)
```
#5195a7
```
#5195a7 rgb(81,149,167)
```

Shade Color Variation

#5c9eb0
```
#5c9eb0 rgb(92,158,176)
```
#69a6b6
```
#69a6b6 rgb(105,166,182)
```
#76aebd
```
#76aebd rgb(118,174,189)
```
#83b6c3
```
#83b6c3 rgb(131,182,195)
```
#91bdc9
```
#91bdc9 rgb(145,189,201)
```
#9ec5d0
```
#9ec5d0 rgb(158,197,208)
```
#abcdd6
```
#abcdd6 rgb(171,205,214)
```
#b8d5dd
```
#b8d5dd rgb(184,213,221)
```
#c6dde3
```
#c6dde3 rgb(198,221,227)
```
#d3e5ea
```
#d3e5ea rgb(211,229,234)
```
#e0edf0
```
#e0edf0 rgb(224,237,240)
```
#edf4f6
```
#edf4f6 rgb(237,244,246)
```
#fafcfd
```
#fafcfd rgb(250,252,253)
```

Tint Color Variation

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

#484d4e
```
#484d4e rgb(72,77,78)
```
#425054
```
#425054 rgb(66,80,84)
```
#3d5359
```
#3d5359 rgb(61,83,89)
```
#37575f
```
#37575f rgb(55,87,95)
```
#315a65
```
#315a65 rgb(49,90,101)
```
#2b5d6b
```
#2b5d6b rgb(43,93,107)
```
#256171
```
#256171 rgb(37,97,113)
```
#206476
```
#206476 rgb(32,100,118)
```
#1a677c
```
#1a677c rgb(26,103,124)
```
#146b82
```
#146b82 rgb(20,107,130)
```
#0e6e88
```
#0e6e88 rgb(14,110,136)
```
#09718d
```
#09718d rgb(9,113,141)
```
#037593
```
#037593 rgb(3,117,147)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#495153 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5a5c69 Protanopia 1% of men
#5b5b6f Deuteranopia 1% of men
#3a636a Tritanopia 0.001% of the population

Trichromacy

#4b5b67 Protanomaly 1% of men, 0.01% of women
#4c5a6b Deuteranomaly 6% of men, 0.4% of women
#375f68 Tritanomaly 0.01% of the population

#315a65 hex color

#315a65 Color Information

#315a65 Color Conversion

Color Schemes with #315a65

Alternatives to #315a65

#315a65 Preview

Shades and Tints of #315a65

Tones of #315a65

Color Blindness Simulator