#316d89 hex color

In a RGB color space, hex #316d89 is composed of 19.2% red, 42.7% green and 53.7% blue. Whereas in a CMYK color space, it is composed of 64.2% cyan, 20.4% magenta, 0% yellow and 46.3% black. It has a hue angle of 199.1 degrees, a saturation of 47.3% and a lightness of 36.5%. #316d89 color hex could be obtained by blending #62daff with #000013. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 19
- G 43
- B 54
RGB color chart
- C 64
- M 20
- Y 0
- K 46
CMYK color chart

● #316d89 color description : Dark moderate blue.

The hexadecimal color #316d89 has RGB values of R:49, G:109, B:137 and CMYK values of C:0.64, M:0.2, Y:0, K:0.46. Its decimal value is 3239305.

Hex triplet	316d89	`#316d89`
RGB Decimal	49, 109, 137	`rgb(49,109,137)`
RGB Percent	19.2, 42.7, 53.7	`rgb(19.2%,42.7%,53.7%)`
CMYK	64, 20, 0, 46
HSL	199.1°, 47.3, 36.5	`hsl(199.1,47.3%,36.5%)`
HSV (or HSB)	199.1°, 64.2, 53.7
Web Safe	336699	`#336699`

CIE-LAB	43.353, -10.343, -21.201
XYZ	11.249, 13.396, 25.658
xyY	0.224, 0.266, 13.396
CIE-LCH	43.353, 23.589, 243.994
CIE-LUV	43.353, -23.796, -28.969
Hunter-Lab	36.6, -9.186, -15.945
Binary	00110001, 01101101, 10001001

#316d89
```
#316d89 rgb(49,109,137)
```
#894d31
```
#894d31 rgb(137,77,49)
```

Complementary Color

#318979
```
#318979 rgb(49,137,121)
```
#316d89
```
#316d89 rgb(49,109,137)
```
#314189
```
#314189 rgb(49,65,137)
```

Analogous Color

#897931
```
#897931 rgb(137,121,49)
```
#316d89
```
#316d89 rgb(49,109,137)
```
#893141
```
#893141 rgb(137,49,65)
```

Split Complementary Color

#6d8931
```
#6d8931 rgb(109,137,49)
```
#316d89
```
#316d89 rgb(49,109,137)
```
#89316d
```
#89316d rgb(137,49,109)
```

Triadic Color

#31894d
```
#31894d rgb(49,137,77)
```
#316d89
```
#316d89 rgb(49,109,137)
```
#89316d
```
#89316d rgb(137,49,109)
```
#894d31
```
#894d31 rgb(137,77,49)
```

Tetradic Color

#1d4051
```
#1d4051 rgb(29,64,81)
```
#244f63
```
#244f63 rgb(36,79,99)
```
#2a5e76
```
#2a5e76 rgb(42,94,118)
```
#316d89
```
#316d89 rgb(49,109,137)
```
#387c9c
```
#387c9c rgb(56,124,156)
```
#3e8baf
```
#3e8baf rgb(62,139,175)
```
#4999be
```
#4999be rgb(73,153,190)
```

Monochromatic Color

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

#318389
```
#318389 rgb(49,131,137)
```
#317c89
```
#317c89 rgb(49,124,137)
```
#317489
```
#317489 rgb(49,116,137)
```
#316d89
```
#316d89 rgb(49,109,137)
```
#316689
```
#316689 rgb(49,102,137)
```
#315e89
```
#315e89 rgb(49,94,137)
```
#315789
```
#315789 rgb(49,87,137)
```

Similar Colors

Text with hexadecimal color #316d89

This text has a font color of #316d89.

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

#316d89 background color

This paragraph has a background color of #316d89.

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

#316d89 border color

This element has a border color of #316d89.

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

CSS codes

.text {color:#316d89;}

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

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

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

#020607
```
#020607 rgb(2,6,7)
```
#081115
```
#081115 rgb(8,17,21)
```
#0d1d24
```
#0d1d24 rgb(13,29,36)
```
#122832
```
#122832 rgb(18,40,50)
```
#173441
```
#173441 rgb(23,52,65)
```
#1c3f4f
```
#1c3f4f rgb(28,63,79)
```
#214b5e
```
#214b5e rgb(33,75,94)
```
#27566c
```
#27566c rgb(39,86,108)
```
#2c627b
```
#2c627b rgb(44,98,123)
```
#316d89
```
#316d89 rgb(49,109,137)
```
#367897
```
#367897 rgb(54,120,151)
```
#3b84a6
```
#3b84a6 rgb(59,132,166)
```
#418fb4
```
#418fb4 rgb(65,143,180)
```

Shade Color Variation

#4a99be
```
#4a99be rgb(74,153,190)
```
#59a1c3
```
#59a1c3 rgb(89,161,195)
```
#67aac9
```
#67aac9 rgb(103,170,201)
```
#75b2ce
```
#75b2ce rgb(117,178,206)
```
#84bad3
```
#84bad3 rgb(132,186,211)
```
#92c2d8
```
#92c2d8 rgb(146,194,216)
```
#a1cadd
```
#a1cadd rgb(161,202,221)
```
#afd2e2
```
#afd2e2 rgb(175,210,226)
```
#bedae8
```
#bedae8 rgb(190,218,232)
```
#cce2ed
```
#cce2ed rgb(204,226,237)
```
#dbebf2
```
#dbebf2 rgb(219,235,242)
```
#e9f3f7
```
#e9f3f7 rgb(233,243,247)
```
#f8fbfc
```
#f8fbfc rgb(248,251,252)
```

Tint Color Variation

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

#5c5d5e
```
#5c5d5e rgb(92,93,94)
```
#556065
```
#556065 rgb(85,96,101)
```
#4e636c
```
#4e636c rgb(78,99,108)
```
#466574
```
#466574 rgb(70,101,116)
```
#3f687b
```
#3f687b rgb(63,104,123)
```
#386a82
```
#386a82 rgb(56,106,130)
```
#316d89
```
#316d89 rgb(49,109,137)
```
#2a7090
```
#2a7090 rgb(42,112,144)
```
#237297
```
#237297 rgb(35,114,151)
```
#1c759e
```
#1c759e rgb(28,117,158)
```
#1477a6
```
#1477a6 rgb(20,119,166)
```
#0d7aad
```
#0d7aad rgb(13,122,173)
```
#067db4
```
#067db4 rgb(6,125,180)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#556167 Atypical Achromatopsia 0.001% of the population

Dichromacy

#666d8a Protanopia 1% of men
#626d92 Deuteranopia 1% of men
#327780 Tritanopia 0.001% of the population

Trichromacy

#526d89 Protanomaly 1% of men, 0.01% of women
#506d8e Deuteranomaly 6% of men, 0.4% of women
#317383 Tritanomaly 0.01% of the population

#316d89 hex color

#316d89 Color Information

#316d89 Color Conversion

Color Schemes with #316d89

Alternatives to #316d89

#316d89 Preview

Shades and Tints of #316d89

Tones of #316d89

Color Blindness Simulator