#166ca6 hex color

In a RGB color space, hex #166ca6 is composed of 8.6% red, 42.4% green and 65.1% blue. Whereas in a CMYK color space, it is composed of 86.7% cyan, 34.9% magenta, 0% yellow and 34.9% black. It has a hue angle of 204.2 degrees, a saturation of 76.6% and a lightness of 36.9%. #166ca6 color hex could be obtained by blending #2cd8ff with #00004d. Closest websafe color is: #006699.

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

● #166ca6 color description : Dark blue.

The hexadecimal color #166ca6 has RGB values of R:22, G:108, B:166 and CMYK values of C:0.87, M:0.35, Y:0, K:0.35. Its decimal value is 1469606.

Hex triplet	166ca6	`#166ca6`
RGB Decimal	22, 108, 166	`rgb(22,108,166)`
RGB Percent	8.6, 42.4, 65.1	`rgb(8.6%,42.4%,65.1%)`
CMYK	87, 35, 0, 35
HSL	204.2°, 76.6, 36.9	`hsl(204.2,76.6%,36.9%)`
HSV (or HSB)	204.2°, 86.7, 65.1
Web Safe	006699	`#006699`

CIE-LAB	43.723, -2.654, -37.897
XYZ	12.575, 13.648, 38.046
xyY	0.196, 0.212, 13.648
CIE-LCH	43.723, 37.989, 265.994
CIE-LUV	43.723, -26.19, -55.55
Hunter-Lab	36.943, -3.892, -35.2
Binary	00010110, 01101100, 10100110

#166ca6
```
#166ca6 rgb(22,108,166)
```
#a65016
```
#a65016 rgb(166,80,22)
```

Complementary Color

#16a698
```
#16a698 rgb(22,166,152)
```
#166ca6
```
#166ca6 rgb(22,108,166)
```
#1624a6
```
#1624a6 rgb(22,36,166)
```

Analogous Color

#a69816
```
#a69816 rgb(166,152,22)
```
#166ca6
```
#166ca6 rgb(22,108,166)
```
#a61624
```
#a61624 rgb(166,22,36)
```

Split Complementary Color

#6ca616
```
#6ca616 rgb(108,166,22)
```
#166ca6
```
#166ca6 rgb(22,108,166)
```
#a6166c
```
#a6166c rgb(166,22,108)
```

Triadic Color

#16a650
```
#16a650 rgb(22,166,80)
```
#166ca6
```
#166ca6 rgb(22,108,166)
```
#a6166c
```
#a6166c rgb(166,22,108)
```
#a65016
```
#a65016 rgb(166,80,22)
```

Tetradic Color

#0d4062
```
#0d4062 rgb(13,64,98)
```
#104f79
```
#104f79 rgb(16,79,121)
```
#135d8f
```
#135d8f rgb(19,93,143)
```
#166ca6
```
#166ca6 rgb(22,108,166)
```
#197bbd
```
#197bbd rgb(25,123,189)
```
#1c89d3
```
#1c89d3 rgb(28,137,211)
```
#2697e2
```
#2697e2 rgb(38,151,226)
```

Monochromatic Color

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

#1690a6
```
#1690a6 rgb(22,144,166)
```
#1684a6
```
#1684a6 rgb(22,132,166)
```
#1678a6
```
#1678a6 rgb(22,120,166)
```
#166ca6
```
#166ca6 rgb(22,108,166)
```
#1660a6
```
#1660a6 rgb(22,96,166)
```
#1654a6
```
#1654a6 rgb(22,84,166)
```
#1648a6
```
#1648a6 rgb(22,72,166)
```

Similar Colors

Text with hexadecimal color #166ca6

This text has a font color of #166ca6.

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

#166ca6 background color

This paragraph has a background color of #166ca6.

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

#166ca6 border color

This element has a border color of #166ca6.

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

CSS codes

.text {color:#166ca6;}

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

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

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, #01070a is the darkest color, while #f8fcfe is the lightest one.

#01070a
```
#01070a rgb(1,7,10)
```
#04121b
```
#04121b rgb(4,18,27)
```
#061d2d
```
#061d2d rgb(6,29,45)
```
#08283e
```
#08283e rgb(8,40,62)
```
#0b344f
```
#0b344f rgb(11,52,79)
```
#0d3f61
```
#0d3f61 rgb(13,63,97)
```
#0f4a72
```
#0f4a72 rgb(15,74,114)
```
#115583
```
#115583 rgb(17,85,131)
```
#146195
```
#146195 rgb(20,97,149)
```
#166ca6
```
#166ca6 rgb(22,108,166)
```
#1877b7
```
#1877b7 rgb(24,119,183)
```
#1b83c9
```
#1b83c9 rgb(27,131,201)
```
#1d8eda
```
#1d8eda rgb(29,142,218)
```

Shade Color Variation

#2897e3
```
#2897e3 rgb(40,151,227)
```
#39a0e5
```
#39a0e5 rgb(57,160,229)
```
#4ba8e7
```
#4ba8e7 rgb(75,168,231)
```
#5cb0e9
```
#5cb0e9 rgb(92,176,233)
```
#6db9ec
```
#6db9ec rgb(109,185,236)
```
#7fc1ee
```
#7fc1ee rgb(127,193,238)
```
#90c9f0
```
#90c9f0 rgb(144,201,240)
```
#a1d2f3
```
#a1d2f3 rgb(161,210,243)
```
#b3daf5
```
#b3daf5 rgb(179,218,245)
```
#c4e2f7
```
#c4e2f7 rgb(196,226,247)
```
#d5ebf9
```
#d5ebf9 rgb(213,235,249)
```
#e6f3fc
```
#e6f3fc rgb(230,243,252)
```
#f8fcfe
```
#f8fcfe rgb(248,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #575f65 is the less saturated color, while #0070bc is the most saturated one.

#575f65
```
#575f65 rgb(87,95,101)
```
#50616c
```
#50616c rgb(80,97,108)
```
#496273
```
#496273 rgb(73,98,115)
```
#41647b
```
#41647b rgb(65,100,123)
```
#3a6582
```
#3a6582 rgb(58,101,130)
```
#336689
```
#336689 rgb(51,102,137)
```
#2c6890
```
#2c6890 rgb(44,104,144)
```
#246998
```
#246998 rgb(36,105,152)
```
#1d6b9f
```
#1d6b9f rgb(29,107,159)
```
#166ca6
```
#166ca6 rgb(22,108,166)
```
#0f6dad
```
#0f6dad rgb(15,109,173)
```
#086fb4
```
#086fb4 rgb(8,111,180)
```
#0070bc
```
#0070bc rgb(0,112,188)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#4c5d68 Atypical Achromatopsia 0.001% of the population

Dichromacy

#586da5 Protanopia 1% of men
#466fac Deuteranopia 1% of men
#007a82 Tritanopia 0.001% of the population

Trichromacy

#406ca5 Protanomaly 1% of men, 0.01% of women
#346eaa Deuteranomaly 6% of men, 0.4% of women
#08748f Tritanomaly 0.01% of the population

#166ca6 hex color

#166ca6 Color Information

#166ca6 Color Conversion

Color Schemes with #166ca6

Alternatives to #166ca6

#166ca6 Preview

Shades and Tints of #166ca6

Tones of #166ca6

Color Blindness Simulator