#166aaa hex color

In a RGB color space, hex #166aaa is composed of 8.6% red, 41.6% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 87.1% cyan, 37.6% magenta, 0% yellow and 33.3% black. It has a hue angle of 205.9 degrees, a saturation of 77.1% and a lightness of 37.6%. #166aaa color hex could be obtained by blending #2cd4ff with #000055. Closest websafe color is: #006699.

♥
- f
- t
- g
- R 9
- G 42
- B 67
RGB color chart
- C 87
- M 38
- Y 0
- K 33
CMYK color chart

● #166aaa color description : Dark blue.

The hexadecimal color #166aaa has RGB values of R:22, G:106, B:170 and CMYK values of C:0.87, M:0.38, Y:0, K:0.33. Its decimal value is 1469098.

Hex triplet	166aaa	`#166aaa`
RGB Decimal	22, 106, 170	`rgb(22,106,170)`
RGB Percent	8.6, 41.6, 66.7	`rgb(8.6%,41.6%,66.7%)`
CMYK	87, 38, 0, 33
HSL	205.9°, 77.1, 37.6	`hsl(205.9,77.1%,37.6%)`
HSV (or HSB)	205.9°, 87.1, 66.7
Web Safe	006699	`#006699`

CIE-LAB	43.33, 0.146, -40.874
XYZ	12.739, 13.38, 39.939
xyY	0.193, 0.203, 13.38
CIE-LCH	43.33, 40.874, 270.205
CIE-LUV	43.33, -25.312, -60.269
Hunter-Lab	36.578, -1.847, -39.133
Binary	00010110, 01101010, 10101010

#166aaa
```
#166aaa rgb(22,106,170)
```
#aa5616
```
#aa5616 rgb(170,86,22)
```

Complementary Color

#16aaa0
```
#16aaa0 rgb(22,170,160)
```
#166aaa
```
#166aaa rgb(22,106,170)
```
#1620aa
```
#1620aa rgb(22,32,170)
```

Analogous Color

#aaa016
```
#aaa016 rgb(170,160,22)
```
#166aaa
```
#166aaa rgb(22,106,170)
```
#aa1620
```
#aa1620 rgb(170,22,32)
```

Split Complementary Color

#6aaa16
```
#6aaa16 rgb(106,170,22)
```
#166aaa
```
#166aaa rgb(22,106,170)
```
#aa166a
```
#aa166a rgb(170,22,106)
```

Triadic Color

#16aa56
```
#16aa56 rgb(22,170,86)
```
#166aaa
```
#166aaa rgb(22,106,170)
```
#aa166a
```
#aa166a rgb(170,22,106)
```
#aa5616
```
#aa5616 rgb(170,86,22)
```

Tetradic Color

#0d4066
```
#0d4066 rgb(13,64,102)
```
#104e7d
```
#104e7d rgb(16,78,125)
```
#135c93
```
#135c93 rgb(19,92,147)
```
#166aaa
```
#166aaa rgb(22,106,170)
```
#1978c1
```
#1978c1 rgb(25,120,193)
```
#1c86d7
```
#1c86d7 rgb(28,134,215)
```
#2993e3
```
#2993e3 rgb(41,147,227)
```

Monochromatic Color

Below, you can see some colors close to #166aaa. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#168faa
```
#168faa rgb(22,143,170)
```
#1683aa
```
#1683aa rgb(22,131,170)
```
#1676aa
```
#1676aa rgb(22,118,170)
```
#166aaa
```
#166aaa rgb(22,106,170)
```
#165eaa
```
#165eaa rgb(22,94,170)
```
#1651aa
```
#1651aa rgb(22,81,170)
```
#1645aa
```
#1645aa rgb(22,69,170)
```

Similar Colors

Text with hexadecimal color #166aaa

This text has a font color of #166aaa.

<span style="color:#166aaa;">Text here</span>

#166aaa background color

This paragraph has a background color of #166aaa.

