#316397 hex color

In a RGB color space, hex #316397 is composed of 19.2% red, 38.8% green and 59.2% blue. Whereas in a CMYK color space, it is composed of 67.5% cyan, 34.4% magenta, 0% yellow and 40.8% black. It has a hue angle of 210.6 degrees, a saturation of 51% and a lightness of 39.2%. #316397 color hex could be obtained by blending #62c6ff with #00002f. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 19
- G 39
- B 59
RGB color chart
- C 68
- M 34
- Y 0
- K 41
CMYK color chart

● #316397 color description : Dark moderate blue.

The hexadecimal color #316397 has RGB values of R:49, G:99, B:151 and CMYK values of C:0.68, M:0.34, Y:0, K:0.41. Its decimal value is 3236759.

Hex triplet	316397	`#316397`
RGB Decimal	49, 99, 151	`rgb(49,99,151)`
RGB Percent	19.2, 38.8, 59.2	`rgb(19.2%,38.8%,59.2%)`
CMYK	68, 34, 0, 41
HSL	210.6°, 51, 39.2	`hsl(210.6,51%,39.2%)`
HSV (or HSB)	210.6°, 67.5, 59.2
Web Safe	336699	`#336699`

CIE-LAB	40.913, 0.638, -33.39
XYZ	11.313, 11.81, 30.96
xyY	0.209, 0.218, 11.81
CIE-LCH	40.913, 33.396, 271.095
CIE-LUV	40.913, -19.678, -48.154
Hunter-Lab	34.366, -1.379, -29.357
Binary	00110001, 01100011, 10010111

#316397
```
#316397 rgb(49,99,151)
```
#976531
```
#976531 rgb(151,101,49)
```

Complementary Color

#319697
```
#319697 rgb(49,150,151)
```
#316397
```
#316397 rgb(49,99,151)
```
#323197
```
#323197 rgb(50,49,151)
```

Analogous Color

#969731
```
#969731 rgb(150,151,49)
```
#316397
```
#316397 rgb(49,99,151)
```
#973231
```
#973231 rgb(151,50,49)
```

Split Complementary Color

#639731
```
#639731 rgb(99,151,49)
```
#316397
```
#316397 rgb(49,99,151)
```
#973163
```
#973163 rgb(151,49,99)
```

Triadic Color

#319765
```
#319765 rgb(49,151,101)
```
#316397
```
#316397 rgb(49,99,151)
```
#973163
```
#973163 rgb(151,49,99)
```
#976531
```
#976531 rgb(151,101,49)
```

Tetradic Color

#1e3d5d
```
#1e3d5d rgb(30,61,93)
```
#254a70
```
#254a70 rgb(37,74,112)
```
#2b5684
```
#2b5684 rgb(43,86,132)
```
#316397
```
#316397 rgb(49,99,151)
```
#3770aa
```
#3770aa rgb(55,112,170)
```
#3d7cbe
```
#3d7cbe rgb(61,124,190)
```
#4f89c6
```
#4f89c6 rgb(79,137,198)
```

Monochromatic Color

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

#317d97
```
#317d97 rgb(49,125,151)
```
#317497
```
#317497 rgb(49,116,151)
```
#316c97
```
#316c97 rgb(49,108,151)
```
#316397
```
#316397 rgb(49,99,151)
```
#315b97
```
#315b97 rgb(49,91,151)
```
#315297
```
#315297 rgb(49,82,151)
```
#314a97
```
#314a97 rgb(49,74,151)
```

Similar Colors

Text with hexadecimal color #316397

This text has a font color of #316397.

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

#316397 background color

This paragraph has a background color of #316397.

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

#316397 border color

This element has a border color of #316397.

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

CSS codes

.text {color:#316397;}

.background {background-color:#316397;}

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

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

#010203
```
#010203 rgb(1,2,3)
```
#060c12
```
#060c12 rgb(6,12,18)
```
#0b1521
```
#0b1521 rgb(11,21,33)
```
#0f1f2f
```
#0f1f2f rgb(15,31,47)
```
#14293e
```
#14293e rgb(20,41,62)
```
#19324d
```
#19324d rgb(25,50,77)
```
#1e3c5c
```
#1e3c5c rgb(30,60,92)
```
#23466b
```
#23466b rgb(35,70,107)
```
#275079
```
#275079 rgb(39,80,121)
```
#2c5988
```
#2c5988 rgb(44,89,136)
```
#316397
```
#316397 rgb(49,99,151)
```
#366da6
```
#366da6 rgb(54,109,166)
```
#3b76b5
```
#3b76b5 rgb(59,118,181)
```

Shade Color Variation

#4180c1
```
#4180c1 rgb(65,128,193)
```
#508ac6
```
#508ac6 rgb(80,138,198)
```
#5f94cb
```
#5f94cb rgb(95,148,203)
```
#6e9ed0
```
#6e9ed0 rgb(110,158,208)
```
#7da8d5
```
#7da8d5 rgb(125,168,213)
```
#8bb2d9
```
#8bb2d9 rgb(139,178,217)
```
#9abcde
```
#9abcde rgb(154,188,222)
```
#a9c6e3
```
#a9c6e3 rgb(169,198,227)
```
#b8cfe8
```
#b8cfe8 rgb(184,207,232)
```
#c7d9ed
```
#c7d9ed rgb(199,217,237)
```
#d5e3f2
```
#d5e3f2 rgb(213,227,242)
```
#e4edf6
```
#e4edf6 rgb(228,237,246)
```
#f3f7fb
```
#f3f7fb rgb(243,247,251)
```

Tint Color Variation

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

#5f6469
```
#5f6469 rgb(95,100,105)
```
#576471
```
#576471 rgb(87,100,113)
```
#506478
```
#506478 rgb(80,100,120)
```
#486380
```
#486380 rgb(72,99,128)
```
#406388
```
#406388 rgb(64,99,136)
```
#39638f
```
#39638f rgb(57,99,143)
```
#316397
```
#316397 rgb(49,99,151)
```
#29639f
```
#29639f rgb(41,99,159)
```
#2263a6
```
#2263a6 rgb(34,99,166)
```
#1a63ae
```
#1a63ae rgb(26,99,174)
```
#1262b6
```
#1262b6 rgb(18,98,182)
```
#0b62bd
```
#0b62bd rgb(11,98,189)
```
#0362c5
```
#0362c5 rgb(3,98,197)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#525c66 Atypical Achromatopsia 0.001% of the population

Dichromacy

#556799 Protanopia 1% of men
#49689d Deuteranopia 1% of men
#1f727a Tritanopia 0.001% of the population

Trichromacy

#486598 Protanomaly 1% of men, 0.01% of women
#40669b Deuteranomaly 6% of men, 0.4% of women
#256c84 Tritanomaly 0.01% of the population

#316397 hex color

#316397 Color Information

#316397 Color Conversion

Color Schemes with #316397

Alternatives to #316397

#316397 Preview

Shades and Tints of #316397

Tones of #316397

Color Blindness Simulator