#316a81 hex color

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

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

● #316a81 color description : Dark moderate blue.

The hexadecimal color #316a81 has RGB values of R:49, G:106, B:129 and CMYK values of C:0.62, M:0.18, Y:0, K:0.49. Its decimal value is 3238529.

Hex triplet	316a81	`#316a81`
RGB Decimal	49, 106, 129	`rgb(49,106,129)`
RGB Percent	19.2, 41.6, 50.6	`rgb(19.2%,41.6%,50.6%)`
CMYK	62, 18, 0, 49
HSL	197.3°, 44.9, 34.9	`hsl(197.3,44.9%,34.9%)`
HSV (or HSB)	197.3°, 62, 50.6
Web Safe	336699	`#336699`

CIE-LAB	42.07, -11.29, -18.369
XYZ	10.382, 12.545, 22.642
xyY	0.228, 0.275, 12.545
CIE-LCH	42.07, 21.562, 238.425
CIE-LUV	42.07, -22.972, -24.419
Hunter-Lab	35.419, -9.662, -13.108
Binary	00110001, 01101010, 10000001

#316a81
```
#316a81 rgb(49,106,129)
```
#814831
```
#814831 rgb(129,72,49)
```

Complementary Color

#318170
```
#318170 rgb(49,129,112)
```
#316a81
```
#316a81 rgb(49,106,129)
```
#314281
```
#314281 rgb(49,66,129)
```

Analogous Color

#817031
```
#817031 rgb(129,112,49)
```
#316a81
```
#316a81 rgb(49,106,129)
```
#813142
```
#813142 rgb(129,49,66)
```

Split Complementary Color

#6a8131
```
#6a8131 rgb(106,129,49)
```
#316a81
```
#316a81 rgb(49,106,129)
```
#81316a
```
#81316a rgb(129,49,106)
```

Triadic Color

#318148
```
#318148 rgb(49,129,72)
```
#316a81
```
#316a81 rgb(49,106,129)
```
#81316a
```
#81316a rgb(129,49,106)
```
#814831
```
#814831 rgb(129,72,49)
```

Tetradic Color

#1c3c4a
```
#1c3c4a rgb(28,60,74)
```
#234c5c
```
#234c5c rgb(35,76,92)
```
#2a5b6f
```
#2a5b6f rgb(42,91,111)
```
#316a81
```
#316a81 rgb(49,106,129)
```
#387993
```
#387993 rgb(56,121,147)
```
#3f88a6
```
#3f88a6 rgb(63,136,166)
```
#4698b8
```
#4698b8 rgb(70,152,184)
```

Monochromatic Color

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

#317e81
```
#317e81 rgb(49,126,129)
```
#317781
```
#317781 rgb(49,119,129)
```
#317181
```
#317181 rgb(49,113,129)
```
#316a81
```
#316a81 rgb(49,106,129)
```
#316381
```
#316381 rgb(49,99,129)
```
#315d81
```
#315d81 rgb(49,93,129)
```
#315681
```
#315681 rgb(49,86,129)
```

Similar Colors

Text with hexadecimal color #316a81

This text has a font color of #316a81.

<span style="color:#316a81;">Text here</span>

#316a81 background color

This paragraph has a background color of #316a81.

<p style="background-color:#316a81;">Content here</p>

#316a81 border color

This element has a border color of #316a81.

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

CSS codes

.text {color:#316a81;}

.background {background-color:#316a81;}

.border {border:1px solid #316a81;}

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 #f2f8fa is the lightest one.

#000101
```
#000101 rgb(0,1,1)
```
#060d0f
```
#060d0f rgb(6,13,15)
```
#0b181d
```
#0b181d rgb(11,24,29)
```
#11242c
```
#11242c rgb(17,36,44)
```
#16303a
```
#16303a rgb(22,48,58)
```
#1b3b48
```
#1b3b48 rgb(27,59,72)
```
#214756
```
#214756 rgb(33,71,86)
```
#265365
```
#265365 rgb(38,83,101)
```
#2c5e73
```
#2c5e73 rgb(44,94,115)
```
#316a81
```
#316a81 rgb(49,106,129)
```
#36768f
```
#36768f rgb(54,118,143)
```
#3c819d
```
#3c819d rgb(60,129,157)
```
#418dac
```
#418dac rgb(65,141,172)
```

Shade Color Variation

#4798b9
```
#4798b9 rgb(71,152,185)
```
#55a0bf
```
#55a0bf rgb(85,160,191)
```
#64a8c4
```
#64a8c4 rgb(100,168,196)
```
#72b0c9
```
#72b0c9 rgb(114,176,201)
```
#80b8cf
```
#80b8cf rgb(128,184,207)
```
#8ec0d4
```
#8ec0d4 rgb(142,192,212)
```
#9dc8da
```
#9dc8da rgb(157,200,218)
```
#abd0df
```
#abd0df rgb(171,208,223)
```
#b9d8e4
```
#b9d8e4 rgb(185,216,228)
```
#c7e0ea
```
#c7e0ea rgb(199,224,234)
```
#d5e8ef
```
#d5e8ef rgb(213,232,239)
```
#e4f0f5
```
#e4f0f5 rgb(228,240,245)
```
#f2f8fa
```
#f2f8fa rgb(242,248,250)
```

Tint Color Variation

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

#535b5f
```
#535b5f rgb(83,91,95)
```
#4c5e66
```
#4c5e66 rgb(76,94,102)
```
#46616c
```
#46616c rgb(70,97,108)
```
#3f6473
```
#3f6473 rgb(63,100,115)
```
#38677a
```
#38677a rgb(56,103,122)
```
#316a81
```
#316a81 rgb(49,106,129)
```
#2a6d88
```
#2a6d88 rgb(42,109,136)
```
#23708f
```
#23708f rgb(35,112,143)
```
#1c7396
```
#1c7396 rgb(28,115,150)
```
#16769c
```
#16769c rgb(22,118,156)
```
#0f79a3
```
#0f79a3 rgb(15,121,163)
```
#087baa
```
#087baa rgb(8,123,170)
```
#017eb1
```
#017eb1 rgb(1,126,177)
```

Tone Color Variation

Below, you can see how #316a81 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

#5c5c5c Achromatopsia 0.005% of the population
#535f63 Atypical Achromatopsia 0.001% of the population

Dichromacy

#656a82 Protanopia 1% of men
#63698a Deuteranopia 1% of men
#35737c Tritanopia 0.001% of the population

Trichromacy

#526a82 Protanomaly 1% of men, 0.01% of women
#506987 Deuteranomaly 6% of men, 0.4% of women
#33707e Tritanomaly 0.01% of the population

#316a81 hex color

#316a81 Color Information

#316a81 Color Conversion

Color Schemes with #316a81

Alternatives to #316a81

#316a81 Preview

Shades and Tints of #316a81

Tones of #316a81

Color Blindness Simulator