#021686 Color Information
In a RGB color space, hex #021686 is composed of 0.8% red, 8.6% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 98.5% cyan, 83.6% magenta, 0% yellow and 47.5% black. It has a hue angle of 230.9 degrees, a saturation of 97.1% and a lightness of 26.7%. #021686 color hex could be obtained by blending #042cff with #00000d. Closest websafe color is: #000099.
-
- R 1
- G 9
- B 53
-
- C 99
- M 84
- Y 0
- K 47
● #021686 color description : Dark blue.
#021686 Color Conversion
The hexadecimal color #021686 has RGB values of R:2, G:22, B:134 and CMYK values of C:0.99, M:0.84, Y:0, K:0.47. Its decimal value is 136838.
Hex triplet | 021686 | #021686 |
---|---|---|
RGB Decimal | 2, 22, 134 | rgb(2,22,134) |
RGB Percent | 0.8, 8.6, 52.5 | rgb(0.8%,8.6%,52.5%) |
CMYK | 99, 84, 0, 47 | |
HSL | 230.9°, 97.1, 26.7 | hsl(230.9,97.1%,26.7%) |
HSV (or HSB) | 230.9°, 98.5, 52.5 | |
Web Safe | 000099 | #000099 |
CIE-LAB | 17.025, 40.049, -61.747 |
---|---|
XYZ | 4.614, 2.308, 22.755 |
xyY | 0.155, 0.078, 2.308 |
CIE-LCH | 17.025, 73.598, 302.967 |
CIE-LUV | 17.025, -5.785, -60.894 |
Hunter-Lab | 15.191, 27.635, -78.181 |
Binary | 00000010, 00010110, 10000110 |
Color Schemes with #021686
Alternatives to #021686
Below, you can see some colors close to #021686. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#021686 Preview
This text has a font color of #021686.
<span style="color:#021686;">Text here</span>
This paragraph has a background color of #021686.
<p style="background-color:#021686;">Content here</p>
This element has a border color of #021686.
<div style="border:1px solid #021686;">Content here</div>
.text {color:#021686;}
.background {background-color:#021686;}
.border {border:1px solid #021686;}
Shades and Tints of #021686
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, #000312 is the darkest color, while #fefeff is the lightest one.
-
#000312
#000312
rgb(0,3,18)
-
#010625
#010625
rgb(1,6,37)
-
#010939
#010939
rgb(1,9,57)
-
#010c4c
#010c4c
rgb(1,12,76)
-
#01105f
#01105f
rgb(1,16,95)
-
#021373
#021373
rgb(2,19,115)
-
#021686
#021686
rgb(2,22,134)
-
#021999
#021999
rgb(2,25,153)
-
#031cad
#031cad
rgb(3,28,173)
-
#0320c0
#0320c0
rgb(3,32,192)
-
#0323d3
#0323d3
rgb(3,35,211)
-
#0326e7
#0326e7
rgb(3,38,231)
-
#0429fa
#0429fa
rgb(4,41,250)
-
#1639fc
#1639fc
rgb(22,57,252)
-
#2949fc
#2949fc
rgb(41,73,252)
-
#3c59fc
#3c59fc
rgb(60,89,252)
-
#506afc
#506afc
rgb(80,106,252)
-
#637afd
#637afd
rgb(99,122,253)
-
#768bfd
#768bfd
rgb(118,139,253)
-
#8a9bfd
#8a9bfd
rgb(138,155,253)
-
#9dacfe
#9dacfe
rgb(157,172,254)
-
#b0bcfe
#b0bcfe
rgb(176,188,254)
-
#c4cdfe
#c4cdfe
rgb(196,205,254)
-
#d7ddfe
#d7ddfe
rgb(215,221,254)
-
#eaedff
#eaedff
rgb(234,237,255)
-
#fefeff
#fefeff
rgb(254,254,255)
Tones of #021686
A tone is produced by adding gray to any pure hue. In this case, #414247 is the less saturated color, while #021686 is the most saturated one.
-
#414247
#414247
rgb(65,66,71)
-
#3c3e4c
#3c3e4c
rgb(60,62,76)
-
#363a52
#363a52
rgb(54,58,82)
-
#313757
#313757
rgb(49,55,87)
-
#2c335c
#2c335c
rgb(44,51,92)
-
#273061
#273061
rgb(39,48,97)
-
#212c67
#212c67
rgb(33,44,103)
-
#1c286c
#1c286c
rgb(28,40,108)
-
#172571
#172571
rgb(23,37,113)
-
#122176
#122176
rgb(18,33,118)
-
#0c1d7c
#0c1d7c
rgb(12,29,124)
-
#071a81
#071a81
rgb(7,26,129)
-
#021686
#021686
rgb(2,22,134)
Color Blindness Simulator
Below, you can see how #021686 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.