#317b6a hex color

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

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

● #317b6a color description : Dark moderate cyan.

The hexadecimal color #317b6a has RGB values of R:49, G:123, B:106 and CMYK values of C:0.6, M:0, Y:0.14, K:0.52. Its decimal value is 3242858.

Hex triplet	317b6a	`#317b6a`
RGB Decimal	49, 123, 106	`rgb(49,123,106)`
RGB Percent	19.2, 48.2, 41.6	`rgb(19.2%,48.2%,41.6%)`
CMYK	60, 0, 14, 52
HSL	166.2°, 43, 33.7	`hsl(166.2,43%,33.7%)`
HSV (or HSB)	166.2°, 60.2, 48.2
Web Safe	336666	`#336666`

CIE-LAB	46.788, -27.346, 2.455
XYZ	10.95, 15.859, 16.119
xyY	0.255, 0.369, 15.859
CIE-LCH	46.788, 27.456, 174.869
CIE-LUV	46.788, -30.689, 7.255
Hunter-Lab	39.823, -20.607, 3.878
Binary	00110001, 01111011, 01101010

#317b6a
```
#317b6a rgb(49,123,106)
```
#7b3142
```
#7b3142 rgb(123,49,66)
```

Complementary Color

#317b45
```
#317b45 rgb(49,123,69)
```
#317b6a
```
#317b6a rgb(49,123,106)
```
#31677b
```
#31677b rgb(49,103,123)
```

Analogous Color

#7b4531
```
#7b4531 rgb(123,69,49)
```
#317b6a
```
#317b6a rgb(49,123,106)
```
#7b3167
```
#7b3167 rgb(123,49,103)
```

Split Complementary Color

#7b6a31
```
#7b6a31 rgb(123,106,49)
```
#317b6a
```
#317b6a rgb(49,123,106)
```
#6a317b
```
#6a317b rgb(106,49,123)
```

Triadic Color

#427b31
```
#427b31 rgb(66,123,49)
```
#317b6a
```
#317b6a rgb(49,123,106)
```
#6a317b
```
#6a317b rgb(106,49,123)
```
#7b3142
```
#7b3142 rgb(123,49,66)
```

Tetradic Color

#1b443b
```
#1b443b rgb(27,68,59)
```
#22574b
```
#22574b rgb(34,87,75)
```
#2a695a
```
#2a695a rgb(42,105,90)
```
#317b6a
```
#317b6a rgb(49,123,106)
```
#388d7a
```
#388d7a rgb(56,141,122)
```
#409f89
```
#409f89 rgb(64,159,137)
```
#47b299
```
#47b299 rgb(71,178,153)
```

Monochromatic Color

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

#317b58
```
#317b58 rgb(49,123,88)
```
#317b5e
```
#317b5e rgb(49,123,94)
```
#317b64
```
#317b64 rgb(49,123,100)
```
#317b6a
```
#317b6a rgb(49,123,106)
```
#317b70
```
#317b70 rgb(49,123,112)
```
#317b76
```
#317b76 rgb(49,123,118)
```
#317a7b
```
#317a7b rgb(49,122,123)
```

Similar Colors

Text with hexadecimal color #317b6a

This text has a font color of #317b6a.

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

#317b6a background color

This paragraph has a background color of #317b6a.

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

#317b6a border color

This element has a border color of #317b6a.

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

CSS codes

.text {color:#317b6a;}

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

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

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)
```
#0a1915
```
#0a1915 rgb(10,25,21)
```
#0f2721
```
#0f2721 rgb(15,39,33)
```
#15352e
```
#15352e rgb(21,53,46)
```
#1b433a
```
#1b433a rgb(27,67,58)
```
#205146
```
#205146 rgb(32,81,70)
```
#265f52
```
#265f52 rgb(38,95,82)
```
#2b6d5e
```
#2b6d5e rgb(43,109,94)
```
#317b6a
```
#317b6a rgb(49,123,106)
```
#378976
```
#378976 rgb(55,137,118)
```
#3c9782
```
#3c9782 rgb(60,151,130)
```
#42a58e
```
#42a58e rgb(66,165,142)
```
#47b39a
```
#47b39a rgb(71,179,154)
```

Shade Color Variation

#53bba3
```
#53bba3 rgb(83,187,163)
```
#61c0aa
```
#61c0aa rgb(97,192,170)
```
#6fc6b2
```
#6fc6b2 rgb(111,198,178)
```
#7ecbba
```
#7ecbba rgb(126,203,186)
```
#8cd1c1
```
#8cd1c1 rgb(140,209,193)
```
#9ad7c9
```
#9ad7c9 rgb(154,215,201)
```
#a8dcd0
```
#a8dcd0 rgb(168,220,208)
```
#b6e2d8
```
#b6e2d8 rgb(182,226,216)
```
#c4e7df
```
#c4e7df rgb(196,231,223)
```
#d2ede7
```
#d2ede7 rgb(210,237,231)
```
#e0f3ee
```
#e0f3ee rgb(224,243,238)
```
#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 #03a983 is the most saturated one.

#525a58
```
#525a58 rgb(82,90,88)
```
#4b615c
```
#4b615c rgb(75,97,92)
```
#45675f
```
#45675f rgb(69,103,95)
```
#3e6e63
```
#3e6e63 rgb(62,110,99)
```
#387466
```
#387466 rgb(56,116,102)
```
#317b6a
```
#317b6a rgb(49,123,106)
```
#2a826e
```
#2a826e rgb(42,130,110)
```
#248871
```
#248871 rgb(36,136,113)
```
#1d8f75
```
#1d8f75 rgb(29,143,117)
```
#179578
```
#179578 rgb(23,149,120)
```
#109c7c
```
#109c7c rgb(16,156,124)
```
#09a37f
```
#09a37f rgb(9,163,127)
```
#03a983
```
#03a983 rgb(3,169,131)
```

Tone Color Variation

Below, you can see how #317b6a 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
#596864 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a756b Protanopia 1% of men
#807276 Deuteranopia 1% of men
#457e87 Tritanopia 0.001% of the population

Trichromacy

#60776b Protanomaly 1% of men, 0.01% of women
#637572 Deuteranomaly 6% of men, 0.4% of women
#3e7d7c Tritanomaly 0.01% of the population

#317b6a hex color

#317b6a Color Information

#317b6a Color Conversion

Color Schemes with #317b6a

Alternatives to #317b6a

#317b6a Preview

Shades and Tints of #317b6a

Tones of #317b6a

Color Blindness Simulator