#166ba3 Color Information
In a RGB color space, hex #166ba3 is composed of 8.6% red, 42% green and 63.9% blue. Whereas in a CMYK color space, it is composed of 86.5% cyan, 34.4% magenta, 0% yellow and 36.1% black. It has a hue angle of 203.8 degrees, a saturation of 76.2% and a lightness of 36.3%. #166ba3 color hex could be obtained by blending #2cd6ff with #000047. Closest websafe color is: #006699.
-
- R 9
- G 42
- B 64
-
- C 87
- M 34
- Y 0
- K 36
● #166ba3 color description : Dark blue.
#166ba3 Color Conversion
The hexadecimal color #166ba3 has RGB values of R:22, G:107, B:163 and CMYK values of C:0.87, M:0.34, Y:0, K:0.36. Its decimal value is 1469347.
Hex triplet | 166ba3 | #166ba3 |
---|---|---|
RGB Decimal | 22, 107, 163 | rgb(22,107,163) |
RGB Percent | 8.6, 42, 63.9 | rgb(8.6%,42%,63.9%) |
CMYK | 87, 34, 0, 36 | |
HSL | 203.8°, 76.2, 36.3 | hsl(203.8,76.2%,36.3%) |
HSV (or HSB) | 203.8°, 86.5, 63.9 | |
Web Safe | 006699 | #006699 |
CIE-LAB | 43.255, -3.207, -36.869 |
---|---|
XYZ | 12.198, 13.329, 36.578 |
xyY | 0.196, 0.215, 13.329 |
CIE-LCH | 43.255, 37.008, 265.029 |
CIE-LUV | 43.255, -26.009, -53.775 |
Hunter-Lab | 36.509, -4.254, -33.846 |
Binary | 00010110, 01101011, 10100011 |
Color Schemes with #166ba3
Alternatives to #166ba3
Below, you can see some colors close to #166ba3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#166ba3 Preview
This text has a font color of #166ba3.
<span style="color:#166ba3;">Text here</span>
This paragraph has a background color of #166ba3.
<p style="background-color:#166ba3;">Content here</p>
This element has a border color of #166ba3.
<div style="border:1px solid #166ba3;">Content here</div>
.text {color:#166ba3;}
.background {background-color:#166ba3;}
.border {border:1px solid #166ba3;}
Shades and Tints of #166ba3
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, #010507 is the darkest color, while #f5fafe is the lightest one.
-
#010507
#010507
rgb(1,5,7)
-
#031019
#031019
rgb(3,16,25)
-
#061c2a
#061c2a
rgb(6,28,42)
-
#08273b
#08273b
rgb(8,39,59)
-
#0a324d
#0a324d
rgb(10,50,77)
-
#0d3e5e
#0d3e5e
rgb(13,62,94)
-
#0f496f
#0f496f
rgb(15,73,111)
-
#115480
#115480
rgb(17,84,128)
-
#146092
#146092
rgb(20,96,146)
-
#166ba3
#166ba3
rgb(22,107,163)
-
#1876b4
#1876b4
rgb(24,118,180)
-
#1b82c6
#1b82c6
rgb(27,130,198)
-
#1d8dd7
#1d8dd7
rgb(29,141,215)
-
#2697e2
#2697e2
rgb(38,151,226)
-
#379fe4
#379fe4
rgb(55,159,228)
-
#48a8e6
#48a8e6
rgb(72,168,230)
-
#5ab0e9
#5ab0e9
rgb(90,176,233)
-
#6bb8eb
#6bb8eb
rgb(107,184,235)
-
#7cc0ed
#7cc0ed
rgb(124,192,237)
-
#8dc9f0
#8dc9f0
rgb(141,201,240)
-
#9fd1f2
#9fd1f2
rgb(159,209,242)
-
#b0d9f4
#b0d9f4
rgb(176,217,244)
-
#c1e1f7
#c1e1f7
rgb(193,225,247)
-
#d3eaf9
#d3eaf9
rgb(211,234,249)
-
#e4f2fb
#e4f2fb
rgb(228,242,251)
-
#f5fafe
#f5fafe
rgb(245,250,254)
Tones of #166ba3
A tone is produced by adding gray to any pure hue. In this case, #565e63 is the less saturated color, while #016fb8 is the most saturated one.
-
#565e63
#565e63
rgb(86,94,99)
-
#4f5f6a
#4f5f6a
rgb(79,95,106)
-
#486171
#486171
rgb(72,97,113)
-
#416278
#416278
rgb(65,98,120)
-
#3a647f
#3a647f
rgb(58,100,127)
-
#326587
#326587
rgb(50,101,135)
-
#2b678e
#2b678e
rgb(43,103,142)
-
#246895
#246895
rgb(36,104,149)
-
#1d6a9c
#1d6a9c
rgb(29,106,156)
-
#166ba3
#166ba3
rgb(22,107,163)
-
#0f6caa
#0f6caa
rgb(15,108,170)
-
#086eb1
#086eb1
rgb(8,110,177)
-
#016fb8
#016fb8
rgb(1,111,184)
Color Blindness Simulator
Below, you can see how #166ba3 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.