#317d7e hex color

In a RGB color space, hex #317d7e is composed of 19.2% red, 49% green and 49.4% blue. Whereas in a CMYK color space, it is composed of 61.1% cyan, 0.8% magenta, 0% yellow and 50.6% black. It has a hue angle of 180.8 degrees, a saturation of 44% and a lightness of 34.3%. #317d7e color hex could be obtained by blending #62fafc with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 19
- G 49
- B 49
RGB color chart
- C 61
- M 1
- Y 0
- K 51
CMYK color chart

● #317d7e color description : Dark moderate cyan.

The hexadecimal color #317d7e has RGB values of R:49, G:125, B:126 and CMYK values of C:0.61, M:0.01, Y:0, K:0.51. Its decimal value is 3243390.

Hex triplet	317d7e	`#317d7e`
RGB Decimal	49, 125, 126	`rgb(49,125,126)`
RGB Percent	19.2, 49, 49.4	`rgb(19.2%,49%,49.4%)`
CMYK	61, 1, 0, 51
HSL	180.8°, 44, 34.3	`hsl(180.8,44%,34.3%)`
HSV (or HSB)	180.8°, 61.1, 49.4
Web Safe	336666	`#336666`

CIE-LAB	48.039, -22.682, -7.536
XYZ	12.365, 16.826, 22.334
xyY	0.24, 0.327, 16.826
CIE-LCH	48.039, 23.901, 198.38
CIE-LUV	48.039, -30.446, -7.417
Hunter-Lab	41.019, -17.975, -3.568
Binary	00110001, 01111101, 01111110

#317d7e
```
#317d7e rgb(49,125,126)
```
#7e3231
```
#7e3231 rgb(126,50,49)
```

Complementary Color

#317e58
```
#317e58 rgb(49,126,88)
```
#317d7e
```
#317d7e rgb(49,125,126)
```
#31577e
```
#31577e rgb(49,87,126)
```

Analogous Color

#7e5831
```
#7e5831 rgb(126,88,49)
```
#317d7e
```
#317d7e rgb(49,125,126)
```
#7e3157
```
#7e3157 rgb(126,49,87)
```

Split Complementary Color

#7d7e31
```
#7d7e31 rgb(125,126,49)
```
#317d7e
```
#317d7e rgb(49,125,126)
```
#7e317d
```
#7e317d rgb(126,49,125)
```

Triadic Color

#317e32
```
#317e32 rgb(49,126,50)
```
#317d7e
```
#317d7e rgb(49,125,126)
```
#7e317d
```
#7e317d rgb(126,49,125)
```
#7e3231
```
#7e3231 rgb(126,50,49)
```

Tetradic Color

#1c4647
```
#1c4647 rgb(28,70,71)
```
#235959
```
#235959 rgb(35,89,89)
```
#2a6b6c
```
#2a6b6c rgb(42,107,108)
```
#317d7e
```
#317d7e rgb(49,125,126)
```
#388f90
```
#388f90 rgb(56,143,144)
```
#3fa1a3
```
#3fa1a3 rgb(63,161,163)
```
#46b4b5
```
#46b4b5 rgb(70,180,181)
```

Monochromatic Color

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

#317e6c
```
#317e6c rgb(49,126,108)
```
#317e72
```
#317e72 rgb(49,126,114)
```
#317e79
```
#317e79 rgb(49,126,121)
```
#317d7e
```
#317d7e rgb(49,125,126)
```
#31777e
```
#31777e rgb(49,119,126)
```
#31707e
```
#31707e rgb(49,112,126)
```
#316a7e
```
#316a7e rgb(49,106,126)
```

Similar Colors

Text with hexadecimal color #317d7e

This text has a font color of #317d7e.

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

#317d7e background color

This paragraph has a background color of #317d7e.

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

#317d7e border color

This element has a border color of #317d7e.

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

CSS codes

.text {color:#317d7e;}

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

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

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, #050d0d is the darkest color, while #feffff is the lightest one.

#050d0d
```
#050d0d rgb(5,13,13)
```
#0b1b1b
```
#0b1b1b rgb(11,27,27)
```
#102929
```
#102929 rgb(16,41,41)
```
#163737
```
#163737 rgb(22,55,55)
```
#1b4546
```
#1b4546 rgb(27,69,70)
```
#215354
```
#215354 rgb(33,83,84)
```
#266162
```
#266162 rgb(38,97,98)
```
#2c6f70
```
#2c6f70 rgb(44,111,112)
```
#317d7e
```
#317d7e rgb(49,125,126)
```
#368b8c
```
#368b8c rgb(54,139,140)
```
#3c999a
```
#3c999a rgb(60,153,154)
```
#41a7a8
```
#41a7a8 rgb(65,167,168)
```
#47b5b6
```
#47b5b6 rgb(71,181,182)
```

Shade Color Variation

#54bbbd
```
#54bbbd rgb(84,187,189)
```
#63c1c2
```
#63c1c2 rgb(99,193,194)
```
#71c7c8
```
#71c7c8 rgb(113,199,200)
```
#7fcccd
```
#7fcccd rgb(127,204,205)
```
#8dd2d3
```
#8dd2d3 rgb(141,210,211)
```
#9bd7d8
```
#9bd7d8 rgb(155,215,216)
```
#a9ddde
```
#a9ddde rgb(169,221,222)
```
#b7e3e3
```
#b7e3e3 rgb(183,227,227)
```
#c5e8e9
```
#c5e8e9 rgb(197,232,233)
```
#d4eeee
```
#d4eeee rgb(212,238,238)
```
#e2f3f4
```
#e2f3f4 rgb(226,243,244)
```
#f0f9f9
```
#f0f9f9 rgb(240,249,249)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #535c5c is the less saturated color, while #02abad is the most saturated one.

#535c5c
```
#535c5c rgb(83,92,92)
```
#4c6363
```
#4c6363 rgb(76,99,99)
```
#45696a
```
#45696a rgb(69,105,106)
```
#3e7071
```
#3e7071 rgb(62,112,113)
```
#387677
```
#387677 rgb(56,118,119)
```
#317d7e
```
#317d7e rgb(49,125,126)
```
#2a8485
```
#2a8485 rgb(42,132,133)
```
#248a8b
```
#248a8b rgb(36,138,139)
```
#1d9192
```
#1d9192 rgb(29,145,146)
```
#169799
```
#169799 rgb(22,151,153)
```
#0f9ea0
```
#0f9ea0 rgb(15,158,160)
```
#09a4a6
```
#09a4a6 rgb(9,164,166)
```
#02abad
```
#02abad rgb(2,171,173)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#5b6b6b Atypical Achromatopsia 0.001% of the population

Dichromacy

#79787e Protanopia 1% of men
#7c7689 Deuteranopia 1% of men
#3f828c Tritanopia 0.001% of the population

Trichromacy

#5f7a7e Protanomaly 1% of men, 0.01% of women
#617885 Deuteranomaly 6% of men, 0.4% of women
#3a8086 Tritanomaly 0.01% of the population

#317d7e hex color

#317d7e Color Information

#317d7e Color Conversion

Color Schemes with #317d7e

Alternatives to #317d7e

#317d7e Preview

Shades and Tints of #317d7e

Tones of #317d7e

Color Blindness Simulator