#316896 hex color

In a RGB color space, hex #316896 is composed of 19.2% red, 40.8% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 67.3% cyan, 30.7% magenta, 0% yellow and 41.2% black. It has a hue angle of 207.3 degrees, a saturation of 50.8% and a lightness of 39%. #316896 color hex could be obtained by blending #62d0ff with #00002d. Closest websafe color is: #336699.

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

● #316896 color description : Dark moderate blue.

The hexadecimal color #316896 has RGB values of R:49, G:104, B:150 and CMYK values of C:0.67, M:0.31, Y:0, K:0.41. Its decimal value is 3238038.

Hex triplet	316896	`#316896`
RGB Decimal	49, 104, 150	`rgb(49,104,150)`
RGB Percent	19.2, 40.8, 58.8	`rgb(19.2%,40.8%,58.8%)`
CMYK	67, 31, 0, 41
HSL	207.3°, 50.8, 39	`hsl(207.3,50.8%,39%)`
HSV (or HSB)	207.3°, 67.3, 58.8
Web Safe	336699	`#336699`

CIE-LAB	42.391, -2.816, -30.467
XYZ	11.721, 12.755, 30.697
xyY	0.212, 0.231, 12.755
CIE-LCH	42.391, 30.597, 264.719
CIE-LUV	42.391, -21.485, -43.747
Hunter-Lab	35.714, -3.919, -25.961
Binary	00110001, 01101000, 10010110

#316896
```
#316896 rgb(49,104,150)
```
#965f31
```
#965f31 rgb(150,95,49)
```

Complementary Color

#319692
```
#319692 rgb(49,150,146)
```
#316896
```
#316896 rgb(49,104,150)
```
#313696
```
#313696 rgb(49,54,150)
```

Analogous Color

#969231
```
#969231 rgb(150,146,49)
```
#316896
```
#316896 rgb(49,104,150)
```
#963136
```
#963136 rgb(150,49,54)
```

Split Complementary Color

#689631
```
#689631 rgb(104,150,49)
```
#316896
```
#316896 rgb(49,104,150)
```
#963168
```
#963168 rgb(150,49,104)
```

Triadic Color

#31965f
```
#31965f rgb(49,150,95)
```
#316896
```
#316896 rgb(49,104,150)
```
#963168
```
#963168 rgb(150,49,104)
```
#965f31
```
#965f31 rgb(150,95,49)
```

Tetradic Color

#1e405c
```
#1e405c rgb(30,64,92)
```
#244d70
```
#244d70 rgb(36,77,112)
```
#2b5b83
```
#2b5b83 rgb(43,91,131)
```
#316896
```
#316896 rgb(49,104,150)
```
#3775a9
```
#3775a9 rgb(55,117,169)
```
#3e83bc
```
#3e83bc rgb(62,131,188)
```
#4e8fc5
```
#4e8fc5 rgb(78,143,197)
```

Monochromatic Color

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

#318196
```
#318196 rgb(49,129,150)
```
#317996
```
#317996 rgb(49,121,150)
```
#317096
```
#317096 rgb(49,112,150)
```
#316896
```
#316896 rgb(49,104,150)
```
#316096
```
#316096 rgb(49,96,150)
```
#315796
```
#315796 rgb(49,87,150)
```
#314f96
```
#314f96 rgb(49,79,150)
```

Similar Colors

Text with hexadecimal color #316896

This text has a font color of #316896.

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

#316896 background color

This paragraph has a background color of #316896.

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

#316896 border color

This element has a border color of #316896.

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

CSS codes

.text {color:#316896;}

.background {background-color:#316896;}

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

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

#010102
```
#010102 rgb(1,1,2)
```
#060c11
```
#060c11 rgb(6,12,17)
```
#0a1620
```
#0a1620 rgb(10,22,32)
```
#0f202f
```
#0f202f rgb(15,32,47)
```
#142a3d
```
#142a3d rgb(20,42,61)
```
#19354c
```
#19354c rgb(25,53,76)
```
#1e3f5b
```
#1e3f5b rgb(30,63,91)
```
#23496a
```
#23496a rgb(35,73,106)
```
#275378
```
#275378 rgb(39,83,120)
```
#2c5e87
```
#2c5e87 rgb(44,94,135)
```
#316896
```
#316896 rgb(49,104,150)
```
#3672a5
```
#3672a5 rgb(54,114,165)
```
#3b7db4
```
#3b7db4 rgb(59,125,180)
```

Shade Color Variation

#4187c1
```
#4187c1 rgb(65,135,193)
```
#5090c6
```
#5090c6 rgb(80,144,198)
```
#5f99cb
```
#5f99cb rgb(95,153,203)
```
#6da3cf
```
#6da3cf rgb(109,163,207)
```
#7cacd4
```
#7cacd4 rgb(124,172,212)
```
#8bb5d9
```
#8bb5d9 rgb(139,181,217)
```
#9abfde
```
#9abfde rgb(154,191,222)
```
#a8c8e3
```
#a8c8e3 rgb(168,200,227)
```
#b7d2e8
```
#b7d2e8 rgb(183,210,232)
```
#c6dbec
```
#c6dbec rgb(198,219,236)
```
#d5e4f1
```
#d5e4f1 rgb(213,228,241)
```
#e4eef6
```
#e4eef6 rgb(228,238,246)
```
#f2f7fb
```
#f2f7fb rgb(242,247,251)
```

Tint Color Variation

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

#5f6468
```
#5f6468 rgb(95,100,104)
```
#576570
```
#576570 rgb(87,101,112)
```
#506577
```
#506577 rgb(80,101,119)
```
#48667f
```
#48667f rgb(72,102,127)
```
#406787
```
#406787 rgb(64,103,135)
```
#39678e
```
#39678e rgb(57,103,142)
```
#316896
```
#316896 rgb(49,104,150)
```
#29699e
```
#29699e rgb(41,105,158)
```
#2269a5
```
#2269a5 rgb(34,105,165)
```
#1a6aad
```
#1a6aad rgb(26,106,173)
```
#126bb5
```
#126bb5 rgb(18,107,181)
```
#0b6bbc
```
#0b6bbc rgb(11,107,188)
```
#036cc4
```
#036cc4 rgb(3,108,196)
```

Tone Color Variation

Below, you can see how #316896 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
#545f68 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5c6a97 Protanopia 1% of men
#536b9d Deuteranopia 1% of men
#25757e Tritanopia 0.001% of the population

Trichromacy

#4c6997 Protanomaly 1% of men, 0.01% of women
#466a9a Deuteranomaly 6% of men, 0.4% of women
#297087 Tritanomaly 0.01% of the population

#316896 hex color

#316896 Color Information

#316896 Color Conversion

Color Schemes with #316896

Alternatives to #316896

#316896 Preview

Shades and Tints of #316896

Tones of #316896

Color Blindness Simulator