#166696 Color Information
In a RGB color space, hex #166696 is composed of 8.6% red, 40% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 85.3% cyan, 32% magenta, 0% yellow and 41.2% black. It has a hue angle of 202.5 degrees, a saturation of 74.4% and a lightness of 33.7%. #166696 color hex could be obtained by blending #2cccff with #00002d. Closest websafe color is: #006699.
-
- R 9
- G 40
- B 59
-
- C 85
- M 32
- Y 0
- K 41
● #166696 color description : Dark blue.
#166696 Color Conversion
The hexadecimal color #166696 has RGB values of R:22, G:102, B:150 and CMYK values of C:0.85, M:0.32, Y:0, K:0.41. Its decimal value is 1468054.
Hex triplet | 166696 | #166696 |
---|---|---|
RGB Decimal | 22, 102, 150 | rgb(22,102,150) |
RGB Percent | 8.6, 40, 58.8 | rgb(8.6%,40%,58.8%) |
CMYK | 85, 32, 0, 41 | |
HSL | 202.5°, 74.4, 33.7 | hsl(202.5,74.4%,33.7%) |
HSV (or HSB) | 202.5°, 85.3, 58.8 | |
Web Safe | 006699 | #006699 |
CIE-LAB | 41.016, -5.192, -32.682 |
---|---|
XYZ | 10.586, 11.874, 30.587 |
xyY | 0.2, 0.224, 11.874 |
CIE-LCH | 41.016, 33.091, 260.973 |
CIE-LUV | 41.016, -24.987, -46.542 |
Hunter-Lab | 34.459, -5.468, -28.505 |
Binary | 00010110, 01100110, 10010110 |
Color Schemes with #166696
Alternatives to #166696
Below, you can see some colors close to #166696. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#166696 Preview
This text has a font color of #166696.
<span style="color:#166696;">Text here</span>
This paragraph has a background color of #166696.
<p style="background-color:#166696;">Content here</p>
This element has a border color of #166696.
<div style="border:1px solid #166696;">Content here</div>
.text {color:#166696;}
.background {background-color:#166696;}
.border {border:1px solid #166696;}
Shades and Tints of #166696
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, #02090d is the darkest color, while #fbfdfe is the lightest one.
-
#02090d
#02090d
rgb(2,9,13)
-
#04151e
#04151e
rgb(4,21,30)
-
#07202f
#07202f
rgb(7,32,47)
-
#092c40
#092c40
rgb(9,44,64)
-
#0c3752
#0c3752
rgb(12,55,82)
-
#0e4363
#0e4363
rgb(14,67,99)
-
#114f74
#114f74
rgb(17,79,116)
-
#135a85
#135a85
rgb(19,90,133)
-
#166696
#166696
rgb(22,102,150)
-
#1972a7
#1972a7
rgb(25,114,167)
-
#1b7db8
#1b7db8
rgb(27,125,184)
-
#1e89c9
#1e89c9
rgb(30,137,201)
-
#2095da
#2095da
rgb(32,149,218)
-
#2e9de0
#2e9de0
rgb(46,157,224)
-
#3fa5e3
#3fa5e3
rgb(63,165,227)
-
#50ade5
#50ade5
rgb(80,173,229)
-
#61b5e8
#61b5e8
rgb(97,181,232)
-
#72bdea
#72bdea
rgb(114,189,234)
-
#83c5ed
#83c5ed
rgb(131,197,237)
-
#94cdef
#94cdef
rgb(148,205,239)
-
#a6d5f2
#a6d5f2
rgb(166,213,242)
-
#b7ddf4
#b7ddf4
rgb(183,221,244)
-
#c8e5f7
#c8e5f7
rgb(200,229,247)
-
#d9edf9
#d9edf9
rgb(217,237,249)
-
#eaf5fc
#eaf5fc
rgb(234,245,252)
-
#fbfdfe
#fbfdfe
rgb(251,253,254)
Tones of #166696
A tone is produced by adding gray to any pure hue. In this case, #52575a is the less saturated color, while #026baa is the most saturated one.
-
#52575a
#52575a
rgb(82,87,90)
-
#4b5961
#4b5961
rgb(75,89,97)
-
#445a68
#445a68
rgb(68,90,104)
-
#3e5c6e
#3e5c6e
rgb(62,92,110)
-
#375e75
#375e75
rgb(55,94,117)
-
#305f7c
#305f7c
rgb(48,95,124)
-
#2a6182
#2a6182
rgb(42,97,130)
-
#236389
#236389
rgb(35,99,137)
-
#1d648f
#1d648f
rgb(29,100,143)
-
#166696
#166696
rgb(22,102,150)
-
#0f689d
#0f689d
rgb(15,104,157)
-
#0969a3
#0969a3
rgb(9,105,163)
-
#026baa
#026baa
rgb(2,107,170)
Color Blindness Simulator
Below, you can see how #166696 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.