#317b7a hex color

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

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

● #317b7a color description : Dark moderate cyan.

The hexadecimal color #317b7a has RGB values of R:49, G:123, B:122 and CMYK values of C:0.6, M:0, Y:0.01, K:0.52. Its decimal value is 3242874.

Hex triplet	317b7a	`#317b7a`
RGB Decimal	49, 123, 122	`rgb(49,123,122)`
RGB Percent	19.2, 48.2, 47.8	`rgb(19.2%,48.2%,47.8%)`
CMYK	60, 0, 1, 52
HSL	179.2°, 43, 33.7	`hsl(179.2,43%,33.7%)`
HSV (or HSB)	179.2°, 60.2, 48.2
Web Safe	336666	`#336666`

CIE-LAB	47.266, -22.834, -6.323
XYZ	11.861, 16.223, 20.918
xyY	0.242, 0.331, 16.223
CIE-LCH	47.266, 23.694, 195.478
CIE-LUV	47.266, -29.876, -5.613
Hunter-Lab	40.278, -17.92, -2.597
Binary	00110001, 01111011, 01111010

#317b7a
```
#317b7a rgb(49,123,122)
```
#7b3132
```
#7b3132 rgb(123,49,50)
```

Complementary Color

#317b55
```
#317b55 rgb(49,123,85)
```
#317b7a
```
#317b7a rgb(49,123,122)
```
#31577b
```
#31577b rgb(49,87,123)
```

Analogous Color

#7b5531
```
#7b5531 rgb(123,85,49)
```
#317b7a
```
#317b7a rgb(49,123,122)
```
#7b3157
```
#7b3157 rgb(123,49,87)
```

Split Complementary Color

#7b7a31
```
#7b7a31 rgb(123,122,49)
```
#317b7a
```
#317b7a rgb(49,123,122)
```
#7a317b
```
#7a317b rgb(122,49,123)
```

Triadic Color

#327b31
```
#327b31 rgb(50,123,49)
```
#317b7a
```
#317b7a rgb(49,123,122)
```
#7a317b
```
#7a317b rgb(122,49,123)
```
#7b3132
```
#7b3132 rgb(123,49,50)
```

Tetradic Color

#1b4444
```
#1b4444 rgb(27,68,68)
```
#225756
```
#225756 rgb(34,87,86)
```
#2a6968
```
#2a6968 rgb(42,105,104)
```
#317b7a
```
#317b7a rgb(49,123,122)
```
#388d8c
```
#388d8c rgb(56,141,140)
```
#409f9e
```
#409f9e rgb(64,159,158)
```
#47b2b0
```
#47b2b0 rgb(71,178,176)
```

Monochromatic Color

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

#317b68
```
#317b68 rgb(49,123,104)
```
#317b6e
```
#317b6e rgb(49,123,110)
```
#317b74
```
#317b74 rgb(49,123,116)
```
#317b7a
```
#317b7a rgb(49,123,122)
```
#31767b
```
#31767b rgb(49,118,123)
```
#31707b
```
#31707b rgb(49,112,123)
```
#316a7b
```
#316a7b rgb(49,106,123)
```

Similar Colors

Text with hexadecimal color #317b7a

This text has a font color of #317b7a.

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

#317b7a background color

This paragraph has a background color of #317b7a.

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

#317b7a border color

This element has a border color of #317b7a.

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

CSS codes

.text {color:#317b7a;}

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

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

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

#040b0b
```
#040b0b rgb(4,11,11)
```
#0a1919
```
#0a1919 rgb(10,25,25)
```
#0f2727
```
#0f2727 rgb(15,39,39)
```
#153534
```
#153534 rgb(21,53,52)
```
#1b4342
```
#1b4342 rgb(27,67,66)
```
#205150
```
#205150 rgb(32,81,80)
```
#265f5e
```
#265f5e rgb(38,95,94)
```
#2b6d6c
```
#2b6d6c rgb(43,109,108)
```
#317b7a
```
#317b7a rgb(49,123,122)
```
#378988
```
#378988 rgb(55,137,136)
```
#3c9796
```
#3c9796 rgb(60,151,150)
```
#42a5a4
```
#42a5a4 rgb(66,165,164)
```
#47b3b2
```
#47b3b2 rgb(71,179,178)
```

Shade Color Variation

#53bbb9
```
#53bbb9 rgb(83,187,185)
```
#61c0bf
```
#61c0bf rgb(97,192,191)
```
#6fc6c5
```
#6fc6c5 rgb(111,198,197)
```
#7ecbca
```
#7ecbca rgb(126,203,202)
```
#8cd1d0
```
#8cd1d0 rgb(140,209,208)
```
#9ad7d6
```
#9ad7d6 rgb(154,215,214)
```
#a8dcdb
```
#a8dcdb rgb(168,220,219)
```
#b6e2e1
```
#b6e2e1 rgb(182,226,225)
```
#c4e7e7
```
#c4e7e7 rgb(196,231,231)
```
#d2eded
```
#d2eded rgb(210,237,237)
```
#e0f3f2
```
#e0f3f2 rgb(224,243,242)
```
#eef8f8
```
#eef8f8 rgb(238,248,248)
```
#fcfefe
```
#fcfefe rgb(252,254,254)
```

Tint Color Variation

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

#525a5a
```
#525a5a rgb(82,90,90)
```
#4b6160
```
#4b6160 rgb(75,97,96)
```
#456767
```
#456767 rgb(69,103,103)
```
#3e6e6d
```
#3e6e6d rgb(62,110,109)
```
#387474
```
#387474 rgb(56,116,116)
```
#317b7a
```
#317b7a rgb(49,123,122)
```
#2a8280
```
#2a8280 rgb(42,130,128)
```
#248887
```
#248887 rgb(36,136,135)
```
#1d8f8d
```
#1d8f8d rgb(29,143,141)
```
#179594
```
#179594 rgb(23,149,148)
```
#109c9a
```
#109c9a rgb(16,156,154)
```
#09a3a1
```
#09a3a1 rgb(9,163,161)
```
#03a9a7
```
#03a9a7 rgb(3,169,167)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#5b6969 Atypical Achromatopsia 0.001% of the population

Dichromacy

#78767a Protanopia 1% of men
#7b7485 Deuteranopia 1% of men
#408089 Tritanopia 0.001% of the population

Trichromacy

#5e787a Protanomaly 1% of men, 0.01% of women
#607681 Deuteranomaly 6% of men, 0.4% of women
#3a7e84 Tritanomaly 0.01% of the population

#317b7a hex color

#317b7a Color Information

#317b7a Color Conversion

Color Schemes with #317b7a

Alternatives to #317b7a

#317b7a Preview

Shades and Tints of #317b7a

Tones of #317b7a

Color Blindness Simulator