#166ac2 Color Information
In a RGB color space, hex #166ac2 is composed of 8.6% red, 41.6% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 88.7% cyan, 45.4% magenta, 0% yellow and 23.9% black. It has a hue angle of 210.7 degrees, a saturation of 79.6% and a lightness of 42.4%. #166ac2 color hex could be obtained by blending #2cd4ff with #000085. Closest websafe color is: #0066cc.
-
- R 9
- G 42
- B 76
-
- C 89
- M 45
- Y 0
- K 24
● #166ac2 color description : Strong blue.
#166ac2 Color Conversion
The hexadecimal color #166ac2 has RGB values of R:22, G:106, B:194 and CMYK values of C:0.89, M:0.45, Y:0, K:0.24. Its decimal value is 1469122.
Hex triplet | 166ac2 | #166ac2 |
---|---|---|
RGB Decimal | 22, 106, 194 | rgb(22,106,194) |
RGB Percent | 8.6, 41.6, 76.1 | rgb(8.6%,41.6%,76.1%) |
CMYK | 89, 45, 0, 24 | |
HSL | 210.7°, 79.6, 42.4 | hsl(210.7,79.6%,42.4%) |
HSV (or HSB) | 210.7°, 88.7, 76.1 | |
Web Safe | 0066cc | #0066cc |
CIE-LAB | 44.762, 9.611, -52.572 |
---|---|
XYZ | 15.22, 14.372, 53.008 |
xyY | 0.184, 0.174, 14.372 |
CIE-LCH | 44.762, 53.443, 280.361 |
CIE-LUV | 44.762, -24.246, -79.443 |
Hunter-Lab | 37.911, 5.319, -56.363 |
Binary | 00010110, 01101010, 11000010 |
Color Schemes with #166ac2
Alternatives to #166ac2
Below, you can see some colors close to #166ac2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#166ac2 Preview
This text has a font color of #166ac2.
<span style="color:#166ac2;">Text here</span>
This paragraph has a background color of #166ac2.
<p style="background-color:#166ac2;">Content here</p>
This element has a border color of #166ac2.
<div style="border:1px solid #166ac2;">Content here</div>
.text {color:#166ac2;}
.background {background-color:#166ac2;}
.border {border:1px solid #166ac2;}
Shades and Tints of #166ac2
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 #eef5fd is the lightest one.
-
#000000
#000000
rgb(0,0,0)
-
#020a12
#020a12
rgb(2,10,18)
-
#041323
#041323
rgb(4,19,35)
-
#061d35
#061d35
rgb(6,29,53)
-
#082747
#082747
rgb(8,39,71)
-
#0a3058
#0a3058
rgb(10,48,88)
-
#0c3a6a
#0c3a6a
rgb(12,58,106)
-
#0e437c
#0e437c
rgb(14,67,124)
-
#104d8d
#104d8d
rgb(16,77,141)
-
#12579f
#12579f
rgb(18,87,159)
-
#1460b0
#1460b0
rgb(20,96,176)
-
#166ac2
#166ac2
rgb(22,106,194)
-
#1874d4
#1874d4
rgb(24,116,212)
-
#1a7de5
#1a7de5
rgb(26,125,229)
-
#2c87e7
#2c87e7
rgb(44,135,231)
-
#3d91e9
#3d91e9
rgb(61,145,233)
-
#4f9beb
#4f9beb
rgb(79,155,235)
-
#61a5ed
#61a5ed
rgb(97,165,237)
-
#72afef
#72afef
rgb(114,175,239)
-
#84b9f1
#84b9f1
rgb(132,185,241)
-
#96c3f3
#96c3f3
rgb(150,195,243)
-
#a7cdf5
#a7cdf5
rgb(167,205,245)
-
#b9d7f7
#b9d7f7
rgb(185,215,247)
-
#cae1f9
#cae1f9
rgb(202,225,249)
-
#dcebfb
#dcebfb
rgb(220,235,251)
-
#eef5fd
#eef5fd
rgb(238,245,253)
Tones of #166ac2
A tone is produced by adding gray to any pure hue. In this case, #696c6f is the less saturated color, while #056ad3 is the most saturated one.
-
#696c6f
#696c6f
rgb(105,108,111)
-
#616c77
#616c77
rgb(97,108,119)
-
#586c80
#586c80
rgb(88,108,128)
-
#506b88
#506b88
rgb(80,107,136)
-
#486b90
#486b90
rgb(72,107,144)
-
#406b98
#406b98
rgb(64,107,152)
-
#376ba1
#376ba1
rgb(55,107,161)
-
#2f6ba9
#2f6ba9
rgb(47,107,169)
-
#276ab1
#276ab1
rgb(39,106,177)
-
#1e6aba
#1e6aba
rgb(30,106,186)
-
#166ac2
#166ac2
rgb(22,106,194)
-
#0e6aca
#0e6aca
rgb(14,106,202)
-
#056ad3
#056ad3
rgb(5,106,211)
Color Blindness Simulator
Below, you can see how #166ac2 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.