#315e69 hex color

In a RGB color space, hex #315e69 is composed of 19.2% red, 36.9% green and 41.2% blue. Whereas in a CMYK color space, it is composed of 53.3% cyan, 10.5% magenta, 0% yellow and 58.8% black. It has a hue angle of 191.8 degrees, a saturation of 36.4% and a lightness of 30.2%. #315e69 color hex could be obtained by blending #62bcd2 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 19
- G 37
- B 41
RGB color chart
- C 53
- M 10
- Y 0
- K 59
CMYK color chart

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

The hexadecimal color #315e69 has RGB values of R:49, G:94, B:105 and CMYK values of C:0.53, M:0.1, Y:0, K:0.59. Its decimal value is 3235433.

Hex triplet	315e69	`#315e69`
RGB Decimal	49, 94, 105	`rgb(49,94,105)`
RGB Percent	19.2, 36.9, 41.2	`rgb(19.2%,36.9%,41.2%)`
CMYK	53, 10, 0, 59
HSL	191.8°, 36.4, 30.2	`hsl(191.8,36.4%,30.2%)`
HSV (or HSB)	191.8°, 53.3, 41.2
Web Safe	336666	`#336666`

CIE-LAB	37.258, -12.107, -11.055
XYZ	7.818, 9.678, 14.82
xyY	0.242, 0.299, 9.678
CIE-LCH	37.258, 16.395, 222.398
CIE-LUV	37.258, -19.106, -13.174
Hunter-Lab	31.109, -9.58, -6.468
Binary	00110001, 01011110, 01101001

#315e69
```
#315e69 rgb(49,94,105)
```
#693c31
```
#693c31 rgb(105,60,49)
```

Complementary Color

#316958
```
#316958 rgb(49,105,88)
```
#315e69
```
#315e69 rgb(49,94,105)
```
#314269
```
#314269 rgb(49,66,105)
```

Analogous Color

#695831
```
#695831 rgb(105,88,49)
```
#315e69
```
#315e69 rgb(49,94,105)
```
#693142
```
#693142 rgb(105,49,66)
```

Split Complementary Color

#5e6931
```
#5e6931 rgb(94,105,49)
```
#315e69
```
#315e69 rgb(49,94,105)
```
#69315e
```
#69315e rgb(105,49,94)
```

Triadic Color

#31693c
```
#31693c rgb(49,105,60)
```
#315e69
```
#315e69 rgb(49,94,105)
```
#69315e
```
#69315e rgb(105,49,94)
```
#693c31
```
#693c31 rgb(105,60,49)
```

Tetradic Color

#192f35
```
#192f35 rgb(25,47,53)
```
#213f46
```
#213f46 rgb(33,63,70)
```
#294e58
```
#294e58 rgb(41,78,88)
```
#315e69
```
#315e69 rgb(49,94,105)
```
#396e7a
```
#396e7a rgb(57,110,122)
```
#417d8c
```
#417d8c rgb(65,125,140)
```
#498d9d
```
#498d9d rgb(73,141,157)
```

Monochromatic Color

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

#316966
```
#316966 rgb(49,105,102)
```
#316769
```
#316769 rgb(49,103,105)
```
#316369
```
#316369 rgb(49,99,105)
```
#315e69
```
#315e69 rgb(49,94,105)
```
#315969
```
#315969 rgb(49,89,105)
```
#315569
```
#315569 rgb(49,85,105)
```
#315069
```
#315069 rgb(49,80,105)
```

Similar Colors

Text with hexadecimal color #315e69

This text has a font color of #315e69.

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

#315e69 background color

This paragraph has a background color of #315e69.

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

#315e69 border color

This element has a border color of #315e69.

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

CSS codes

.text {color:#315e69;}

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

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

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, #050a0b is the darkest color, while #fdfefe is the lightest one.

#050a0b
```
#050a0b rgb(5,10,11)
```
#0c1619
```
#0c1619 rgb(12,22,25)
```
#122226
```
#122226 rgb(18,34,38)
```
#182e34
```
#182e34 rgb(24,46,52)
```
#1e3a41
```
#1e3a41 rgb(30,58,65)
```
#25464e
```
#25464e rgb(37,70,78)
```
#2b525c
```
#2b525c rgb(43,82,92)
```
#315e69
```
#315e69 rgb(49,94,105)
```
#376a76
```
#376a76 rgb(55,106,118)
```
#3d7684
```
#3d7684 rgb(61,118,132)
```
#448291
```
#448291 rgb(68,130,145)
```
#4a8e9e
```
#4a8e9e rgb(74,142,158)
```
#509aac
```
#509aac rgb(80,154,172)
```

Shade Color Variation

#5da2b3
```
#5da2b3 rgb(93,162,179)
```
#6aaab9
```
#6aaab9 rgb(106,170,185)
```
#77b1c0
```
#77b1c0 rgb(119,177,192)
```
#85b9c6
```
#85b9c6 rgb(133,185,198)
```
#92c1cc
```
#92c1cc rgb(146,193,204)
```
#9fc8d2
```
#9fc8d2 rgb(159,200,210)
```
#add0d9
```
#add0d9 rgb(173,208,217)
```
#bad8df
```
#bad8df rgb(186,216,223)
```
#c8dfe5
```
#c8dfe5 rgb(200,223,229)
```
#d5e7eb
```
#d5e7eb rgb(213,231,235)
```
#e2eff2
```
#e2eff2 rgb(226,239,242)
```
#f0f6f8
```
#f0f6f8 rgb(240,246,248)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#495051
```
#495051 rgb(73,80,81)
```
#435357
```
#435357 rgb(67,83,87)
```
#3d575d
```
#3d575d rgb(61,87,93)
```
#375a63
```
#375a63 rgb(55,90,99)
```
#315e69
```
#315e69 rgb(49,94,105)
```
#2b626f
```
#2b626f rgb(43,98,111)
```
#256575
```
#256575 rgb(37,101,117)
```
#1f697b
```
#1f697b rgb(31,105,123)
```
#196c81
```
#196c81 rgb(25,108,129)
```
#137087
```
#137087 rgb(19,112,135)
```
#0d748d
```
#0d748d rgb(13,116,141)
```
#087792
```
#087792 rgb(8,119,146)
```
#027b98
```
#027b98 rgb(2,123,152)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#4b5457 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5e5f6c Protanopia 1% of men
#5f5e73 Deuteranopia 1% of men
#3a666e Tritanopia 0.001% of the population

Trichromacy

#4d5f6b Protanomaly 1% of men, 0.01% of women
#4e5e6f Deuteranomaly 6% of men, 0.4% of women
#37636c Tritanomaly 0.01% of the population

#315e69 hex color

#315e69 Color Information

#315e69 Color Conversion

Color Schemes with #315e69

Alternatives to #315e69

#315e69 Preview

Shades and Tints of #315e69

Tones of #315e69

Color Blindness Simulator