#317f83 hex color

In a RGB color space, hex #317f83 is composed of 19.2% red, 49.8% green and 51.4% blue. Whereas in a CMYK color space, it is composed of 62.6% cyan, 3.1% magenta, 0% yellow and 48.6% black. It has a hue angle of 182.9 degrees, a saturation of 45.6% and a lightness of 35.3%. #317f83 color hex could be obtained by blending #62feff with #000007. Closest websafe color is: #336699.

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

● #317f83 color description : Dark moderate cyan.

The hexadecimal color #317f83 has RGB values of R:49, G:127, B:131 and CMYK values of C:0.63, M:0.03, Y:0, K:0.49. Its decimal value is 3243907.

Hex triplet	317f83	`#317f83`
RGB Decimal	49, 127, 131	`rgb(49,127,131)`
RGB Percent	19.2, 49.8, 51.4	`rgb(19.2%,49.8%,51.4%)`
CMYK	63, 3, 0, 49
HSL	182.9°, 45.6, 35.3	`hsl(182.9,45.6%,35.3%)`
HSV (or HSB)	182.9°, 62.6, 51.4
Web Safe	336699	`#336699`

CIE-LAB	48.846, -22.214, -9.279
XYZ	12.952, 17.469, 24.161
xyY	0.237, 0.32, 17.469
CIE-LCH	48.846, 24.074, 202.67
CIE-LUV	48.846, -30.954, -10.071
Hunter-Lab	41.796, -17.831, -5.016
Binary	00110001, 01111111, 10000011

#317f83
```
#317f83 rgb(49,127,131)
```
#833531
```
#833531 rgb(131,53,49)
```

Complementary Color

#31835e
```
#31835e rgb(49,131,94)
```
#317f83
```
#317f83 rgb(49,127,131)
```
#315683
```
#315683 rgb(49,86,131)
```

Analogous Color

#835e31
```
#835e31 rgb(131,94,49)
```
#317f83
```
#317f83 rgb(49,127,131)
```
#833156
```
#833156 rgb(131,49,86)
```

Split Complementary Color

#7f8331
```
#7f8331 rgb(127,131,49)
```
#317f83
```
#317f83 rgb(49,127,131)
```
#83317f
```
#83317f rgb(131,49,127)
```

Triadic Color

#318335
```
#318335 rgb(49,131,53)
```
#317f83
```
#317f83 rgb(49,127,131)
```
#83317f
```
#83317f rgb(131,49,127)
```
#833531
```
#833531 rgb(131,53,49)
```

Tetradic Color

#1c494b
```
#1c494b rgb(28,73,75)
```
#235b5e
```
#235b5e rgb(35,91,94)
```
#2a6d70
```
#2a6d70 rgb(42,109,112)
```
#317f83
```
#317f83 rgb(49,127,131)
```
#389196
```
#389196 rgb(56,145,150)
```
#3fa3a8
```
#3fa3a8 rgb(63,163,168)
```
#47b4ba
```
#47b4ba rgb(71,180,186)
```

Monochromatic Color

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

#318373
```
#318373 rgb(49,131,115)
```
#318379
```
#318379 rgb(49,131,121)
```
#318380
```
#318380 rgb(49,131,128)
```
#317f83
```
#317f83 rgb(49,127,131)
```
#317883
```
#317883 rgb(49,120,131)
```
#317183
```
#317183 rgb(49,113,131)
```
#316b83
```
#316b83 rgb(49,107,131)
```

Similar Colors

Text with hexadecimal color #317f83

This text has a font color of #317f83.

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

#317f83 background color

This paragraph has a background color of #317f83.

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

#317f83 border color

This element has a border color of #317f83.

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

CSS codes

.text {color:#317f83;}

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

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

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

#010203
```
#010203 rgb(1,2,3)
```
#061011
```
#061011 rgb(6,16,17)
```
#0c1e1f
```
#0c1e1f rgb(12,30,31)
```
#112c2d
```
#112c2d rgb(17,44,45)
```
#163a3c
```
#163a3c rgb(22,58,60)
```
#1c484a
```
#1c484a rgb(28,72,74)
```
#215558
```
#215558 rgb(33,85,88)
```
#266366
```
#266366 rgb(38,99,102)
```
#2c7175
```
#2c7175 rgb(44,113,117)
```
#317f83
```
#317f83 rgb(49,127,131)
```
#368d91
```
#368d91 rgb(54,141,145)
```
#3c9ba0
```
#3c9ba0 rgb(60,155,160)
```
#41a9ae
```
#41a9ae rgb(65,169,174)
```

Shade Color Variation

#48b5bb
```
#48b5bb rgb(72,181,187)
```
#56bbc0
```
#56bbc0 rgb(86,187,192)
```
#64c0c5
```
#64c0c5 rgb(100,192,197)
```
#73c6cb
```
#73c6cb rgb(115,198,203)
```
#81ccd0
```
#81ccd0 rgb(129,204,208)
```
#8fd2d5
```
#8fd2d5 rgb(143,210,213)
```
#9ed8db
```
#9ed8db rgb(158,216,219)
```
#acdde0
```
#acdde0 rgb(172,221,224)
```
#bae3e5
```
#bae3e5 rgb(186,227,229)
```
#c8e9eb
```
#c8e9eb rgb(200,233,235)
```
#d7eff0
```
#d7eff0 rgb(215,239,240)
```
#e5f4f5
```
#e5f4f5 rgb(229,244,245)
```
#f3fafb
```
#f3fafb rgb(243,250,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #546060 is the less saturated color, while #01abb3 is the most saturated one.

#546060
```
#546060 rgb(84,96,96)
```
#4d6667
```
#4d6667 rgb(77,102,103)
```
#466c6e
```
#466c6e rgb(70,108,110)
```
#3f7375
```
#3f7375 rgb(63,115,117)
```
#38797c
```
#38797c rgb(56,121,124)
```
#317f83
```
#317f83 rgb(49,127,131)
```
#2a858a
```
#2a858a rgb(42,133,138)
```
#238b91
```
#238b91 rgb(35,139,145)
```
#1c9298
```
#1c9298 rgb(28,146,152)
```
#15989f
```
#15989f rgb(21,152,159)
```
#0e9ea6
```
#0e9ea6 rgb(14,158,166)
```
#07a4ad
```
#07a4ad rgb(7,164,173)
```
#01abb3
```
#01abb3 rgb(1,171,179)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#5d6d6d Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a7a83 Protanopia 1% of men
#7d788e Deuteranopia 1% of men
#3e848e Tritanopia 0.001% of the population

Trichromacy

#607c83 Protanomaly 1% of men, 0.01% of women
#617a8a Deuteranomaly 6% of men, 0.4% of women
#39828a Tritanomaly 0.01% of the population

#317f83 hex color

#317f83 Color Information

#317f83 Color Conversion

Color Schemes with #317f83

Alternatives to #317f83

#317f83 Preview

Shades and Tints of #317f83

Tones of #317f83

Color Blindness Simulator