#1686c2 Color Information
In a RGB color space, hex #1686c2 is composed of 8.6% red, 52.5% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 88.7% cyan, 30.9% magenta, 0% yellow and 23.9% black. It has a hue angle of 200.9 degrees, a saturation of 79.6% and a lightness of 42.4%. #1686c2 color hex could be obtained by blending #2cffff with #000d85. Closest websafe color is: #0099cc.
-
- R 9
- G 53
- B 76
-
- C 89
- M 31
- Y 0
- K 24
● #1686c2 color description : Strong blue.
#1686c2 Color Conversion
The hexadecimal color #1686c2 has RGB values of R:22, G:134, B:194 and CMYK values of C:0.89, M:0.31, Y:0, K:0.24. Its decimal value is 1476290.
Hex triplet | 1686c2 | #1686c2 |
---|---|---|
RGB Decimal | 22, 134, 194 | rgb(22,134,194) |
RGB Percent | 8.6, 52.5, 76.1 | rgb(8.6%,52.5%,76.1%) |
CMYK | 89, 31, 0, 24 | |
HSL | 200.9°, 79.6, 42.4 | hsl(200.9,79.6%,42.4%) |
HSV (or HSB) | 200.9°, 88.7, 76.1 | |
Web Safe | 0099cc | #0099cc |
CIE-LAB | 53.074, -7.492, -39.345 |
---|---|
XYZ | 18.591, 21.114, 54.132 |
xyY | 0.198, 0.225, 21.114 |
CIE-LCH | 53.074, 40.052, 259.219 |
CIE-LUV | 53.074, -33.41, -59.699 |
Hunter-Lab | 45.95, -8.192, -37.682 |
Binary | 00010110, 10000110, 11000010 |
Color Schemes with #1686c2
Alternatives to #1686c2
Below, you can see some colors close to #1686c2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#1686c2 Preview
This text has a font color of #1686c2.
<span style="color:#1686c2;">Text here</span>
This paragraph has a background color of #1686c2.
<p style="background-color:#1686c2;">Content here</p>
This element has a border color of #1686c2.
<div style="border:1px solid #1686c2;">Content here</div>
.text {color:#1686c2;}
.background {background-color:#1686c2;}
.border {border:1px solid #1686c2;}
Shades and Tints of #1686c2
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, #000000 is the darkest color, while #eef8fd is the lightest one.
-
#000000
#000000
rgb(0,0,0)
-
#020c12
#020c12
rgb(2,12,18)
-
#041823
#041823
rgb(4,24,35)
-
#062535
#062535
rgb(6,37,53)
-
#083147
#083147
rgb(8,49,71)
-
#0a3d58
#0a3d58
rgb(10,61,88)
-
#0c496a
#0c496a
rgb(12,73,106)
-
#0e557c
#0e557c
rgb(14,85,124)
-
#10618d
#10618d
rgb(16,97,141)
-
#126e9f
#126e9f
rgb(18,110,159)
-
#147ab0
#147ab0
rgb(20,122,176)
-
#1686c2
#1686c2
rgb(22,134,194)
-
#1892d4
#1892d4
rgb(24,146,212)
-
#1a9ee5
#1a9ee5
rgb(26,158,229)
-
#2ca6e7
#2ca6e7
rgb(44,166,231)
-
#3dade9
#3dade9
rgb(61,173,233)
-
#4fb5eb
#4fb5eb
rgb(79,181,235)
-
#61bced
#61bced
rgb(97,188,237)
-
#72c4ef
#72c4ef
rgb(114,196,239)
-
#84cbf1
#84cbf1
rgb(132,203,241)
-
#96d2f3
#96d2f3
rgb(150,210,243)
-
#a7daf5
#a7daf5
rgb(167,218,245)
-
#b9e1f7
#b9e1f7
rgb(185,225,247)
-
#cae9f9
#cae9f9
rgb(202,233,249)
-
#dcf0fb
#dcf0fb
rgb(220,240,251)
-
#eef8fd
#eef8fd
rgb(238,248,253)
Tones of #1686c2
A tone is produced by adding gray to any pure hue. In this case, #696d6f is the less saturated color, while #058bd3 is the most saturated one.
-
#696d6f
#696d6f
rgb(105,109,111)
-
#616f77
#616f77
rgb(97,111,119)
-
#587280
#587280
rgb(88,114,128)
-
#507488
#507488
rgb(80,116,136)
-
#487790
#487790
rgb(72,119,144)
-
#407998
#407998
rgb(64,121,152)
-
#377ca1
#377ca1
rgb(55,124,161)
-
#2f7ea9
#2f7ea9
rgb(47,126,169)
-
#2781b1
#2781b1
rgb(39,129,177)
-
#1e83ba
#1e83ba
rgb(30,131,186)
-
#1686c2
#1686c2
rgb(22,134,194)
-
#0e89ca
#0e89ca
rgb(14,137,202)
-
#058bd3
#058bd3
rgb(5,139,211)
Color Blindness Simulator
Below, you can see how #1686c2 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.