#317f9e hex color

In a RGB color space, hex #317f9e is composed of 19.2% red, 49.8% green and 62% blue. Whereas in a CMYK color space, it is composed of 69% cyan, 19.6% magenta, 0% yellow and 38% black. It has a hue angle of 197.1 degrees, a saturation of 52.7% and a lightness of 40.6%. #317f9e color hex could be obtained by blending #62feff with #00003d. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 19
- G 50
- B 62
RGB color chart
- C 69
- M 20
- Y 0
- K 38
CMYK color chart

● #317f9e color description : Dark moderate blue.

The hexadecimal color #317f9e has RGB values of R:49, G:127, B:158 and CMYK values of C:0.69, M:0.2, Y:0, K:0.38. Its decimal value is 3243934.

Hex triplet	317f9e	`#317f9e`
RGB Decimal	49, 127, 158	`rgb(49,127,158)`
RGB Percent	19.2, 49.8, 62	`rgb(19.2%,49.8%,62%)`
CMYK	69, 20, 0, 38
HSL	197.1°, 52.7, 40.6	`hsl(197.1,52.7%,40.6%)`
HSV (or HSB)	197.1°, 69, 62
Web Safe	336699	`#336699`

CIE-LAB	49.857, -13.509, -23.57
XYZ	15.026, 18.299, 35.086
xyY	0.22, 0.267, 18.299
CIE-LCH	49.857, 27.166, 240.181
CIE-LUV	49.857, -29.549, -33.154
Hunter-Lab	42.777, -12.161, -18.685
Binary	00110001, 01111111, 10011110

#317f9e
```
#317f9e rgb(49,127,158)
```
#9e5031
```
#9e5031 rgb(158,80,49)
```

Complementary Color

#319e87
```
#319e87 rgb(49,158,135)
```
#317f9e
```
#317f9e rgb(49,127,158)
```
#31499e
```
#31499e rgb(49,73,158)
```

Analogous Color

#9e8731
```
#9e8731 rgb(158,135,49)
```
#317f9e
```
#317f9e rgb(49,127,158)
```
#9e3149
```
#9e3149 rgb(158,49,73)
```

Split Complementary Color

#7f9e31
```
#7f9e31 rgb(127,158,49)
```
#317f9e
```
#317f9e rgb(49,127,158)
```
#9e317f
```
#9e317f rgb(158,49,127)
```

Triadic Color

#319e50
```
#319e50 rgb(49,158,80)
```
#317f9e
```
#317f9e rgb(49,127,158)
```
#9e317f
```
#9e317f rgb(158,49,127)
```
#9e5031
```
#9e5031 rgb(158,80,49)
```

Tetradic Color

#1f5064
```
#1f5064 rgb(31,80,100)
```
#256077
```
#256077 rgb(37,96,119)
```
#2b6f8b
```
#2b6f8b rgb(43,111,139)
```
#317f9e
```
#317f9e rgb(49,127,158)
```
#378fb1
```
#378fb1 rgb(55,143,177)
```
#3f9ec3
```
#3f9ec3 rgb(63,158,195)
```
#52a7c9
```
#52a7c9 rgb(82,167,201)
```

Monochromatic Color

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

#319a9e
```
#319a9e rgb(49,154,158)
```
#31919e
```
#31919e rgb(49,145,158)
```
#31889e
```
#31889e rgb(49,136,158)
```
#317f9e
```
#317f9e rgb(49,127,158)
```
#31769e
```
#31769e rgb(49,118,158)
```
#316d9e
```
#316d9e rgb(49,109,158)
```
#31649e
```
#31649e rgb(49,100,158)
```

Similar Colors

Text with hexadecimal color #317f9e

This text has a font color of #317f9e.

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

#317f9e background color

This paragraph has a background color of #317f9e.

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

#317f9e border color

This element has a border color of #317f9e.

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

CSS codes

.text {color:#317f9e;}

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

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

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

#030708
```
#030708 rgb(3,7,8)
```
#071317
```
#071317 rgb(7,19,23)
```
#0c1f26
```
#0c1f26 rgb(12,31,38)
```
#102b35
```
#102b35 rgb(16,43,53)
```
#153744
```
#153744 rgb(21,55,68)
```
#1a4353
```
#1a4353 rgb(26,67,83)
```
#1e4f62
```
#1e4f62 rgb(30,79,98)
```
#235b71
```
#235b71 rgb(35,91,113)
```
#286780
```
#286780 rgb(40,103,128)
```
#2c738f
```
#2c738f rgb(44,115,143)
```
#317f9e
```
#317f9e rgb(49,127,158)
```
#368bad
```
#368bad rgb(54,139,173)
```
#3a97bc
```
#3a97bc rgb(58,151,188)
```

Shade Color Variation

#45a1c5
```
#45a1c5 rgb(69,161,197)
```
#54a8ca
```
#54a8ca rgb(84,168,202)
```
#63b0ce
```
#63b0ce rgb(99,176,206)
```
#72b7d3
```
#72b7d3 rgb(114,183,211)
```
#81bfd8
```
#81bfd8 rgb(129,191,216)
```
#90c7dc
```
#90c7dc rgb(144,199,220)
```
#9ecee1
```
#9ecee1 rgb(158,206,225)
```
#add6e6
```
#add6e6 rgb(173,214,230)
```
#bcddea
```
#bcddea rgb(188,221,234)
```
#cbe5ef
```
#cbe5ef rgb(203,229,239)
```
#daecf4
```
#daecf4 rgb(218,236,244)
```
#e9f4f8
```
#e9f4f8 rgb(233,244,248)
```
#f8fcfd
```
#f8fcfd rgb(248,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #616a6e is the less saturated color, while #0194ce is the most saturated one.

#616a6e
```
#616a6e rgb(97,106,110)
```
#596e76
```
#596e76 rgb(89,110,118)
```
#51717e
```
#51717e rgb(81,113,126)
```
#497586
```
#497586 rgb(73,117,134)
```
#41788e
```
#41788e rgb(65,120,142)
```
#397c96
```
#397c96 rgb(57,124,150)
```
#317f9e
```
#317f9e rgb(49,127,158)
```
#2982a6
```
#2982a6 rgb(41,130,166)
```
#2186ae
```
#2186ae rgb(33,134,174)
```
#1989b6
```
#1989b6 rgb(25,137,182)
```
#118dbe
```
#118dbe rgb(17,141,190)
```
#0990c6
```
#0990c6 rgb(9,144,198)
```
#0194ce
```
#0194ce rgb(1,148,206)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#5f6f75 Atypical Achromatopsia 0.001% of the population

Dichromacy

#747c9c Protanopia 1% of men
#707ca6 Deuteranopia 1% of men
#2e8892 Tritanopia 0.001% of the population

Trichromacy

#5c7d9d Protanomaly 1% of men, 0.01% of women
#597da3 Deuteranomaly 6% of men, 0.4% of women
#2f8596 Tritanomaly 0.01% of the population

#317f9e hex color

#317f9e Color Information

#317f9e Color Conversion

Color Schemes with #317f9e

Alternatives to #317f9e

#317f9e Preview

Shades and Tints of #317f9e

Tones of #317f9e

Color Blindness Simulator