#031686 Color Information
In a RGB color space, hex #031686 is composed of 1.2% red, 8.6% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 97.8% cyan, 83.6% magenta, 0% yellow and 47.5% black. It has a hue angle of 231.3 degrees, a saturation of 95.6% and a lightness of 26.9%. #031686 color hex could be obtained by blending #062cff with #00000d. Closest websafe color is: #000099.
-
- R 1
- G 9
- B 53
-
- C 98
- M 84
- Y 0
- K 47
● #031686 color description : Dark blue.
#031686 Color Conversion
The hexadecimal color #031686 has RGB values of R:3, G:22, B:134 and CMYK values of C:0.98, M:0.84, Y:0, K:0.47. Its decimal value is 202374.
Hex triplet | 031686 | #031686 |
---|---|---|
RGB Decimal | 3, 22, 134 | rgb(3,22,134) |
RGB Percent | 1.2, 8.6, 52.5 | rgb(1.2%,8.6%,52.5%) |
CMYK | 98, 84, 0, 47 | |
HSL | 231.3°, 95.6, 26.9 | hsl(231.3,95.6%,26.9%) |
HSV (or HSB) | 231.3°, 97.8, 52.5 | |
Web Safe | 000099 | #000099 |
CIE-LAB | 17.056, 40.081, -61.695 |
---|---|
XYZ | 4.627, 2.314, 22.756 |
xyY | 0.156, 0.078, 2.314 |
CIE-LCH | 17.056, 73.572, 303.01 |
CIE-LUV | 17.056, -5.732, -60.928 |
Hunter-Lab | 15.212, 27.669, -78.044 |
Binary | 00000011, 00010110, 10000110 |
Color Schemes with #031686
Alternatives to #031686
Below, you can see some colors close to #031686. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#031686 Preview
This text has a font color of #031686.
<span style="color:#031686;">Text here</span>
This paragraph has a background color of #031686.
<p style="background-color:#031686;">Content here</p>
This element has a border color of #031686.
<div style="border:1px solid #031686;">Content here</div>
.text {color:#031686;}
.background {background-color:#031686;}
.border {border:1px solid #031686;}
Shades and Tints of #031686
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, #000313 is the darkest color, while #ffffff is the lightest one.
-
#000313
#000313
rgb(0,3,19)
-
#010626
#010626
rgb(1,6,38)
-
#010939
#010939
rgb(1,9,57)
-
#020d4c
#020d4c
rgb(2,13,76)
-
#021060
#021060
rgb(2,16,96)
-
#031373
#031373
rgb(3,19,115)
-
#031686
#031686
rgb(3,22,134)
-
#031999
#031999
rgb(3,25,153)
-
#041cac
#041cac
rgb(4,28,172)
-
#041fc0
#041fc0
rgb(4,31,192)
-
#0523d3
#0523d3
rgb(5,35,211)
-
#0526e6
#0526e6
rgb(5,38,230)
-
#0629f9
#0629f9
rgb(6,41,249)
-
#1839fa
#1839fa
rgb(24,57,250)
-
#2c4afa
#2c4afa
rgb(44,74,250)
-
#3f5afb
#3f5afb
rgb(63,90,251)
-
#526bfb
#526bfb
rgb(82,107,251)
-
#657bfc
#657bfc
rgb(101,123,252)
-
#788bfc
#788bfc
rgb(120,139,252)
-
#8c9cfc
#8c9cfc
rgb(140,156,252)
-
#9facfd
#9facfd
rgb(159,172,253)
-
#b2bdfd
#b2bdfd
rgb(178,189,253)
-
#c5cdfe
#c5cdfe
rgb(197,205,254)
-
#d8defe
#d8defe
rgb(216,222,254)
-
#eceeff
#eceeff
rgb(236,238,255)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #031686
A tone is produced by adding gray to any pure hue. In this case, #424347 is the less saturated color, while #031686 is the most saturated one.
-
#424347
#424347
rgb(66,67,71)
-
#3d3f4c
#3d3f4c
rgb(61,63,76)
-
#383b51
#383b51
rgb(56,59,81)
-
#323857
#323857
rgb(50,56,87)
-
#2d345c
#2d345c
rgb(45,52,92)
-
#283061
#283061
rgb(40,48,97)
-
#232c66
#232c66
rgb(35,44,102)
-
#1d296c
#1d296c
rgb(29,41,108)
-
#182571
#182571
rgb(24,37,113)
-
#132176
#132176
rgb(19,33,118)
-
#0e1d7b
#0e1d7b
rgb(14,29,123)
-
#081a81
#081a81
rgb(8,26,129)
-
#031686
#031686
rgb(3,22,134)
Color Blindness Simulator
Below, you can see how #031686 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.