#317b6c hex color

In a RGB color space, hex #317b6c is composed of 19.2% red, 48.2% green and 42.4% blue. Whereas in a CMYK color space, it is composed of 60.2% cyan, 0% magenta, 12.2% yellow and 51.8% black. It has a hue angle of 167.8 degrees, a saturation of 43% and a lightness of 33.7%. #317b6c color hex could be obtained by blending #62f6d8 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 19
- G 48
- B 42
RGB color chart
- C 60
- M 0
- Y 12
- K 52
CMYK color chart

● #317b6c color description : Dark moderate cyan.

The hexadecimal color #317b6c has RGB values of R:49, G:123, B:108 and CMYK values of C:0.6, M:0, Y:0.12, K:0.52. Its decimal value is 3242860.

Hex triplet	317b6c	`#317b6c`
RGB Decimal	49, 123, 108	`rgb(49,123,108)`
RGB Percent	19.2, 48.2, 42.4	`rgb(19.2%,48.2%,42.4%)`
CMYK	60, 0, 12, 52
HSL	167.8°, 43, 33.7	`hsl(167.8,43%,33.7%)`
HSV (or HSB)	167.8°, 60.2, 48.2
Web Safe	336666	`#336666`

CIE-LAB	46.844, -26.808, 1.352
XYZ	11.055, 15.901, 16.673
xyY	0.253, 0.364, 15.901
CIE-LCH	46.844, 26.842, 177.113
CIE-LUV	46.844, -30.588, 5.691
Hunter-Lab	39.876, -20.294, 3.122
Binary	00110001, 01111011, 01101100

#317b6c
```
#317b6c rgb(49,123,108)
```
#7b3140
```
#7b3140 rgb(123,49,64)
```

Complementary Color

#317b47
```
#317b47 rgb(49,123,71)
```
#317b6c
```
#317b6c rgb(49,123,108)
```
#31657b
```
#31657b rgb(49,101,123)
```

Analogous Color

#7b4731
```
#7b4731 rgb(123,71,49)
```
#317b6c
```
#317b6c rgb(49,123,108)
```
#7b3165
```
#7b3165 rgb(123,49,101)
```

Split Complementary Color

#7b6c31
```
#7b6c31 rgb(123,108,49)
```
#317b6c
```
#317b6c rgb(49,123,108)
```
#6c317b
```
#6c317b rgb(108,49,123)
```

Triadic Color

#407b31
```
#407b31 rgb(64,123,49)
```
#317b6c
```
#317b6c rgb(49,123,108)
```
#6c317b
```
#6c317b rgb(108,49,123)
```
#7b3140
```
#7b3140 rgb(123,49,64)
```

Tetradic Color

#1b443c
```
#1b443c rgb(27,68,60)
```
#22574c
```
#22574c rgb(34,87,76)
```
#2a695c
```
#2a695c rgb(42,105,92)
```
#317b6c
```
#317b6c rgb(49,123,108)
```
#388d7c
```
#388d7c rgb(56,141,124)
```
#409f8c
```
#409f8c rgb(64,159,140)
```
#47b29c
```
#47b29c rgb(71,178,156)
```

Monochromatic Color

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

#317b5a
```
#317b5a rgb(49,123,90)
```
#317b60
```
#317b60 rgb(49,123,96)
```
#317b66
```
#317b66 rgb(49,123,102)
```
#317b6c
```
#317b6c rgb(49,123,108)
```
#317b72
```
#317b72 rgb(49,123,114)
```
#317b78
```
#317b78 rgb(49,123,120)
```
#31787b
```
#31787b rgb(49,120,123)
```

Similar Colors

Text with hexadecimal color #317b6c

This text has a font color of #317b6c.

<span style="color:#317b6c;">Text here</span>

#317b6c background color

This paragraph has a background color of #317b6c.

<p style="background-color:#317b6c;">Content here</p>

#317b6c border color

This element has a border color of #317b6c.

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

CSS codes

.text {color:#317b6c;}

.background {background-color:#317b6c;}

.border {border:1px solid #317b6c;}

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, #040b09 is the darkest color, while #fcfefd is the lightest one.

#040b09
```
#040b09 rgb(4,11,9)
```
#0a1916
```
#0a1916 rgb(10,25,22)
```
#0f2722
```
#0f2722 rgb(15,39,34)
```
#15352e
```
#15352e rgb(21,53,46)
```
#1b433b
```
#1b433b rgb(27,67,59)
```
#205147
```
#205147 rgb(32,81,71)
```
#265f53
```
#265f53 rgb(38,95,83)
```
#2b6d60
```
#2b6d60 rgb(43,109,96)
```
#317b6c
```
#317b6c rgb(49,123,108)
```
#378978
```
#378978 rgb(55,137,120)
```
#3c9785
```
#3c9785 rgb(60,151,133)
```
#42a591
```
#42a591 rgb(66,165,145)
```
#47b39d
```
#47b39d rgb(71,179,157)
```

Shade Color Variation

#53bba6
```
#53bba6 rgb(83,187,166)
```
#61c0ad
```
#61c0ad rgb(97,192,173)
```
#6fc6b4
```
#6fc6b4 rgb(111,198,180)
```
#7ecbbc
```
#7ecbbc rgb(126,203,188)
```
#8cd1c3
```
#8cd1c3 rgb(140,209,195)
```
#9ad7ca
```
#9ad7ca rgb(154,215,202)
```
#a8dcd2
```
#a8dcd2 rgb(168,220,210)
```
#b6e2d9
```
#b6e2d9 rgb(182,226,217)
```
#c4e7e0
```
#c4e7e0 rgb(196,231,224)
```
#d2ede7
```
#d2ede7 rgb(210,237,231)
```
#e0f3ef
```
#e0f3ef rgb(224,243,239)
```
#eef8f6
```
#eef8f6 rgb(238,248,246)
```
#fcfefd
```
#fcfefd rgb(252,254,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #525a58 is the less saturated color, while #03a988 is the most saturated one.

#525a58
```
#525a58 rgb(82,90,88)
```
#4b615c
```
#4b615c rgb(75,97,92)
```
#456760
```
#456760 rgb(69,103,96)
```
#3e6e64
```
#3e6e64 rgb(62,110,100)
```
#387468
```
#387468 rgb(56,116,104)
```
#317b6c
```
#317b6c rgb(49,123,108)
```
#2a8270
```
#2a8270 rgb(42,130,112)
```
#248874
```
#248874 rgb(36,136,116)
```
#1d8f78
```
#1d8f78 rgb(29,143,120)
```
#17957c
```
#17957c rgb(23,149,124)
```
#109c80
```
#109c80 rgb(16,156,128)
```
#09a384
```
#09a384 rgb(9,163,132)
```
#03a988
```
#03a988 rgb(3,169,136)
```

Tone Color Variation

Below, you can see how #317b6c 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

#636363 Achromatopsia 0.005% of the population
#596865 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a766d Protanopia 1% of men
#807378 Deuteranopia 1% of men
#447e88 Tritanopia 0.001% of the population

Trichromacy

#5f776d Protanomaly 1% of men, 0.01% of women
#637574 Deuteranomaly 6% of men, 0.4% of women
#3d7d7d Tritanomaly 0.01% of the population

#317b6c hex color

#317b6c Color Information

#317b6c Color Conversion

Color Schemes with #317b6c

Alternatives to #317b6c

#317b6c Preview

Shades and Tints of #317b6c

Tones of #317b6c

Color Blindness Simulator