#166ca3 Color Information
In a RGB color space, hex #166ca3 is composed of 8.6% red, 42.4% green and 63.9% blue. Whereas in a CMYK color space, it is composed of 86.5% cyan, 33.7% magenta, 0% yellow and 36.1% black. It has a hue angle of 203.4 degrees, a saturation of 76.2% and a lightness of 36.3%. #166ca3 color hex could be obtained by blending #2cd8ff with #000047. Closest websafe color is: #006699.
-
- R 9
- G 42
- B 64
-
- C 87
- M 34
- Y 0
- K 36
● #166ca3 color description : Dark blue.
#166ca3 Color Conversion
The hexadecimal color #166ca3 has RGB values of R:22, G:108, B:163 and CMYK values of C:0.87, M:0.34, Y:0, K:0.36. Its decimal value is 1469603.
Hex triplet | 166ca3 | #166ca3 |
---|---|---|
RGB Decimal | 22, 108, 163 | rgb(22,108,163) |
RGB Percent | 8.6, 42.4, 63.9 | rgb(8.6%,42.4%,63.9%) |
CMYK | 87, 34, 0, 36 | |
HSL | 203.4°, 76.2, 36.3 | hsl(203.4,76.2%,36.3%) |
HSV (or HSB) | 203.4°, 86.5, 63.9 | |
Web Safe | 006699 | #006699 |
CIE-LAB | 43.564, -3.818, -36.38 |
---|---|
XYZ | 12.303, 13.539, 36.613 |
xyY | 0.197, 0.217, 13.539 |
CIE-LCH | 43.564, 36.58, 264.008 |
CIE-LUV | 43.564, -26.35, -53.05 |
Hunter-Lab | 36.795, -4.709, -33.24 |
Binary | 00010110, 01101100, 10100011 |
Color Schemes with #166ca3
Alternatives to #166ca3
Below, you can see some colors close to #166ca3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#166ca3 Preview
This text has a font color of #166ca3.
<span style="color:#166ca3;">Text here</span>
This paragraph has a background color of #166ca3.
<p style="background-color:#166ca3;">Content here</p>
This element has a border color of #166ca3.
<div style="border:1px solid #166ca3;">Content here</div>
.text {color:#166ca3;}
.background {background-color:#166ca3;}
.border {border:1px solid #166ca3;}
Shades and Tints of #166ca3
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)
-
#0a334d
#0a334d
rgb(10,51,77)
-
#0d3e5e
#0d3e5e
rgb(13,62,94)
-
#0f4a6f
#0f4a6f
rgb(15,74,111)
-
#115580
#115580
rgb(17,85,128)
-
#146192
#146192
rgb(20,97,146)
-
#166ca3
#166ca3
rgb(22,108,163)
-
#1877b4
#1877b4
rgb(24,119,180)
-
#1b83c6
#1b83c6
rgb(27,131,198)
-
#1d8ed7
#1d8ed7
rgb(29,142,215)
-
#2698e2
#2698e2
rgb(38,152,226)
-
#37a1e4
#37a1e4
rgb(55,161,228)
-
#48a9e6
#48a9e6
rgb(72,169,230)
-
#5ab1e9
#5ab1e9
rgb(90,177,233)
-
#6bb9eb
#6bb9eb
rgb(107,185,235)
-
#7cc1ed
#7cc1ed
rgb(124,193,237)
-
#8dc9f0
#8dc9f0
rgb(141,201,240)
-
#9fd2f2
#9fd2f2
rgb(159,210,242)
-
#b0daf4
#b0daf4
rgb(176,218,244)
-
#c1e2f7
#c1e2f7
rgb(193,226,247)
-
#d3eaf9
#d3eaf9
rgb(211,234,249)
-
#e4f2fb
#e4f2fb
rgb(228,242,251)
-
#f5fafe
#f5fafe
rgb(245,250,254)
Tones of #166ca3
A tone is produced by adding gray to any pure hue. In this case, #565e63 is the less saturated color, while #0171b8 is the most saturated one.
-
#565e63
#565e63
rgb(86,94,99)
-
#4f5f6a
#4f5f6a
rgb(79,95,106)
-
#486171
#486171
rgb(72,97,113)
-
#416378
#416378
rgb(65,99,120)
-
#3a647f
#3a647f
rgb(58,100,127)
-
#326687
#326687
rgb(50,102,135)
-
#2b678e
#2b678e
rgb(43,103,142)
-
#246995
#246995
rgb(36,105,149)
-
#1d6a9c
#1d6a9c
rgb(29,106,156)
-
#166ca3
#166ca3
rgb(22,108,163)
-
#0f6eaa
#0f6eaa
rgb(15,110,170)
-
#086fb1
#086fb1
rgb(8,111,177)
-
#0171b8
#0171b8
rgb(1,113,184)
Color Blindness Simulator
Below, you can see how #166ca3 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.