#317f81 hex color

In a RGB color space, hex #317f81 is composed of 19.2% red, 49.8% green and 50.6% blue. Whereas in a CMYK color space, it is composed of 62% cyan, 1.6% magenta, 0% yellow and 49.4% black. It has a hue angle of 181.5 degrees, a saturation of 44.9% and a lightness of 34.9%. #317f81 color hex could be obtained by blending #62feff with #000003. Closest websafe color is: #336699.

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

● #317f81 color description : Dark moderate cyan.

The hexadecimal color #317f81 has RGB values of R:49, G:127, B:129 and CMYK values of C:0.62, M:0.02, Y:0, K:0.49. Its decimal value is 3243905.

Hex triplet	317f81	`#317f81`
RGB Decimal	49, 127, 129	`rgb(49,127,129)`
RGB Percent	19.2, 49.8, 50.6	`rgb(19.2%,49.8%,50.6%)`
CMYK	62, 2, 0, 49
HSL	181.5°, 44.9, 34.9	`hsl(181.5,44.9%,34.9%)`
HSV (or HSB)	181.5°, 62, 50.6
Web Safe	336699	`#336699`

CIE-LAB	48.78, -22.82, -8.201
XYZ	12.817, 17.416, 23.454
xyY	0.239, 0.324, 17.416
CIE-LCH	48.78, 24.248, 199.767
CIE-LUV	48.78, -31.06, -8.397
Hunter-Lab	41.732, -18.208, -4.109
Binary	00110001, 01111111, 10000001

#317f81
```
#317f81 rgb(49,127,129)
```
#813331
```
#813331 rgb(129,51,49)
```

Complementary Color

#31815b
```
#31815b rgb(49,129,91)
```
#317f81
```
#317f81 rgb(49,127,129)
```
#315781
```
#315781 rgb(49,87,129)
```

Analogous Color

#815b31
```
#815b31 rgb(129,91,49)
```
#317f81
```
#317f81 rgb(49,127,129)
```
#813157
```
#813157 rgb(129,49,87)
```

Split Complementary Color

#7f8131
```
#7f8131 rgb(127,129,49)
```
#317f81
```
#317f81 rgb(49,127,129)
```
#81317f
```
#81317f rgb(129,49,127)
```

Triadic Color

#318133
```
#318133 rgb(49,129,51)
```
#317f81
```
#317f81 rgb(49,127,129)
```
#81317f
```
#81317f rgb(129,49,127)
```
#813331
```
#813331 rgb(129,51,49)
```

Tetradic Color

#1c484a
```
#1c484a rgb(28,72,74)
```
#235b5c
```
#235b5c rgb(35,91,92)
```
#2a6d6f
```
#2a6d6f rgb(42,109,111)
```
#317f81
```
#317f81 rgb(49,127,129)
```
#389193
```
#389193 rgb(56,145,147)
```
#3fa3a6
```
#3fa3a6 rgb(63,163,166)
```
#46b6b8
```
#46b6b8 rgb(70,182,184)
```

Monochromatic Color

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

#31816f
```
#31816f rgb(49,129,111)
```
#318176
```
#318176 rgb(49,129,118)
```
#31817c
```
#31817c rgb(49,129,124)
```
#317f81
```
#317f81 rgb(49,127,129)
```
#317881
```
#317881 rgb(49,120,129)
```
#317281
```
#317281 rgb(49,114,129)
```
#316b81
```
#316b81 rgb(49,107,129)
```

Similar Colors

Text with hexadecimal color #317f81

This text has a font color of #317f81.

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

#317f81 background color

This paragraph has a background color of #317f81.

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

#317f81 border color

This element has a border color of #317f81.

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

CSS codes

.text {color:#317f81;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#060f0f
```
#060f0f rgb(6,15,15)
```
#0b1d1d
```
#0b1d1d rgb(11,29,29)
```
#112b2c
```
#112b2c rgb(17,43,44)
```
#16393a
```
#16393a rgb(22,57,58)
```
#1b4748
```
#1b4748 rgb(27,71,72)
```
#215556
```
#215556 rgb(33,85,86)
```
#266365
```
#266365 rgb(38,99,101)
```
#2c7173
```
#2c7173 rgb(44,113,115)
```
#317f81
```
#317f81 rgb(49,127,129)
```
#368d8f
```
#368d8f rgb(54,141,143)
```
#3c9b9d
```
#3c9b9d rgb(60,155,157)
```
#41a9ac
```
#41a9ac rgb(65,169,172)
```

Shade Color Variation

#47b6b9
```
#47b6b9 rgb(71,182,185)
```
#55bcbf
```
#55bcbf rgb(85,188,191)
```
#64c2c4
```
#64c2c4 rgb(100,194,196)
```
#72c7c9
```
#72c7c9 rgb(114,199,201)
```
#80cdcf
```
#80cdcf rgb(128,205,207)
```
#8ed2d4
```
#8ed2d4 rgb(142,210,212)
```
#9dd8da
```
#9dd8da rgb(157,216,218)
```
#abdedf
```
#abdedf rgb(171,222,223)
```
#b9e3e4
```
#b9e3e4 rgb(185,227,228)
```
#c7e9ea
```
#c7e9ea rgb(199,233,234)
```
#d5efef
```
#d5efef rgb(213,239,239)
```
#e4f4f5
```
#e4f4f5 rgb(228,244,245)
```
#f2fafa
```
#f2fafa rgb(242,250,250)
```

Tint Color Variation

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

#535e5f
```
#535e5f rgb(83,94,95)
```
#4c6566
```
#4c6566 rgb(76,101,102)
```
#466b6c
```
#466b6c rgb(70,107,108)
```
#3f7273
```
#3f7273 rgb(63,114,115)
```
#38787a
```
#38787a rgb(56,120,122)
```
#317f81
```
#317f81 rgb(49,127,129)
```
#2a8688
```
#2a8688 rgb(42,134,136)
```
#238c8f
```
#238c8f rgb(35,140,143)
```
#1c9396
```
#1c9396 rgb(28,147,150)
```
#16999c
```
#16999c rgb(22,153,156)
```
#0fa0a3
```
#0fa0a3 rgb(15,160,163)
```
#08a6aa
```
#08a6aa rgb(8,166,170)
```
#01adb1
```
#01adb1 rgb(1,173,177)
```

Tone Color Variation

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

#7b7a81 Protanopia 1% of men
#7d788c Deuteranopia 1% of men
#3f848e Tritanopia 0.001% of the population

Trichromacy

#607c81 Protanomaly 1% of men, 0.01% of women
#617a88 Deuteranomaly 6% of men, 0.4% of women
#3a8289 Tritanomaly 0.01% of the population

#317f81 hex color

#317f81 Color Information

#317f81 Color Conversion

Color Schemes with #317f81

Alternatives to #317f81

#317f81 Preview

Shades and Tints of #317f81

Tones of #317f81

Color Blindness Simulator