#315b54 hex color

In a RGB color space, hex #315b54 is composed of 19.2% red, 35.7% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 46.2% cyan, 0% magenta, 7.7% yellow and 64.3% black. It has a hue angle of 170 degrees, a saturation of 30% and a lightness of 27.5%. #315b54 color hex could be obtained by blending #62b6a8 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 19
- G 36
- B 33
RGB color chart
- C 46
- M 0
- Y 8
- K 64
CMYK color chart

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

The hexadecimal color #315b54 has RGB values of R:49, G:91, B:84 and CMYK values of C:0.46, M:0, Y:0.08, K:0.64. Its decimal value is 3234644.

Hex triplet	315b54	`#315b54`
RGB Decimal	49, 91, 84	`rgb(49,91,84)`
RGB Percent	19.2, 35.7, 32.9	`rgb(19.2%,35.7%,32.9%)`
CMYK	46, 0, 8, 64
HSL	170°, 30, 27.5	`hsl(170,30%,27.5%)`
HSV (or HSB)	170°, 46.2, 35.7
Web Safe	336666	`#336666`

CIE-LAB	35.547, -16.596, -0.549
XYZ	6.607, 8.775, 9.733
xyY	0.263, 0.349, 8.775
CIE-LCH	35.547, 16.605, 181.896
CIE-LUV	35.547, -18.476, 1.549
Hunter-Lab	29.622, -12.023, 1.256
Binary	00110001, 01011011, 01010100

#315b54
```
#315b54 rgb(49,91,84)
```
#5b3138
```
#5b3138 rgb(91,49,56)
```

Complementary Color

#315b3f
```
#315b3f rgb(49,91,63)
```
#315b54
```
#315b54 rgb(49,91,84)
```
#314d5b
```
#314d5b rgb(49,77,91)
```

Analogous Color

#5b3f31
```
#5b3f31 rgb(91,63,49)
```
#315b54
```
#315b54 rgb(49,91,84)
```
#5b314d
```
#5b314d rgb(91,49,77)
```

Split Complementary Color

#5b5431
```
#5b5431 rgb(91,84,49)
```
#315b54
```
#315b54 rgb(49,91,84)
```
#54315b
```
#54315b rgb(84,49,91)
```

Triadic Color

#385b31
```
#385b31 rgb(56,91,49)
```
#315b54
```
#315b54 rgb(49,91,84)
```
#54315b
```
#54315b rgb(84,49,91)
```
#5b3138
```
#5b3138 rgb(91,49,56)
```

Tetradic Color

#162926
```
#162926 rgb(22,41,38)
```
#1f3a35
```
#1f3a35 rgb(31,58,53)
```
#284a45
```
#284a45 rgb(40,74,69)
```
#315b54
```
#315b54 rgb(49,91,84)
```
#3a6c63
```
#3a6c63 rgb(58,108,99)
```
#437c73
```
#437c73 rgb(67,124,115)
```
#4c8d82
```
#4c8d82 rgb(76,141,130)
```

Monochromatic Color

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

#315b4a
```
#315b4a rgb(49,91,74)
```
#315b4d
```
#315b4d rgb(49,91,77)
```
#315b51
```
#315b51 rgb(49,91,81)
```
#315b54
```
#315b54 rgb(49,91,84)
```
#315b58
```
#315b58 rgb(49,91,88)
```
#315b5b
```
#315b5b rgb(49,91,91)
```
#31585b
```
#31585b rgb(49,88,91)
```

Similar Colors

Text with hexadecimal color #315b54

This text has a font color of #315b54.

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

#315b54 background color

This paragraph has a background color of #315b54.

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

#315b54 border color

This element has a border color of #315b54.

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

CSS codes

.text {color:#315b54;}

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

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

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

#010202
```
#010202 rgb(1,2,2)
```
#080f0d
```
#080f0d rgb(8,15,13)
```
#0f1b19
```
#0f1b19 rgb(15,27,25)
```
#162825
```
#162825 rgb(22,40,37)
```
#1c3531
```
#1c3531 rgb(28,53,49)
```
#23423c
```
#23423c rgb(35,66,60)
```
#2a4e48
```
#2a4e48 rgb(42,78,72)
```
#315b54
```
#315b54 rgb(49,91,84)
```
#386860
```
#386860 rgb(56,104,96)
```
#3f756c
```
#3f756c rgb(63,117,108)
```
#468177
```
#468177 rgb(70,129,119)
```
#4c8e83
```
#4c8e83 rgb(76,142,131)
```
#539b8f
```
#539b8f rgb(83,155,143)
```

Shade Color Variation

#5ba79a
```
#5ba79a rgb(91,167,154)
```
#68aea2
```
#68aea2 rgb(104,174,162)
```
#75b4aa
```
#75b4aa rgb(117,180,170)
```
#81bbb2
```
#81bbb2 rgb(129,187,178)
```
#8ec2b9
```
#8ec2b9 rgb(142,194,185)
```
#9bc9c1
```
#9bc9c1 rgb(155,201,193)
```
#a8d0c9
```
#a8d0c9 rgb(168,208,201)
```
#b4d7d1
```
#b4d7d1 rgb(180,215,209)
```
#c1ded9
```
#c1ded9 rgb(193,222,217)
```
#cee4e1
```
#cee4e1 rgb(206,228,225)
```
#dbebe9
```
#dbebe9 rgb(219,235,233)
```
#e7f2f0
```
#e7f2f0 rgb(231,242,240)
```
#f4f9f8
```
#f4f9f8 rgb(244,249,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #414b49 is the less saturated color, while #018b74 is the most saturated one.

#414b49
```
#414b49 rgb(65,75,73)
```
#3c504d
```
#3c504d rgb(60,80,77)
```
#365650
```
#365650 rgb(54,86,80)
```
#315b54
```
#315b54 rgb(49,91,84)
```
#2c6058
```
#2c6058 rgb(44,96,88)
```
#26665b
```
#26665b rgb(38,102,91)
```
#216b5f
```
#216b5f rgb(33,107,95)
```
#1b7162
```
#1b7162 rgb(27,113,98)
```
#167666
```
#167666 rgb(22,118,102)
```
#117b6a
```
#117b6a rgb(17,123,106)
```
#0b816d
```
#0b816d rgb(11,129,109)
```
#068671
```
#068671 rgb(6,134,113)
```
#018b74
```
#018b74 rgb(1,139,116)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#48514f Atypical Achromatopsia 0.001% of the population

Dichromacy

#5e5c59 Protanopia 1% of men
#635960 Deuteranopia 1% of men
#3f6168 Tritanopia 0.001% of the population

Trichromacy

#4e5b57 Protanomaly 1% of men, 0.01% of women
#515a5b Deuteranomaly 6% of men, 0.4% of women
#3a5f61 Tritanomaly 0.01% of the population

#315b54 hex color

#315b54 Color Information

#315b54 Color Conversion

Color Schemes with #315b54

Alternatives to #315b54

#315b54 Preview

Shades and Tints of #315b54

Tones of #315b54

Color Blindness Simulator