#316c8c hex color

In a RGB color space, hex #316c8c is composed of 19.2% red, 42.4% green and 54.9% blue. Whereas in a CMYK color space, it is composed of 65% cyan, 22.9% magenta, 0% yellow and 45.1% black. It has a hue angle of 201.1 degrees, a saturation of 48.1% and a lightness of 37.1%. #316c8c color hex could be obtained by blending #62d8ff with #000019. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 19
- G 42
- B 55
RGB color chart
- C 65
- M 23
- Y 0
- K 45
CMYK color chart

● #316c8c color description : Dark moderate blue.

The hexadecimal color #316c8c has RGB values of R:49, G:108, B:140 and CMYK values of C:0.65, M:0.23, Y:0, K:0.45. Its decimal value is 3239052.

Hex triplet	316c8c	`#316c8c`
RGB Decimal	49, 108, 140	`rgb(49,108,140)`
RGB Percent	19.2, 42.4, 54.9	`rgb(19.2%,42.4%,54.9%)`
CMYK	65, 23, 0, 45
HSL	201.1°, 48.1, 37.1	`hsl(201.1,48.1%,37.1%)`
HSV (or HSB)	201.1°, 65, 54.9
Web Safe	336699	`#336699`

CIE-LAB	43.168, -8.732, -23.282
XYZ	11.362, 13.271, 26.772
xyY	0.221, 0.258, 13.271
CIE-LCH	43.168, 24.866, 249.44
CIE-LUV	43.168, -23.304, -32.287
Hunter-Lab	36.429, -8.079, -18.073
Binary	00110001, 01101100, 10001100

#316c8c
```
#316c8c rgb(49,108,140)
```
#8c5131
```
#8c5131 rgb(140,81,49)
```

Complementary Color

#318c7f
```
#318c7f rgb(49,140,127)
```
#316c8c
```
#316c8c rgb(49,108,140)
```
#313f8c
```
#313f8c rgb(49,63,140)
```

Analogous Color

#8c7f31
```
#8c7f31 rgb(140,127,49)
```
#316c8c
```
#316c8c rgb(49,108,140)
```
#8c313f
```
#8c313f rgb(140,49,63)
```

Split Complementary Color

#6c8c31
```
#6c8c31 rgb(108,140,49)
```
#316c8c
```
#316c8c rgb(49,108,140)
```
#8c316c
```
#8c316c rgb(140,49,108)
```

Triadic Color

#318c51
```
#318c51 rgb(49,140,81)
```
#316c8c
```
#316c8c rgb(49,108,140)
```
#8c316c
```
#8c316c rgb(140,49,108)
```
#8c5131
```
#8c5131 rgb(140,81,49)
```

Tetradic Color

#1d4053
```
#1d4053 rgb(29,64,83)
```
#244f66
```
#244f66 rgb(36,79,102)
```
#2a5d79
```
#2a5d79 rgb(42,93,121)
```
#316c8c
```
#316c8c rgb(49,108,140)
```
#387b9f
```
#387b9f rgb(56,123,159)
```
#3e89b2
```
#3e89b2 rgb(62,137,178)
```
#4a96c0
```
#4a96c0 rgb(74,150,192)
```

Monochromatic Color

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

#31838c
```
#31838c rgb(49,131,140)
```
#317b8c
```
#317b8c rgb(49,123,140)
```
#31748c
```
#31748c rgb(49,116,140)
```
#316c8c
```
#316c8c rgb(49,108,140)
```
#31648c
```
#31648c rgb(49,100,140)
```
#315d8c
```
#315d8c rgb(49,93,140)
```
#31558c
```
#31558c rgb(49,85,140)
```

Similar Colors

Text with hexadecimal color #316c8c

This text has a font color of #316c8c.

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

#316c8c background color

This paragraph has a background color of #316c8c.

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

#316c8c border color

This element has a border color of #316c8c.

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

CSS codes

.text {color:#316c8c;}

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

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

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

#030709
```
#030709 rgb(3,7,9)
```
#081218
```
#081218 rgb(8,18,24)
```
#0d1e26
```
#0d1e26 rgb(13,30,38)
```
#122935
```
#122935 rgb(18,41,53)
```
#183443
```
#183443 rgb(24,52,67)
```
#1d3f52
```
#1d3f52 rgb(29,63,82)
```
#224a60
```
#224a60 rgb(34,74,96)
```
#27566f
```
#27566f rgb(39,86,111)
```
#2c617d
```
#2c617d rgb(44,97,125)
```
#316c8c
```
#316c8c rgb(49,108,140)
```
#36779b
```
#36779b rgb(54,119,155)
```
#3b82a9
```
#3b82a9 rgb(59,130,169)
```
#408eb8
```
#408eb8 rgb(64,142,184)
```

Shade Color Variation

#4b97c0
```
#4b97c0 rgb(75,151,192)
```
#5a9fc5
```
#5a9fc5 rgb(90,159,197)
```
#68a8ca
```
#68a8ca rgb(104,168,202)
```
#77b0cf
```
#77b0cf rgb(119,176,207)
```
#85b9d4
```
#85b9d4 rgb(133,185,212)
```
#94c1da
```
#94c1da rgb(148,193,218)
```
#a3c9df
```
#a3c9df rgb(163,201,223)
```
#b1d2e4
```
#b1d2e4 rgb(177,210,228)
```
#c0dae9
```
#c0dae9 rgb(192,218,233)
```
#cee3ee
```
#cee3ee rgb(206,227,238)
```
#ddebf3
```
#ddebf3 rgb(221,235,243)
```
#ebf4f8
```
#ebf4f8 rgb(235,244,248)
```
#fafcfd
```
#fafcfd rgb(250,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5d5f60 is the less saturated color, while #0579b8 is the most saturated one.

#5d5f60
```
#5d5f60 rgb(93,95,96)
```
#556168
```
#556168 rgb(85,97,104)
```
#4e636f
```
#4e636f rgb(78,99,111)
```
#476676
```
#476676 rgb(71,102,118)
```
#40687d
```
#40687d rgb(64,104,125)
```
#386a85
```
#386a85 rgb(56,106,133)
```
#316c8c
```
#316c8c rgb(49,108,140)
```
#2a6e93
```
#2a6e93 rgb(42,110,147)
```
#22709b
```
#22709b rgb(34,112,155)
```
#1b72a2
```
#1b72a2 rgb(27,114,162)
```
#1475a9
```
#1475a9 rgb(20,117,169)
```
#0d77b0
```
#0d77b0 rgb(13,119,176)
```
#0579b8
```
#0579b8 rgb(5,121,184)
```

Tone Color Variation

Below, you can see how #316c8c 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
#556167 Atypical Achromatopsia 0.001% of the population

Dichromacy

#646c8d Protanopia 1% of men
#5f6c94 Deuteranopia 1% of men
#2f777f Tritanopia 0.001% of the population

Trichromacy

#516c8c Protanomaly 1% of men, 0.01% of women
#4e6c91 Deuteranomaly 6% of men, 0.4% of women
#307384 Tritanomaly 0.01% of the population

#316c8c hex color

#316c8c Color Information

#316c8c Color Conversion

Color Schemes with #316c8c

Alternatives to #316c8c

#316c8c Preview

Shades and Tints of #316c8c

Tones of #316c8c

Color Blindness Simulator