#316c82 hex color

In a RGB color space, hex #316c82 is composed of 19.2% red, 42.4% green and 51% blue. Whereas in a CMYK color space, it is composed of 62.3% cyan, 16.9% magenta, 0% yellow and 49% black. It has a hue angle of 196.3 degrees, a saturation of 45.3% and a lightness of 35.1%. #316c82 color hex could be obtained by blending #62d8ff with #000005. Closest websafe color is: #336699.

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

● #316c82 color description : Dark moderate blue.

The hexadecimal color #316c82 has RGB values of R:49, G:108, B:130 and CMYK values of C:0.62, M:0.17, Y:0, K:0.49. Its decimal value is 3239042.

Hex triplet	316c82	`#316c82`
RGB Decimal	49, 108, 130	`rgb(49,108,130)`
RGB Percent	19.2, 42.4, 51	`rgb(19.2%,42.4%,51%)`
CMYK	62, 17, 0, 49
HSL	196.3°, 45.3, 35.1	`hsl(196.3,45.3%,35.1%)`
HSV (or HSB)	196.3°, 62.3, 51
Web Safe	336699	`#336699`

CIE-LAB	42.747, -12.113, -17.933
XYZ	10.657, 12.989, 23.063
xyY	0.228, 0.278, 12.989
CIE-LCH	42.747, 21.641, 235.963
CIE-LUV	42.747, -23.698, -23.757
Hunter-Lab	36.04, -10.287, -12.713
Binary	00110001, 01101100, 10000010

#316c82
```
#316c82 rgb(49,108,130)
```
#824731
```
#824731 rgb(130,71,49)
```

Complementary Color

#318270
```
#318270 rgb(49,130,112)
```
#316c82
```
#316c82 rgb(49,108,130)
```
#314482
```
#314482 rgb(49,68,130)
```

Analogous Color

#827031
```
#827031 rgb(130,112,49)
```
#316c82
```
#316c82 rgb(49,108,130)
```
#823144
```
#823144 rgb(130,49,68)
```

Split Complementary Color

#6c8231
```
#6c8231 rgb(108,130,49)
```
#316c82
```
#316c82 rgb(49,108,130)
```
#82316c
```
#82316c rgb(130,49,108)
```

Triadic Color

#318247
```
#318247 rgb(49,130,71)
```
#316c82
```
#316c82 rgb(49,108,130)
```
#82316c
```
#82316c rgb(130,49,108)
```
#824731
```
#824731 rgb(130,71,49)
```

Tetradic Color

#1c3e4a
```
#1c3e4a rgb(28,62,74)
```
#234d5d
```
#234d5d rgb(35,77,93)
```
#2a5d6f
```
#2a5d6f rgb(42,93,111)
```
#316c82
```
#316c82 rgb(49,108,130)
```
#387b95
```
#387b95 rgb(56,123,149)
```
#3f8ba7
```
#3f8ba7 rgb(63,139,167)
```
#469ab9
```
#469ab9 rgb(70,154,185)
```

Monochromatic Color

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

#318082
```
#318082 rgb(49,128,130)
```
#317a82
```
#317a82 rgb(49,122,130)
```
#317382
```
#317382 rgb(49,115,130)
```
#316c82
```
#316c82 rgb(49,108,130)
```
#316582
```
#316582 rgb(49,101,130)
```
#315f82
```
#315f82 rgb(49,95,130)
```
#315882
```
#315882 rgb(49,88,130)
```

Similar Colors

Text with hexadecimal color #316c82

This text has a font color of #316c82.

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

#316c82 background color

This paragraph has a background color of #316c82.

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

#316c82 border color

This element has a border color of #316c82.

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

CSS codes

.text {color:#316c82;}

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

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

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

#010102
```
#010102 rgb(1,1,2)
```
#060d10
```
#060d10 rgb(6,13,16)
```
#0b191e
```
#0b191e rgb(11,25,30)
```
#11252d
```
#11252d rgb(17,37,45)
```
#16313b
```
#16313b rgb(22,49,59)
```
#1c3d49
```
#1c3d49 rgb(28,61,73)
```
#214857
```
#214857 rgb(33,72,87)
```
#265466
```
#265466 rgb(38,84,102)
```
#2c6074
```
#2c6074 rgb(44,96,116)
```
#316c82
```
#316c82 rgb(49,108,130)
```
#367890
```
#367890 rgb(54,120,144)
```
#3c849e
```
#3c849e rgb(60,132,158)
```
#4190ad
```
#4190ad rgb(65,144,173)
```

Shade Color Variation

#489bba
```
#489bba rgb(72,155,186)
```
#56a3bf
```
#56a3bf rgb(86,163,191)
```
#64aac5
```
#64aac5 rgb(100,170,197)
```
#72b2ca
```
#72b2ca rgb(114,178,202)
```
#81bacf
```
#81bacf rgb(129,186,207)
```
#8fc2d5
```
#8fc2d5 rgb(143,194,213)
```
#9dcada
```
#9dcada rgb(157,202,218)
```
#abd1df
```
#abd1df rgb(171,209,223)
```
#bad9e5
```
#bad9e5 rgb(186,217,229)
```
#c8e1ea
```
#c8e1ea rgb(200,225,234)
```
#d6e9f0
```
#d6e9f0 rgb(214,233,240)
```
#e4f0f5
```
#e4f0f5 rgb(228,240,245)
```
#f3f8fa
```
#f3f8fa rgb(243,248,250)
```

Tint Color Variation

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

#535c60
```
#535c60 rgb(83,92,96)
```
#4d5f66
```
#4d5f66 rgb(77,95,102)
```
#46636d
```
#46636d rgb(70,99,109)
```
#3f6674
```
#3f6674 rgb(63,102,116)
```
#38697b
```
#38697b rgb(56,105,123)
```
#316c82
```
#316c82 rgb(49,108,130)
```
#2a6f89
```
#2a6f89 rgb(42,111,137)
```
#237290
```
#237290 rgb(35,114,144)
```
#1c7597
```
#1c7597 rgb(28,117,151)
```
#15799e
```
#15799e rgb(21,121,158)
```
#0f7ca4
```
#0f7ca4 rgb(15,124,164)
```
#087fab
```
#087fab rgb(8,127,171)
```
#0182b2
```
#0182b2 rgb(1,130,178)
```

Tone Color Variation

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

Dichromacy

#676b83 Protanopia 1% of men
#656b8b Deuteranopia 1% of men
#35757e Tritanopia 0.001% of the population

Trichromacy

#536b83 Protanomaly 1% of men, 0.01% of women
#526b88 Deuteranomaly 6% of men, 0.4% of women
#34727f Tritanomaly 0.01% of the population

#316c82 hex color

#316c82 Color Information

#316c82 Color Conversion

Color Schemes with #316c82

Alternatives to #316c82

#316c82 Preview

Shades and Tints of #316c82

Tones of #316c82

Color Blindness Simulator