#315e51 hex color

In a RGB color space, hex #315e51 is composed of 19.2% red, 36.9% green and 31.8% blue. Whereas in a CMYK color space, it is composed of 47.9% cyan, 0% magenta, 13.8% yellow and 63.1% black. It has a hue angle of 162.7 degrees, a saturation of 31.5% and a lightness of 28%. #315e51 color hex could be obtained by blending #62bca2 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 19
- G 37
- B 32
RGB color chart
- C 48
- M 0
- Y 14
- K 63
CMYK color chart

● #315e51 color description : Very dark desaturated cyan - lime green.

The hexadecimal color #315e51 has RGB values of R:49, G:94, B:81 and CMYK values of C:0.48, M:0, Y:0.14, K:0.63. Its decimal value is 3235409.

Hex triplet	315e51	`#315e51`
RGB Decimal	49, 94, 81	`rgb(49,94,81)`
RGB Percent	19.2, 36.9, 31.8	`rgb(19.2%,36.9%,31.8%)`
CMYK	48, 0, 14, 63
HSL	162.7°, 31.5, 28	`hsl(162.7,31.5%,28%)`
HSV (or HSB)	162.7°, 47.9, 36.9
Web Safe	336666	`#336666`

CIE-LAB	36.465, -19.043, 2.651
XYZ	6.754, 9.252, 9.214
xyY	0.268, 0.367, 9.252
CIE-LCH	36.465, 19.227, 172.076
CIE-LUV	36.465, -19.832, 5.922
Hunter-Lab	30.417, -13.594, 3.332
Binary	00110001, 01011110, 01010001

#315e51
```
#315e51 rgb(49,94,81)
```
#5e313e
```
#5e313e rgb(94,49,62)
```

Complementary Color

#315e3b
```
#315e3b rgb(49,94,59)
```
#315e51
```
#315e51 rgb(49,94,81)
```
#31555e
```
#31555e rgb(49,85,94)
```

Analogous Color

#5e3b31
```
#5e3b31 rgb(94,59,49)
```
#315e51
```
#315e51 rgb(49,94,81)
```
#5e3155
```
#5e3155 rgb(94,49,85)
```

Split Complementary Color

#5e5131
```
#5e5131 rgb(94,81,49)
```
#315e51
```
#315e51 rgb(49,94,81)
```
#51315e
```
#51315e rgb(81,49,94)
```

Triadic Color

#3e5e31
```
#3e5e31 rgb(62,94,49)
```
#315e51
```
#315e51 rgb(49,94,81)
```
#51315e
```
#51315e rgb(81,49,94)
```
#5e313e
```
#5e313e rgb(94,49,62)
```

Tetradic Color

#172c26
```
#172c26 rgb(23,44,38)
```
#203c34
```
#203c34 rgb(32,60,52)
```
#284d43
```
#284d43 rgb(40,77,67)
```
#315e51
```
#315e51 rgb(49,94,81)
```
#3a6f5f
```
#3a6f5f rgb(58,111,95)
```
#42806e
```
#42806e rgb(66,128,110)
```
#4b907c
```
#4b907c rgb(75,144,124)
```

Monochromatic Color

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

#315e46
```
#315e46 rgb(49,94,70)
```
#315e4a
```
#315e4a rgb(49,94,74)
```
#315e4d
```
#315e4d rgb(49,94,77)
```
#315e51
```
#315e51 rgb(49,94,81)
```
#315e55
```
#315e55 rgb(49,94,85)
```
#315e59
```
#315e59 rgb(49,94,89)
```
#315e5c
```
#315e5c rgb(49,94,92)
```

Similar Colors

Text with hexadecimal color #315e51

This text has a font color of #315e51.

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

#315e51 background color

This paragraph has a background color of #315e51.

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

#315e51 border color

This element has a border color of #315e51.

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

CSS codes

.text {color:#315e51;}

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

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

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

#020403
```
#020403 rgb(2,4,3)
```
#09110e
```
#09110e rgb(9,17,14)
```
#0f1e19
```
#0f1e19 rgb(15,30,25)
```
#162a25
```
#162a25 rgb(22,42,37)
```
#1d3730
```
#1d3730 rgb(29,55,48)
```
#24443b
```
#24443b rgb(36,68,59)
```
#2a5146
```
#2a5146 rgb(42,81,70)
```
#315e51
```
#315e51 rgb(49,94,81)
```
#386b5c
```
#386b5c rgb(56,107,92)
```
#3e7867
```
#3e7867 rgb(62,120,103)
```
#458572
```
#458572 rgb(69,133,114)
```
#4c927d
```
#4c927d rgb(76,146,125)
```
#539e89
```
#539e89 rgb(83,158,137)
```

Shade Color Variation

#5baa93
```
#5baa93 rgb(91,170,147)
```
#68b09b
```
#68b09b rgb(104,176,155)
```
#75b7a4
```
#75b7a4 rgb(117,183,164)
```
#82beac
```
#82beac rgb(130,190,172)
```
#8fc4b5
```
#8fc4b5 rgb(143,196,181)
```
#9ccbbd
```
#9ccbbd rgb(156,203,189)
```
#a8d2c6
```
#a8d2c6 rgb(168,210,198)
```
#b5d9ce
```
#b5d9ce rgb(181,217,206)
```
#c2dfd7
```
#c2dfd7 rgb(194,223,215)
```
#cfe6df
```
#cfe6df rgb(207,230,223)
```
#dcede8
```
#dcede8 rgb(220,237,232)
```
#e9f4f0
```
#e9f4f0 rgb(233,244,240)
```
#f6faf9
```
#f6faf9 rgb(246,250,249)
```

Tint Color Variation

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

#474848
```
#474848 rgb(71,72,72)
```
#424e4a
```
#424e4a rgb(66,78,74)
```
#3c534c
```
#3c534c rgb(60,83,76)
```
#37594f
```
#37594f rgb(55,89,79)
```
#315e51
```
#315e51 rgb(49,94,81)
```
#2c6453
```
#2c6453 rgb(44,100,83)
```
#266956
```
#266956 rgb(38,105,86)
```
#216f58
```
#216f58 rgb(33,111,88)
```
#1b745a
```
#1b745a rgb(27,116,90)
```
#167a5d
```
#167a5d rgb(22,122,93)
```
#107f5f
```
#107f5f rgb(16,127,95)
```
#0b8561
```
#0b8561 rgb(11,133,97)
```
#058a64
```
#058a64 rgb(5,138,100)
```

Tone Color Variation

Below, you can see how #315e51 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
#49524f Atypical Achromatopsia 0.001% of the population

Dichromacy

#625e56 Protanopia 1% of men
#675b5d Deuteranopia 1% of men
#41636b Tritanopia 0.001% of the population

Trichromacy

#505e54 Protanomaly 1% of men, 0.01% of women
#535c59 Deuteranomaly 6% of men, 0.4% of women
#3b6161 Tritanomaly 0.01% of the population

#315e51 hex color

#315e51 Color Information

#315e51 Color Conversion

Color Schemes with #315e51

Alternatives to #315e51

#315e51 Preview

Shades and Tints of #315e51

Tones of #315e51

Color Blindness Simulator