#166683 Color Information
In a RGB color space, hex #166683 is composed of 8.6% red, 40% green and 51.4% blue. Whereas in a CMYK color space, it is composed of 83.2% cyan, 22.1% magenta, 0% yellow and 48.6% black. It has a hue angle of 196 degrees, a saturation of 71.2% and a lightness of 30%. #166683 color hex could be obtained by blending #2cccff with #000007. Closest websafe color is: #006699.
-
- R 9
- G 40
- B 51
-
- C 83
- M 22
- Y 0
- K 49
● #166683 color description : Dark blue.
#166683 Color Conversion
The hexadecimal color #166683 has RGB values of R:22, G:102, B:131 and CMYK values of C:0.83, M:0.22, Y:0, K:0.49. Its decimal value is 1468035.
Hex triplet | 166683 | #166683 |
---|---|---|
RGB Decimal | 22, 102, 131 | rgb(22,102,131) |
RGB Percent | 8.6, 40, 51.4 | rgb(8.6%,40%,51.4%) |
CMYK | 83, 22, 0, 49 | |
HSL | 196°, 71.2, 30 | hsl(196,71.2%,30%) |
HSV (or HSB) | 196°, 83.2, 51.4 | |
Web Safe | 006699 | #006699 |
CIE-LAB | 40.1, -12.42, -22.682 |
---|---|
XYZ | 9.178, 11.311, 23.171 |
xyY | 0.21, 0.259, 11.311 |
CIE-LCH | 40.1, 25.86, 241.295 |
CIE-LUV | 40.1, -26.077, -30.466 |
Hunter-Lab | 33.632, -10.145, -17.306 |
Binary | 00010110, 01100110, 10000011 |
Color Schemes with #166683
Alternatives to #166683
Below, you can see some colors close to #166683. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#166683 Preview
This text has a font color of #166683.
<span style="color:#166683;">Text here</span>
This paragraph has a background color of #166683.
<p style="background-color:#166683;">Content here</p>
This element has a border color of #166683.
<div style="border:1px solid #166683;">Content here</div>
.text {color:#166683;}
.background {background-color:#166683;}
.border {border:1px solid #166683;}
Shades and Tints of #166683
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, #020a0d is the darkest color, while #fcfefe is the lightest one.
-
#020a0d
#020a0d
rgb(2,10,13)
-
#05181e
#05181e
rgb(5,24,30)
-
#08252f
#08252f
rgb(8,37,47)
-
#0b3240
#0b3240
rgb(11,50,64)
-
#0e3f51
#0e3f51
rgb(14,63,81)
-
#104c61
#104c61
rgb(16,76,97)
-
#135972
#135972
rgb(19,89,114)
-
#166683
#166683
rgb(22,102,131)
-
#197394
#197394
rgb(25,115,148)
-
#1c80a5
#1c80a5
rgb(28,128,165)
-
#1e8db5
#1e8db5
rgb(30,141,181)
-
#219ac6
#219ac6
rgb(33,154,198)
-
#24a7d7
#24a7d7
rgb(36,167,215)
-
#32afdd
#32afdd
rgb(50,175,221)
-
#43b6df
#43b6df
rgb(67,182,223)
-
#54bce2
#54bce2
rgb(84,188,226)
-
#64c3e5
#64c3e5
rgb(100,195,229)
-
#75c9e8
#75c9e8
rgb(117,201,232)
-
#86d0eb
#86d0eb
rgb(134,208,235)
-
#97d6ee
#97d6ee
rgb(151,214,238)
-
#a8ddf0
#a8ddf0
rgb(168,221,240)
-
#b8e4f3
#b8e4f3
rgb(184,228,243)
-
#c9eaf6
#c9eaf6
rgb(201,234,246)
-
#daf1f9
#daf1f9
rgb(218,241,249)
-
#ebf7fc
#ebf7fc
rgb(235,247,252)
-
#fcfefe
#fcfefe
rgb(252,254,254)
Tones of #166683
A tone is produced by adding gray to any pure hue. In this case, #4b4d4e is the less saturated color, while #046e95 is the most saturated one.
-
#4b4d4e
#4b4d4e
rgb(75,77,78)
-
#455054
#455054
rgb(69,80,84)
-
#3f535a
#3f535a
rgb(63,83,90)
-
#395560
#395560
rgb(57,85,96)
-
#335866
#335866
rgb(51,88,102)
-
#2e5b6b
#2e5b6b
rgb(46,91,107)
-
#285e71
#285e71
rgb(40,94,113)
-
#226077
#226077
rgb(34,96,119)
-
#1c637d
#1c637d
rgb(28,99,125)
-
#166683
#166683
rgb(22,102,131)
-
#106989
#106989
rgb(16,105,137)
-
#0a6c8f
#0a6c8f
rgb(10,108,143)
-
#046e95
#046e95
rgb(4,110,149)
Color Blindness Simulator
Below, you can see how #166683 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.