#316188 hex color

In a RGB color space, hex #316188 is composed of 19.2% red, 38% green and 53.3% blue. Whereas in a CMYK color space, it is composed of 64% cyan, 28.7% magenta, 0% yellow and 46.7% black. It has a hue angle of 206.9 degrees, a saturation of 47% and a lightness of 36.3%. #316188 color hex could be obtained by blending #62c2ff with #000011. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 19
- G 38
- B 53
RGB color chart
- C 64
- M 29
- Y 0
- K 47
CMYK color chart

● #316188 color description : Dark moderate blue.

The hexadecimal color #316188 has RGB values of R:49, G:97, B:136 and CMYK values of C:0.64, M:0.29, Y:0, K:0.47. Its decimal value is 3236232.

Hex triplet	316188	`#316188`
RGB Decimal	49, 97, 136	`rgb(49,97,136)`
RGB Percent	19.2, 38, 53.3	`rgb(19.2%,38%,53.3%)`
CMYK	64, 29, 0, 47
HSL	206.9°, 47, 36.3	`hsl(206.9,47%,36.3%)`
HSV (or HSB)	206.9°, 64, 53.3
Web Safe	336699	`#336699`

CIE-LAB	39.545, -3.502, -26.511
XYZ	9.984, 10.979, 24.884
xyY	0.218, 0.239, 10.979
CIE-LCH	39.545, 26.741, 262.475
CIE-LUV	39.545, -19.361, -37.022
Hunter-Lab	33.135, -4.201, -21.332
Binary	00110001, 01100001, 10001000

#316188
```
#316188 rgb(49,97,136)
```
#885831
```
#885831 rgb(136,88,49)
```

Complementary Color

#318884
```
#318884 rgb(49,136,132)
```
#316188
```
#316188 rgb(49,97,136)
```
#313688
```
#313688 rgb(49,54,136)
```

Analogous Color

#888431
```
#888431 rgb(136,132,49)
```
#316188
```
#316188 rgb(49,97,136)
```
#883136
```
#883136 rgb(136,49,54)
```

Split Complementary Color

#618831
```
#618831 rgb(97,136,49)
```
#316188
```
#316188 rgb(49,97,136)
```
#883161
```
#883161 rgb(136,49,97)
```

Triadic Color

#318858
```
#318858 rgb(49,136,88)
```
#316188
```
#316188 rgb(49,97,136)
```
#883161
```
#883161 rgb(136,49,97)
```
#885831
```
#885831 rgb(136,88,49)
```

Tetradic Color

#1d3950
```
#1d3950 rgb(29,57,80)
```
#234663
```
#234663 rgb(35,70,99)
```
#2a5475
```
#2a5475 rgb(42,84,117)
```
#316188
```
#316188 rgb(49,97,136)
```
#386e9b
```
#386e9b rgb(56,110,155)
```
#3f7cad
```
#3f7cad rgb(63,124,173)
```
#4889bd
```
#4889bd rgb(72,137,189)
```

Monochromatic Color

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

#317788
```
#317788 rgb(49,119,136)
```
#317088
```
#317088 rgb(49,112,136)
```
#316888
```
#316888 rgb(49,104,136)
```
#316188
```
#316188 rgb(49,97,136)
```
#315a88
```
#315a88 rgb(49,90,136)
```
#315388
```
#315388 rgb(49,83,136)
```
#314b88
```
#314b88 rgb(49,75,136)
```

Similar Colors

Text with hexadecimal color #316188

This text has a font color of #316188.

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

#316188 background color

This paragraph has a background color of #316188.

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

#316188 border color

This element has a border color of #316188.

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

CSS codes

.text {color:#316188;}

.background {background-color:#316188;}

.border {border:1px solid #316188;}

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

#020406
```
#020406 rgb(2,4,6)
```
#070f15
```
#070f15 rgb(7,15,21)
```
#0d1923
```
#0d1923 rgb(13,25,35)
```
#122331
```
#122331 rgb(18,35,49)
```
#172e40
```
#172e40 rgb(23,46,64)
```
#1c384e
```
#1c384e rgb(28,56,78)
```
#21425d
```
#21425d rgb(33,66,93)
```
#274c6b
```
#274c6b rgb(39,76,107)
```
#2c577a
```
#2c577a rgb(44,87,122)
```
#316188
```
#316188 rgb(49,97,136)
```
#366b96
```
#366b96 rgb(54,107,150)
```
#3b76a5
```
#3b76a5 rgb(59,118,165)
```
#4180b3
```
#4180b3 rgb(65,128,179)
```

Shade Color Variation

#4a8abe
```
#4a8abe rgb(74,138,190)
```
#5893c3
```
#5893c3 rgb(88,147,195)
```
#679cc8
```
#679cc8 rgb(103,156,200)
```
#75a6cd
```
#75a6cd rgb(117,166,205)
```
#83afd2
```
#83afd2 rgb(131,175,210)
```
#92b8d8
```
#92b8d8 rgb(146,184,216)
```
#a0c2dd
```
#a0c2dd rgb(160,194,221)
```
#afcbe2
```
#afcbe2 rgb(175,203,226)
```
#bdd4e7
```
#bdd4e7 rgb(189,212,231)
```
#ccdeec
```
#ccdeec rgb(204,222,236)
```
#dae7f2
```
#dae7f2 rgb(218,231,242)
```
#e8f0f7
```
#e8f0f7 rgb(232,240,247)
```
#f7fafc
```
#f7fafc rgb(247,250,252)
```

Tint Color Variation

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

#5c5d5d
```
#5c5d5d rgb(92,93,93)
```
#555d64
```
#555d64 rgb(85,93,100)
```
#4d5e6c
```
#4d5e6c rgb(77,94,108)
```
#465f73
```
#465f73 rgb(70,95,115)
```
#3f607a
```
#3f607a rgb(63,96,122)
```
#386081
```
#386081 rgb(56,96,129)
```
#316188
```
#316188 rgb(49,97,136)
```
#2a628f
```
#2a628f rgb(42,98,143)
```
#236296
```
#236296 rgb(35,98,150)
```
#1c639d
```
#1c639d rgb(28,99,157)
```
#1564a4
```
#1564a4 rgb(21,100,164)
```
#0d65ac
```
#0d65ac rgb(13,101,172)
```
#0665b3
```
#0665b3 rgb(6,101,179)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#4f5961 Atypical Achromatopsia 0.001% of the population

Dichromacy

#58648a Protanopia 1% of men
#52648f Deuteranopia 1% of men
#2c6e76 Tritanopia 0.001% of the population

Trichromacy

#4a6389 Protanomaly 1% of men, 0.01% of women
#46638d Deuteranomaly 6% of men, 0.4% of women
#2e697c Tritanomaly 0.01% of the population

#316188 hex color

#316188 Color Information

#316188 Color Conversion

Color Schemes with #316188

Alternatives to #316188

#316188 Preview

Shades and Tints of #316188

Tones of #316188

Color Blindness Simulator