#316c83 hex color

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

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

● #316c83 color description : Dark moderate blue.

The hexadecimal color #316c83 has RGB values of R:49, G:108, B:131 and CMYK values of C:0.63, M:0.18, Y:0, K:0.49. Its decimal value is 3239043.

Hex triplet	316c83	`#316c83`
RGB Decimal	49, 108, 131	`rgb(49,108,131)`
RGB Percent	19.2, 42.4, 51.4	`rgb(19.2%,42.4%,51.4%)`
CMYK	63, 18, 0, 49
HSL	196.8°, 45.6, 35.3	`hsl(196.8,45.6%,35.3%)`
HSV (or HSB)	196.8°, 62.6, 51.4
Web Safe	336699	`#336699`

CIE-LAB	42.787, -11.78, -18.472
XYZ	10.725, 13.016, 23.419
xyY	0.227, 0.276, 13.016
CIE-LCH	42.787, 21.909, 237.473
CIE-LUV	42.787, -23.657, -24.608
Hunter-Lab	36.078, -10.073, -13.232
Binary	00110001, 01101100, 10000011

#316c83
```
#316c83 rgb(49,108,131)
```
#834831
```
#834831 rgb(131,72,49)
```

Complementary Color

#318371
```
#318371 rgb(49,131,113)
```
#316c83
```
#316c83 rgb(49,108,131)
```
#314383
```
#314383 rgb(49,67,131)
```

Analogous Color

#837131
```
#837131 rgb(131,113,49)
```
#316c83
```
#316c83 rgb(49,108,131)
```
#833143
```
#833143 rgb(131,49,67)
```

Split Complementary Color

#6c8331
```
#6c8331 rgb(108,131,49)
```
#316c83
```
#316c83 rgb(49,108,131)
```
#83316c
```
#83316c rgb(131,49,108)
```

Triadic Color

#318348
```
#318348 rgb(49,131,72)
```
#316c83
```
#316c83 rgb(49,108,131)
```
#83316c
```
#83316c rgb(131,49,108)
```
#834831
```
#834831 rgb(131,72,49)
```

Tetradic Color

#1c3e4b
```
#1c3e4b rgb(28,62,75)
```
#234d5e
```
#234d5e rgb(35,77,94)
```
#2a5d70
```
#2a5d70 rgb(42,93,112)
```
#316c83
```
#316c83 rgb(49,108,131)
```
#387b96
```
#387b96 rgb(56,123,150)
```
#3f8ba8
```
#3f8ba8 rgb(63,139,168)
```
#479aba
```
#479aba rgb(71,154,186)
```

Monochromatic Color

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

#318183
```
#318183 rgb(49,129,131)
```
#317a83
```
#317a83 rgb(49,122,131)
```
#317383
```
#317383 rgb(49,115,131)
```
#316c83
```
#316c83 rgb(49,108,131)
```
#316583
```
#316583 rgb(49,101,131)
```
#315e83
```
#315e83 rgb(49,94,131)
```
#315883
```
#315883 rgb(49,88,131)
```

Similar Colors

Text with hexadecimal color #316c83

This text has a font color of #316c83.

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

#316c83 background color

This paragraph has a background color of #316c83.

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

#316c83 border color

This element has a border color of #316c83.

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

CSS codes

.text {color:#316c83;}

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

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

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

#010203
```
#010203 rgb(1,2,3)
```
#060e11
```
#060e11 rgb(6,14,17)
```
#0c1a1f
```
#0c1a1f rgb(12,26,31)
```
#11252d
```
#11252d rgb(17,37,45)
```
#16313c
```
#16313c rgb(22,49,60)
```
#1c3d4a
```
#1c3d4a rgb(28,61,74)
```
#214958
```
#214958 rgb(33,73,88)
```
#265466
```
#265466 rgb(38,84,102)
```
#2c6075
```
#2c6075 rgb(44,96,117)
```
#316c83
```
#316c83 rgb(49,108,131)
```
#367891
```
#367891 rgb(54,120,145)
```
#3c84a0
```
#3c84a0 rgb(60,132,160)
```
#418fae
```
#418fae rgb(65,143,174)
```

Shade Color Variation

#489abb
```
#489abb rgb(72,154,187)
```
#56a2c0
```
#56a2c0 rgb(86,162,192)
```
#64aac5
```
#64aac5 rgb(100,170,197)
```
#73b2cb
```
#73b2cb rgb(115,178,203)
```
#81bad0
```
#81bad0 rgb(129,186,208)
```
#8fc2d5
```
#8fc2d5 rgb(143,194,213)
```
#9ec9db
```
#9ec9db rgb(158,201,219)
```
#acd1e0
```
#acd1e0 rgb(172,209,224)
```
#bad9e5
```
#bad9e5 rgb(186,217,229)
```
#c8e1eb
```
#c8e1eb rgb(200,225,235)
```
#d7e9f0
```
#d7e9f0 rgb(215,233,240)
```
#e5f1f5
```
#e5f1f5 rgb(229,241,245)
```
#f3f9fb
```
#f3f9fb rgb(243,249,251)
```

Tint Color Variation

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

#545d60
```
#545d60 rgb(84,93,96)
```
#4d6067
```
#4d6067 rgb(77,96,103)
```
#46636e
```
#46636e rgb(70,99,110)
```
#3f6675
```
#3f6675 rgb(63,102,117)
```
#38697c
```
#38697c rgb(56,105,124)
```
#316c83
```
#316c83 rgb(49,108,131)
```
#2a6f8a
```
#2a6f8a rgb(42,111,138)
```
#237291
```
#237291 rgb(35,114,145)
```
#1c7598
```
#1c7598 rgb(28,117,152)
```
#15789f
```
#15789f rgb(21,120,159)
```
#0e7ba6
```
#0e7ba6 rgb(14,123,166)
```
#077ead
```
#077ead rgb(7,126,173)
```
#0181b3
```
#0181b3 rgb(1,129,179)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#546065 Atypical Achromatopsia 0.001% of the population

Dichromacy

#666c84 Protanopia 1% of men
#646b8c Deuteranopia 1% of men
#35757e Tritanopia 0.001% of the population

Trichromacy

#536c83 Protanomaly 1% of men, 0.01% of women
#516b89 Deuteranomaly 6% of men, 0.4% of women
#337280 Tritanomaly 0.01% of the population

#316c83 hex color

#316c83 Color Information

#316c83 Color Conversion

Color Schemes with #316c83

Alternatives to #316c83

#316c83 Preview

Shades and Tints of #316c83

Tones of #316c83

Color Blindness Simulator