#316bab hex color

In a RGB color space, hex #316bab is composed of 19.2% red, 42% green and 67.1% blue. Whereas in a CMYK color space, it is composed of 71.3% cyan, 37.4% magenta, 0% yellow and 32.9% black. It has a hue angle of 211.5 degrees, a saturation of 55.5% and a lightness of 43.1%. #316bab color hex could be obtained by blending #62d6ff with #000057. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 19
- G 42
- B 67
RGB color chart
- C 71
- M 37
- Y 0
- K 33
CMYK color chart

● #316bab color description : Dark blue.

The hexadecimal color #316bab has RGB values of R:49, G:107, B:171 and CMYK values of C:0.71, M:0.37, Y:0, K:0.33. Its decimal value is 3238827.

Hex triplet	316bab	`#316bab`
RGB Decimal	49, 107, 171	`rgb(49,107,171)`
RGB Percent	19.2, 42, 67.1	`rgb(19.2%,42%,67.1%)`
CMYK	71, 37, 0, 33
HSL	211.5°, 55.5, 43.1	`hsl(211.5,55.5%,43.1%)`
HSV (or HSB)	211.5°, 71.3, 67.1
Web Safe	336699	`#336699`

CIE-LAB	44.387, 2.971, -39.74
XYZ	13.873, 14.108, 40.518
xyY	0.203, 0.206, 14.108
CIE-LCH	44.387, 39.851, 274.276
CIE-LUV	44.387, -21.89, -59.132
Hunter-Lab	37.56, 0.201, -37.667
Binary	00110001, 01101011, 10101011

#316bab
```
#316bab rgb(49,107,171)
```
#ab7131
```
#ab7131 rgb(171,113,49)
```

Complementary Color

#31a8ab
```
#31a8ab rgb(49,168,171)
```
#316bab
```
#316bab rgb(49,107,171)
```
#3431ab
```
#3431ab rgb(52,49,171)
```

Analogous Color

#a8ab31
```
#a8ab31 rgb(168,171,49)
```
#316bab
```
#316bab rgb(49,107,171)
```
#ab3431
```
#ab3431 rgb(171,52,49)
```

Split Complementary Color

#6bab31
```
#6bab31 rgb(107,171,49)
```
#316bab
```
#316bab rgb(49,107,171)
```
#ab316b
```
#ab316b rgb(171,49,107)
```

Triadic Color

#31ab71
```
#31ab71 rgb(49,171,113)
```
#316bab
```
#316bab rgb(49,107,171)
```
#ab316b
```
#ab316b rgb(171,49,107)
```
#ab7131
```
#ab7131 rgb(171,113,49)
```

Tetradic Color

#204670
```
#204670 rgb(32,70,112)
```
#265283
```
#265283 rgb(38,82,131)
```
#2b5f97
```
#2b5f97 rgb(43,95,151)
```
#316bab
```
#316bab rgb(49,107,171)
```
#3777bf
```
#3777bf rgb(55,119,191)
```
#4584ca
```
#4584ca rgb(69,132,202)
```
#5991cf
```
#5991cf rgb(89,145,207)
```

Monochromatic Color

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

#318aab
```
#318aab rgb(49,138,171)
```
#317fab
```
#317fab rgb(49,127,171)
```
#3175ab
```
#3175ab rgb(49,117,171)
```
#316bab
```
#316bab rgb(49,107,171)
```
#3161ab
```
#3161ab rgb(49,97,171)
```
#3157ab
```
#3157ab rgb(49,87,171)
```
#314cab
```
#314cab rgb(49,76,171)
```

Similar Colors

Text with hexadecimal color #316bab

This text has a font color of #316bab.

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

#316bab background color

This paragraph has a background color of #316bab.

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

#316bab border color

This element has a border color of #316bab.

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

CSS codes

.text {color:#316bab;}

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

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

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

#010203
```
#010203 rgb(1,2,3)
```
#050c13
```
#050c13 rgb(5,12,19)
```
#0a1522
```
#0a1522 rgb(10,21,34)
```
#0e1f31
```
#0e1f31 rgb(14,31,49)
```
#122840
```
#122840 rgb(18,40,64)
```
#173250
```
#173250 rgb(23,50,80)
```
#1b3b5f
```
#1b3b5f rgb(27,59,95)
```
#20456e
```
#20456e rgb(32,69,110)
```
#244e7d
```
#244e7d rgb(36,78,125)
```
#28588d
```
#28588d rgb(40,88,141)
```
#2d619c
```
#2d619c rgb(45,97,156)
```
#316bab
```
#316bab rgb(49,107,171)
```
#3575ba
```
#3575ba rgb(53,117,186)
```

Shade Color Variation

#3c7ec7
```
#3c7ec7 rgb(60,126,199)
```
#4b88cc
```
#4b88cc rgb(75,136,204)
```
#5b92d0
```
#5b92d0 rgb(91,146,208)
```
#6a9cd4
```
#6a9cd4 rgb(106,156,212)
```
#79a6d9
```
#79a6d9 rgb(121,166,217)
```
#88b1dd
```
#88b1dd rgb(136,177,221)
```
#98bbe1
```
#98bbe1 rgb(152,187,225)
```
#a7c5e6
```
#a7c5e6 rgb(167,197,230)
```
#b6cfea
```
#b6cfea rgb(182,207,234)
```
#c5d9ee
```
#c5d9ee rgb(197,217,238)
```
#d5e3f3
```
#d5e3f3 rgb(213,227,243)
```
#e4edf7
```
#e4edf7 rgb(228,237,247)
```
#f3f7fc
```
#f3f7fc rgb(243,247,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6c6e70 is the less saturated color, while #0769d5 is the most saturated one.

#6c6e70
```
#6c6e70 rgb(108,110,112)
```
#646d78
```
#646d78 rgb(100,109,120)
```
#5b6d81
```
#5b6d81 rgb(91,109,129)
```
#536d89
```
#536d89 rgb(83,109,137)
```
#4a6c92
```
#4a6c92 rgb(74,108,146)
```
#426c9a
```
#426c9a rgb(66,108,154)
```
#396ba3
```
#396ba3 rgb(57,107,163)
```
#316bab
```
#316bab rgb(49,107,171)
```
#296bb3
```
#296bb3 rgb(41,107,179)
```
#206abc
```
#206abc rgb(32,106,188)
```
#186ac4
```
#186ac4 rgb(24,106,196)
```
#0f69cd
```
#0f69cd rgb(15,105,205)
```
#0769d5
```
#0769d5 rgb(7,105,213)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#576370 Atypical Achromatopsia 0.001% of the population

Dichromacy

#576eac Protanopia 1% of men
#4571af Deuteranopia 1% of men
#007b84 Tritanopia 0.001% of the population

Trichromacy

#496dab Protanomaly 1% of men, 0.01% of women
#3d6fae Deuteranomaly 6% of men, 0.4% of women
#117592 Tritanomaly 0.01% of the population

#316bab hex color

#316bab Color Information

#316bab Color Conversion

Color Schemes with #316bab

Alternatives to #316bab

#316bab Preview

Shades and Tints of #316bab

Tones of #316bab

Color Blindness Simulator