#315e54 hex color

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

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

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

The hexadecimal color #315e54 has RGB values of R:49, G:94, B:84 and CMYK values of C:0.48, M:0, Y:0.11, K:0.63. Its decimal value is 3235412.

Hex triplet	315e54	`#315e54`
RGB Decimal	49, 94, 84	`rgb(49,94,84)`
RGB Percent	19.2, 36.9, 32.9	`rgb(19.2%,36.9%,32.9%)`
CMYK	48, 0, 11, 63
HSL	166.7°, 31.5, 28	`hsl(166.7,31.5%,28%)`
HSV (or HSB)	166.7°, 47.9, 36.9
Web Safe	336666	`#336666`

CIE-LAB	36.552, -18.248, 0.917
XYZ	6.869, 9.298, 9.82
xyY	0.264, 0.358, 9.298
CIE-LCH	36.552, 18.271, 177.124
CIE-LUV	36.552, -19.742, 3.647
Hunter-Lab	30.493, -13.152, 2.251
Binary	00110001, 01011110, 01010100

#315e54
```
#315e54 rgb(49,94,84)
```
#5e313b
```
#5e313b rgb(94,49,59)
```

Complementary Color

#315e3e
```
#315e3e rgb(49,94,62)
```
#315e54
```
#315e54 rgb(49,94,84)
```
#31525e
```
#31525e rgb(49,82,94)
```

Analogous Color

#5e3e31
```
#5e3e31 rgb(94,62,49)
```
#315e54
```
#315e54 rgb(49,94,84)
```
#5e3152
```
#5e3152 rgb(94,49,82)
```

Split Complementary Color

#5e5431
```
#5e5431 rgb(94,84,49)
```
#315e54
```
#315e54 rgb(49,94,84)
```
#54315e
```
#54315e rgb(84,49,94)
```

Triadic Color

#3b5e31
```
#3b5e31 rgb(59,94,49)
```
#315e54
```
#315e54 rgb(49,94,84)
```
#54315e
```
#54315e rgb(84,49,94)
```
#5e313b
```
#5e313b rgb(94,49,59)
```

Tetradic Color

#172c27
```
#172c27 rgb(23,44,39)
```
#203c36
```
#203c36 rgb(32,60,54)
```
#284d45
```
#284d45 rgb(40,77,69)
```
#315e54
```
#315e54 rgb(49,94,84)
```
#3a6f63
```
#3a6f63 rgb(58,111,99)
```
#428072
```
#428072 rgb(66,128,114)
```
#4b9081
```
#4b9081 rgb(75,144,129)
```

Monochromatic Color

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

#315e49
```
#315e49 rgb(49,94,73)
```
#315e4d
```
#315e4d rgb(49,94,77)
```
#315e50
```
#315e50 rgb(49,94,80)
```
#315e54
```
#315e54 rgb(49,94,84)
```
#315e58
```
#315e58 rgb(49,94,88)
```
#315e5c
```
#315e5c rgb(49,94,92)
```
#315d5e
```
#315d5e rgb(49,93,94)
```

Similar Colors

Text with hexadecimal color #315e54

This text has a font color of #315e54.

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

#315e54 background color

This paragraph has a background color of #315e54.

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

#315e54 border color

This element has a border color of #315e54.

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

CSS codes

.text {color:#315e54;}

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

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

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)
```
#09110f
```
#09110f rgb(9,17,15)
```
#0f1e1a
```
#0f1e1a rgb(15,30,26)
```
#162a26
```
#162a26 rgb(22,42,38)
```
#1d3731
```
#1d3731 rgb(29,55,49)
```
#24443d
```
#24443d rgb(36,68,61)
```
#2a5148
```
#2a5148 rgb(42,81,72)
```
#315e54
```
#315e54 rgb(49,94,84)
```
#386b60
```
#386b60 rgb(56,107,96)
```
#3e786b
```
#3e786b rgb(62,120,107)
```
#458577
```
#458577 rgb(69,133,119)
```
#4c9282
```
#4c9282 rgb(76,146,130)
```
#539e8e
```
#539e8e rgb(83,158,142)
```

Shade Color Variation

#5baa98
```
#5baa98 rgb(91,170,152)
```
#68b0a0
```
#68b0a0 rgb(104,176,160)
```
#75b7a8
```
#75b7a8 rgb(117,183,168)
```
#82beb0
```
#82beb0 rgb(130,190,176)
```
#8fc4b9
```
#8fc4b9 rgb(143,196,185)
```
#9ccbc1
```
#9ccbc1 rgb(156,203,193)
```
#a8d2c9
```
#a8d2c9 rgb(168,210,201)
```
#b5d9d1
```
#b5d9d1 rgb(181,217,209)
```
#c2dfd9
```
#c2dfd9 rgb(194,223,217)
```
#cfe6e1
```
#cfe6e1 rgb(207,230,225)
```
#dcede9
```
#dcede9 rgb(220,237,233)
```
#e9f4f1
```
#e9f4f1 rgb(233,244,241)
```
#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 #058a6c is the most saturated one.

#474848
```
#474848 rgb(71,72,72)
```
#424e4b
```
#424e4b rgb(66,78,75)
```
#3c534e
```
#3c534e rgb(60,83,78)
```
#375951
```
#375951 rgb(55,89,81)
```
#315e54
```
#315e54 rgb(49,94,84)
```
#2c6457
```
#2c6457 rgb(44,100,87)
```
#26695a
```
#26695a rgb(38,105,90)
```
#216f5d
```
#216f5d rgb(33,111,93)
```
#1b7460
```
#1b7460 rgb(27,116,96)
```
#167a63
```
#167a63 rgb(22,122,99)
```
#107f66
```
#107f66 rgb(16,127,102)
```
#0b8569
```
#0b8569 rgb(11,133,105)
```
#058a6c
```
#058a6c rgb(5,138,108)
```

Tone Color Variation

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

Dichromacy

#615e58 Protanopia 1% of men
#665c60 Deuteranopia 1% of men
#40646b Tritanopia 0.001% of the population

Trichromacy

#505e57 Protanomaly 1% of men, 0.01% of women
#535c5b Deuteranomaly 6% of men, 0.4% of women
#3b6162 Tritanomaly 0.01% of the population

#315e54 hex color

#315e54 Color Information

#315e54 Color Conversion

Color Schemes with #315e54

Alternatives to #315e54

#315e54 Preview

Shades and Tints of #315e54

Tones of #315e54

Color Blindness Simulator