<p style="background-color:#166aaa;">Content here</p>

#166aaa border color

This element has a border color of #166aaa.

<div style="border:1px solid #166aaa;">Content here</div>

CSS codes

.text {color:#166aaa;}

.background {background-color:#166aaa;}

.border {border:1px solid #166aaa;}

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, #02090e is the darkest color, while #fbfdff is the lightest one.

#02090e
```
#02090e rgb(2,9,14)
```
#04131f
```
#04131f rgb(4,19,31)
```
#061e30
```
#061e30 rgb(6,30,48)
```
#092942
```
#092942 rgb(9,41,66)
```
#0b3453
```
#0b3453 rgb(11,52,83)
```
#0d3f65
```
#0d3f65 rgb(13,63,101)
```
#0f4a76
```
#0f4a76 rgb(15,74,118)
```
#125487
```
#125487 rgb(18,84,135)
```
#145f99
```
#145f99 rgb(20,95,153)
```
#166aaa
```
#166aaa rgb(22,106,170)
```
#1875bb
```
#1875bb rgb(24,117,187)
```
#1a80cd
```
#1a80cd rgb(26,128,205)
```
#1d8ade
```
#1d8ade rgb(29,138,222)
```

Shade Color Variation

#2b94e4
```
#2b94e4 rgb(43,148,228)
```
#3c9ce6
```
#3c9ce6 rgb(60,156,230)
```
#4ea5e8
```
#4ea5e8 rgb(78,165,232)
```
#5faeea
```
#5faeea rgb(95,174,234)
```
#70b7ed
```
#70b7ed rgb(112,183,237)
```
#82c0ef
```
#82c0ef rgb(130,192,239)
```
#93c8f1
```
#93c8f1 rgb(147,200,241)
```
#a4d1f3
```
#a4d1f3 rgb(164,209,243)
```
#b6daf6
```
#b6daf6 rgb(182,218,246)
```
#c7e3f8
```
#c7e3f8 rgb(199,227,248)
```
#d9ecfa
```
#d9ecfa rgb(217,236,250)
```
#eaf4fc
```
#eaf4fc rgb(234,244,252)
```
#fbfdff
```
#fbfdff rgb(251,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #606060 is the less saturated color, while #076cb9 is the most saturated one.

#606060
```
#606060 rgb(96,96,96)
```
#586168
```
#586168 rgb(88,97,104)
```
#51626f
```
#51626f rgb(81,98,111)
```
#4a6376
```
#4a6376 rgb(74,99,118)
```
#42647e
```
#42647e rgb(66,100,126)
```
#3b6585
```
#3b6585 rgb(59,101,133)
```
#34668c
```
#34668c rgb(52,102,140)
```
#2c6794
```
#2c6794 rgb(44,103,148)
```
#25689b
```
#25689b rgb(37,104,155)
```
#1d69a3
```
#1d69a3 rgb(29,105,163)
```
#166aaa
```
#166aaa rgb(22,106,170)
```
#0f6bb1
```
#0f6bb1 rgb(15,107,177)
```
#076cb9
```
#076cb9 rgb(7,108,185)
```

Tone Color Variation

Below, you can see how #166aaa 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.

Monochromacy

#585858 Achromatopsia 0.005% of the population
#4b5c68 Atypical Achromatopsia 0.001% of the population

Dichromacy

#546caa Protanopia 1% of men
#3d6faf Deuteranopia 1% of men
#007980 Tritanopia 0.001% of the population

Trichromacy

#3d6baa Protanomaly 1% of men, 0.01% of women
#2e6dad Deuteranomaly 6% of men, 0.4% of women
#08738f Tritanomaly 0.01% of the population

#166aaa hex color

#166aaa Color Information

#166aaa Color Conversion

Color Schemes with #166aaa

Alternatives to #166aaa

#166aaa Preview

Shades and Tints of #166aaa

Tones of #166aaa

Color Blindness Simulator