#316d86 Color Information
In a RGB color space, hex #316d86 is composed of 19.2% red, 42.7% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 63.4% cyan, 18.7% magenta, 0% yellow and 47.5% black. It has a hue angle of 197.6 degrees, a saturation of 46.4% and a lightness of 35.9%. #316d86 color hex could be obtained by blending #62daff with #00000d. Closest websafe color is: #336699.
-
- R 19
- G 43
- B 53
-
- C 63
- M 19
- Y 0
- K 47
● #316d86 color description : Dark moderate blue.
#316d86 Color Conversion
The hexadecimal color #316d86 has RGB values of R:49, G:109, B:134 and CMYK values of C:0.63, M:0.19, Y:0, K:0.47. Its decimal value is 3239302.
Hex triplet | 316d86 | #316d86 |
---|---|---|
RGB Decimal | 49, 109, 134 | rgb(49,109,134) |
RGB Percent | 19.2, 42.7, 52.5 | rgb(19.2%,42.7%,52.5%) |
CMYK | 63, 19, 0, 47 | |
HSL | 197.6°, 46.4, 35.9 | hsl(197.6,46.4%,35.9%) |
HSV (or HSB) | 197.6°, 63.4, 52.5 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 43.228, -11.355, -19.597 |
---|---|
XYZ | 11.037, 13.311, 24.541 |
xyY | 0.226, 0.272, 13.311 |
CIE-LCH | 43.228, 22.649, 239.911 |
CIE-LUV | 43.228, -23.917, -26.408 |
Hunter-Lab | 36.484, -9.846, -14.342 |
Binary | 00110001, 01101101, 10000110 |
Color Schemes with #316d86
Alternatives to #316d86
Below, you can see some colors close to #316d86. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#316d86 Preview
This text has a font color of #316d86.
<span style="color:#316d86;">Text here</span>
This paragraph has a background color of #316d86.
<p style="background-color:#316d86;">Content here</p>
This element has a border color of #316d86.
<div style="border:1px solid #316d86;">Content here</div>
.text {color:#316d86;}
.background {background-color:#316d86;}
.border {border:1px solid #316d86;}
Shades and Tints of #316d86
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, #020405 is the darkest color, while #f5fafb is the lightest one.
-
#020405
#020405
rgb(2,4,5)
-
#071013
#071013
rgb(7,16,19)
-
#0c1b21
#0c1b21
rgb(12,27,33)
-
#112730
#112730
rgb(17,39,48)
-
#17333e
#17333e
rgb(23,51,62)
-
#1c3e4d
#1c3e4d
rgb(28,62,77)
-
#214a5b
#214a5b
rgb(33,74,91)
-
#265669
#265669
rgb(38,86,105)
-
#2c6178
#2c6178
rgb(44,97,120)
-
#316d86
#316d86
rgb(49,109,134)
-
#367994
#367994
rgb(54,121,148)
-
#3c84a3
#3c84a3
rgb(60,132,163)
-
#4190b1
#4190b1
rgb(65,144,177)
-
#499abc
#499abc
rgb(73,154,188)
-
#57a2c2
#57a2c2
rgb(87,162,194)
-
#66aac7
#66aac7
rgb(102,170,199)
-
#74b2cc
#74b2cc
rgb(116,178,204)
-
#82bad1
#82bad1
rgb(130,186,209)
-
#91c2d7
#91c2d7
rgb(145,194,215)
-
#9fcadc
#9fcadc
rgb(159,202,220)
-
#aed2e1
#aed2e1
rgb(174,210,225)
-
#bcdae6
#bcdae6
rgb(188,218,230)
-
#cae2ec
#cae2ec
rgb(202,226,236)
-
#d9eaf1
#d9eaf1
rgb(217,234,241)
-
#e7f2f6
#e7f2f6
rgb(231,242,246)
-
#f5fafb
#f5fafb
rgb(245,250,251)
Tones of #316d86
A tone is produced by adding gray to any pure hue. In this case, #5b5c5c is the less saturated color, while #077eb0 is the most saturated one.
-
#5b5c5c
#5b5c5c
rgb(91,92,92)
-
#545f63
#545f63
rgb(84,95,99)
-
#4d616a
#4d616a
rgb(77,97,106)
-
#466471
#466471
rgb(70,100,113)
-
#3f6778
#3f6778
rgb(63,103,120)
-
#386a7f
#386a7f
rgb(56,106,127)
-
#316d86
#316d86
rgb(49,109,134)
-
#2a708d
#2a708d
rgb(42,112,141)
-
#237394
#237394
rgb(35,115,148)
-
#1c769b
#1c769b
rgb(28,118,155)
-
#1579a2
#1579a2
rgb(21,121,162)
-
#0e7ba9
#0e7ba9
rgb(14,123,169)
-
#077eb0
#077eb0
rgb(7,126,176)
Color Blindness Simulator
Below, you can see how #316d86 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.