#316686 Color Information
In a RGB color space, hex #316686 is composed of 19.2% red, 40% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 63.4% cyan, 23.9% magenta, 0% yellow and 47.5% black. It has a hue angle of 202.6 degrees, a saturation of 46.4% and a lightness of 35.9%. #316686 color hex could be obtained by blending #62ccff with #00000d. Closest websafe color is: #336699.
-
- R 19
- G 40
- B 53
-
- C 63
- M 24
- Y 0
- K 47
● #316686 color description : Dark moderate blue.
#316686 Color Conversion
The hexadecimal color #316686 has RGB values of R:49, G:102, B:134 and CMYK values of C:0.63, M:0.24, Y:0, K:0.47. Its decimal value is 3237510.
Hex triplet | 316686 | #316686 |
---|---|---|
RGB Decimal | 49, 102, 134 | rgb(49,102,134) |
RGB Percent | 19.2, 40, 52.5 | rgb(19.2%,40%,52.5%) |
CMYK | 63, 24, 0, 47 | |
HSL | 202.6°, 46.4, 35.9 | hsl(202.6,46.4%,35.9%) |
HSV (or HSB) | 202.6°, 63.4, 52.5 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 41.019, -7.236, -23.009 |
---|---|
XYZ | 10.32, 11.876, 24.301 |
xyY | 0.222, 0.255, 11.876 |
CIE-LCH | 41.019, 24.12, 252.542 |
CIE-LUV | 41.019, -21.277, -31.668 |
Hunter-Lab | 34.462, -6.854, -17.686 |
Binary | 00110001, 01100110, 10000110 |
Color Schemes with #316686
Alternatives to #316686
Below, you can see some colors close to #316686. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#316686 Preview
This text has a font color of #316686.
<span style="color:#316686;">Text here</span>
This paragraph has a background color of #316686.
<p style="background-color:#316686;">Content here</p>
This element has a border color of #316686.
<div style="border:1px solid #316686;">Content here</div>
.text {color:#316686;}
.background {background-color:#316686;}
.border {border:1px solid #316686;}
Shades and Tints of #316686
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 #f5f9fb is the lightest one.
-
#020405
#020405
rgb(2,4,5)
-
#070f13
#070f13
rgb(7,15,19)
-
#0c1921
#0c1921
rgb(12,25,33)
-
#112430
#112430
rgb(17,36,48)
-
#172f3e
#172f3e
rgb(23,47,62)
-
#1c3a4d
#1c3a4d
rgb(28,58,77)
-
#21455b
#21455b
rgb(33,69,91)
-
#265069
#265069
rgb(38,80,105)
-
#2c5b78
#2c5b78
rgb(44,91,120)
-
#316686
#316686
rgb(49,102,134)
-
#367194
#367194
rgb(54,113,148)
-
#3c7ca3
#3c7ca3
rgb(60,124,163)
-
#4187b1
#4187b1
rgb(65,135,177)
-
#4991bc
#4991bc
rgb(73,145,188)
-
#579ac2
#579ac2
rgb(87,154,194)
-
#66a2c7
#66a2c7
rgb(102,162,199)
-
#74abcc
#74abcc
rgb(116,171,204)
-
#82b4d1
#82b4d1
rgb(130,180,209)
-
#91bcd7
#91bcd7
rgb(145,188,215)
-
#9fc5dc
#9fc5dc
rgb(159,197,220)
-
#aecee1
#aecee1
rgb(174,206,225)
-
#bcd6e6
#bcd6e6
rgb(188,214,230)
-
#cadfec
#cadfec
rgb(202,223,236)
-
#d9e8f1
#d9e8f1
rgb(217,232,241)
-
#e7f0f6
#e7f0f6
rgb(231,240,246)
-
#f5f9fb
#f5f9fb
rgb(245,249,251)
Tones of #316686
A tone is produced by adding gray to any pure hue. In this case, #5b5c5c is the less saturated color, while #0770b0 is the most saturated one.
-
#5b5c5c
#5b5c5c
rgb(91,92,92)
-
#545d63
#545d63
rgb(84,93,99)
-
#4d5f6a
#4d5f6a
rgb(77,95,106)
-
#466171
#466171
rgb(70,97,113)
-
#3f6378
#3f6378
rgb(63,99,120)
-
#38647f
#38647f
rgb(56,100,127)
-
#316686
#316686
rgb(49,102,134)
-
#2a688d
#2a688d
rgb(42,104,141)
-
#236994
#236994
rgb(35,105,148)
-
#1c6b9b
#1c6b9b
rgb(28,107,155)
-
#156da2
#156da2
rgb(21,109,162)
-
#0e6fa9
#0e6fa9
rgb(14,111,169)
-
#0770b0
#0770b0
rgb(7,112,176)
Color Blindness Simulator
Below, you can see how #316686 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.