#316d84 hex color

In a RGB color space, hex #316d84 is composed of 19.2% red, 42.7% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 62.9% cyan, 17.4% magenta, 0% yellow and 48.2% black. It has a hue angle of 196.6 degrees, a saturation of 45.9% and a lightness of 35.5%. #316d84 color hex could be obtained by blending #62daff with #000009. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 19
- G 43
- B 52
RGB color chart
- C 63
- M 17
- Y 0
- K 48
CMYK color chart

● #316d84 color description : Dark moderate blue.

The hexadecimal color #316d84 has RGB values of R:49, G:109, B:132 and CMYK values of C:0.63, M:0.17, Y:0, K:0.48. Its decimal value is 3239300.

Hex triplet	316d84	`#316d84`
RGB Decimal	49, 109, 132	`rgb(49,109,132)`
RGB Percent	19.2, 42.7, 51.8	`rgb(19.2%,42.7%,51.8%)`
CMYK	63, 17, 0, 48
HSL	196.6°, 45.9, 35.5	`hsl(196.6,45.9%,35.5%)`
HSV (or HSB)	196.6°, 62.9, 51.8
Web Safe	336699	`#336699`

CIE-LAB	43.146, -12.023, -18.523
XYZ	10.899, 13.255, 23.813
xyY	0.227, 0.276, 13.255
CIE-LCH	43.146, 22.083, 237.012
CIE-LUV	43.146, -23.998, -24.702
Hunter-Lab	36.408, -10.278, -13.293
Binary	00110001, 01101101, 10000100

#316d84
```
#316d84 rgb(49,109,132)
```
#844831
```
#844831 rgb(132,72,49)
```

Complementary Color

#318472
```
#318472 rgb(49,132,114)
```
#316d84
```
#316d84 rgb(49,109,132)
```
#314484
```
#314484 rgb(49,68,132)
```

Analogous Color

#847231
```
#847231 rgb(132,114,49)
```
#316d84
```
#316d84 rgb(49,109,132)
```
#843144
```
#843144 rgb(132,49,68)
```

Split Complementary Color

#6d8431
```
#6d8431 rgb(109,132,49)
```
#316d84
```
#316d84 rgb(49,109,132)
```
#84316d
```
#84316d rgb(132,49,109)
```

Triadic Color

#318448
```
#318448 rgb(49,132,72)
```
#316d84
```
#316d84 rgb(49,109,132)
```
#84316d
```
#84316d rgb(132,49,109)
```
#844831
```
#844831 rgb(132,72,49)
```

Tetradic Color

#1c3f4c
```
#1c3f4c rgb(28,63,76)
```
#234e5f
```
#234e5f rgb(35,78,95)
```
#2a5e71
```
#2a5e71 rgb(42,94,113)
```
#316d84
```
#316d84 rgb(49,109,132)
```
#387c97
```
#387c97 rgb(56,124,151)
```
#3f8ca9
```
#3f8ca9 rgb(63,140,169)
```
#479bbb
```
#479bbb rgb(71,155,187)
```

Monochromatic Color

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

#318284
```
#318284 rgb(49,130,132)
```
#317b84
```
#317b84 rgb(49,123,132)
```
#317484
```
#317484 rgb(49,116,132)
```
#316d84
```
#316d84 rgb(49,109,132)
```
#316684
```
#316684 rgb(49,102,132)
```
#315f84
```
#315f84 rgb(49,95,132)
```
#315884
```
#315884 rgb(49,88,132)
```

Similar Colors

Text with hexadecimal color #316d84

This text has a font color of #316d84.

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

#316d84 background color

This paragraph has a background color of #316d84.

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

#316d84 border color

This element has a border color of #316d84.

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

CSS codes

.text {color:#316d84;}

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

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

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

#010303
```
#010303 rgb(1,3,3)
```
#070e12
```
#070e12 rgb(7,14,18)
```
#0c1a20
```
#0c1a20 rgb(12,26,32)
```
#11262e
```
#11262e rgb(17,38,46)
```
#16323c
```
#16323c rgb(22,50,60)
```
#1c3e4b
```
#1c3e4b rgb(28,62,75)
```
#214a59
```
#214a59 rgb(33,74,89)
```
#265567
```
#265567 rgb(38,85,103)
```
#2c6176
```
#2c6176 rgb(44,97,118)
```
#316d84
```
#316d84 rgb(49,109,132)
```
#367992
```
#367992 rgb(54,121,146)
```
#3c85a1
```
#3c85a1 rgb(60,133,161)
```
#4190af
```
#4190af rgb(65,144,175)
```

Shade Color Variation

#489bbb
```
#489bbb rgb(72,155,187)
```
#57a3c0
```
#57a3c0 rgb(87,163,192)
```
#65abc6
```
#65abc6 rgb(101,171,198)
```
#73b3cb
```
#73b3cb rgb(115,179,203)
```
#82bbd0
```
#82bbd0 rgb(130,187,208)
```
#90c2d6
```
#90c2d6 rgb(144,194,214)
```
#9ecadb
```
#9ecadb rgb(158,202,219)
```
#acd2e0
```
#acd2e0 rgb(172,210,224)
```
#bbdae6
```
#bbdae6 rgb(187,218,230)
```
#c9e2eb
```
#c9e2eb rgb(201,226,235)
```
#d7e9f0
```
#d7e9f0 rgb(215,233,240)
```
#e6f1f6
```
#e6f1f6 rgb(230,241,246)
```
#f4f9fb
```
#f4f9fb rgb(244,249,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #545d61 is the less saturated color, while #0083b5 is the most saturated one.

#545d61
```
#545d61 rgb(84,93,97)
```
#4d6168
```
#4d6168 rgb(77,97,104)
```
#46646f
```
#46646f rgb(70,100,111)
```
#3f6776
```
#3f6776 rgb(63,103,118)
```
#386a7d
```
#386a7d rgb(56,106,125)
```
#316d84
```
#316d84 rgb(49,109,132)
```
#2a708b
```
#2a708b rgb(42,112,139)
```
#237392
```
#237392 rgb(35,115,146)
```
#1c7699
```
#1c7699 rgb(28,118,153)
```
#1579a0
```
#1579a0 rgb(21,121,160)
```
#0e7da7
```
#0e7da7 rgb(14,125,167)
```
#0780ae
```
#0780ae rgb(7,128,174)
```
#0083b5
```
#0083b5 rgb(0,131,181)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#556166 Atypical Achromatopsia 0.001% of the population

Dichromacy

#676c85 Protanopia 1% of men
#656c8d Deuteranopia 1% of men
#35767f Tritanopia 0.001% of the population

Trichromacy

#536c84 Protanomaly 1% of men, 0.01% of women
#526c8a Deuteranomaly 6% of men, 0.4% of women
#337381 Tritanomaly 0.01% of the population

#316d84 hex color

#316d84 Color Information

#316d84 Color Conversion

Color Schemes with #316d84

Alternatives to #316d84

#316d84 Preview

Shades and Tints of #316d84

Tones of #316d84

Color Blindness Simulator