#316b82 hex color

In a RGB color space, hex #316b82 is composed of 19.2% red, 42% green and 51% blue. Whereas in a CMYK color space, it is composed of 62.3% cyan, 17.7% magenta, 0% yellow and 49% black. It has a hue angle of 197 degrees, a saturation of 45.3% and a lightness of 35.1%. #316b82 color hex could be obtained by blending #62d6ff with #000005. 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

● #316b82 color description : Dark moderate blue.

The hexadecimal color #316b82 has RGB values of R:49, G:107, B:130 and CMYK values of C:0.62, M:0.18, Y:0, K:0.49. Its decimal value is 3238786.

Hex triplet	316b82	`#316b82`
RGB Decimal	49, 107, 130	`rgb(49,107,130)`
RGB Percent	19.2, 42, 51	`rgb(19.2%,42%,51%)`
CMYK	62, 18, 0, 49
HSL	197°, 45.3, 35.1	`hsl(197,45.3%,35.1%)`
HSV (or HSB)	197°, 62.3, 51
Web Safe	336699	`#336699`

CIE-LAB	42.429, -11.536, -18.421
XYZ	10.553, 12.779, 23.028
xyY	0.228, 0.276, 12.779
CIE-LCH	42.429, 21.735, 237.944
CIE-LUV	42.429, -23.315, -24.514
Hunter-Lab	35.748, -9.868, -13.17
Binary	00110001, 01101011, 10000010

#316b82
```
#316b82 rgb(49,107,130)
```
#824831
```
#824831 rgb(130,72,49)
```

Complementary Color

#318271
```
#318271 rgb(49,130,113)
```
#316b82
```
#316b82 rgb(49,107,130)
```
#314382
```
#314382 rgb(49,67,130)
```

Analogous Color

#827131
```
#827131 rgb(130,113,49)
```
#316b82
```
#316b82 rgb(49,107,130)
```
#823143
```
#823143 rgb(130,49,67)
```

Split Complementary Color

#6b8231
```
#6b8231 rgb(107,130,49)
```
#316b82
```
#316b82 rgb(49,107,130)
```
#82316b
```
#82316b rgb(130,49,107)
```

Triadic Color

#318248
```
#318248 rgb(49,130,72)
```
#316b82
```
#316b82 rgb(49,107,130)
```
#82316b
```
#82316b rgb(130,49,107)
```
#824831
```
#824831 rgb(130,72,49)
```

Tetradic Color

#1c3d4a
```
#1c3d4a rgb(28,61,74)
```
#234d5d
```
#234d5d rgb(35,77,93)
```
#2a5c6f
```
#2a5c6f rgb(42,92,111)
```
#316b82
```
#316b82 rgb(49,107,130)
```
#387a95
```
#387a95 rgb(56,122,149)
```
#3f89a7
```
#3f89a7 rgb(63,137,167)
```
#4699b9
```
#4699b9 rgb(70,153,185)
```

Monochromatic Color

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

#317f82
```
#317f82 rgb(49,127,130)
```
#317982
```
#317982 rgb(49,121,130)
```
#317282
```
#317282 rgb(49,114,130)
```
#316b82
```
#316b82 rgb(49,107,130)
```
#316482
```
#316482 rgb(49,100,130)
```
#315e82
```
#315e82 rgb(49,94,130)
```
#315782
```
#315782 rgb(49,87,130)
```

Similar Colors

Text with hexadecimal color #316b82

This text has a font color of #316b82.

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

#316b82 background color

This paragraph has a background color of #316b82.

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

#316b82 border color

This element has a border color of #316b82.

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

CSS codes

.text {color:#316b82;}

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

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

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)
```
#16303b
```
#16303b rgb(22,48,59)
```
#1c3c49
```
#1c3c49 rgb(28,60,73)
```
#214857
```
#214857 rgb(33,72,87)
```
#265466
```
#265466 rgb(38,84,102)
```
#2c5f74
```
#2c5f74 rgb(44,95,116)
```
#316b82
```
#316b82 rgb(49,107,130)
```
#367790
```
#367790 rgb(54,119,144)
```
#3c829e
```
#3c829e rgb(60,130,158)
```
#418ead
```
#418ead rgb(65,142,173)
```

Shade Color Variation

#4899ba
```
#4899ba rgb(72,153,186)
```
#56a1bf
```
#56a1bf rgb(86,161,191)
```
#64a9c5
```
#64a9c5 rgb(100,169,197)
```
#72b1ca
```
#72b1ca rgb(114,177,202)
```
#81b9cf
```
#81b9cf rgb(129,185,207)
```
#8fc1d5
```
#8fc1d5 rgb(143,193,213)
```
#9dc9da
```
#9dc9da rgb(157,201,218)
```
#abd1df
```
#abd1df rgb(171,209,223)
```
#bad9e5
```
#bad9e5 rgb(186,217,229)
```
#c8e0ea
```
#c8e0ea rgb(200,224,234)
```
#d6e8f0
```
#d6e8f0 rgb(214,232,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 #0180b2 is the most saturated one.

#535c60
```
#535c60 rgb(83,92,96)
```
#4d5f66
```
#4d5f66 rgb(77,95,102)
```
#46626d
```
#46626d rgb(70,98,109)
```
#3f6574
```
#3f6574 rgb(63,101,116)
```
#38687b
```
#38687b rgb(56,104,123)
```
#316b82
```
#316b82 rgb(49,107,130)
```
#2a6e89
```
#2a6e89 rgb(42,110,137)
```
#237190
```
#237190 rgb(35,113,144)
```
#1c7497
```
#1c7497 rgb(28,116,151)
```
#15779e
```
#15779e rgb(21,119,158)
```
#0f7aa4
```
#0f7aa4 rgb(15,122,164)
```
#087dab
```
#087dab rgb(8,125,171)
```
#0180b2
```
#0180b2 rgb(1,128,178)
```

Tone Color Variation

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

Dichromacy

#666b83 Protanopia 1% of men
#636a8b Deuteranopia 1% of men
#35747d Tritanopia 0.001% of the population

Trichromacy

#526b83 Protanomaly 1% of men, 0.01% of women
#516a88 Deuteranomaly 6% of men, 0.4% of women
#33717f Tritanomaly 0.01% of the population

#316b82 hex color

#316b82 Color Information

#316b82 Color Conversion

Color Schemes with #316b82

Alternatives to #316b82

#316b82 Preview

Shades and Tints of #316b82

Tones of #316b82

Color Blindness Simulator