#166b8e hex color

In a RGB color space, hex #166b8e is composed of 8.6% red, 42% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 84.5% cyan, 24.6% magenta, 0% yellow and 44.3% black. It has a hue angle of 197.5 degrees, a saturation of 73.2% and a lightness of 32.2%. #166b8e color hex could be obtained by blending #2cd6ff with #00001d. Closest websafe color is: #006699.

♥
- f
- t
- g
- R 9
- G 42
- B 56
RGB color chart
- C 85
- M 25
- Y 0
- K 44
CMYK color chart

● #166b8e color description : Dark blue.

The hexadecimal color #166b8e has RGB values of R:22, G:107, B:142 and CMYK values of C:0.85, M:0.25, Y:0, K:0.44. Its decimal value is 1469326.

Hex triplet	166b8e	`#166b8e`
RGB Decimal	22, 107, 142	`rgb(22,107,142)`
RGB Percent	8.6, 42, 55.7	`rgb(8.6%,42%,55.7%)`
CMYK	85, 25, 0, 44
HSL	197.5°, 73.2, 32.2	`hsl(197.5,73.2%,32.2%)`
HSV (or HSB)	197.5°, 84.5, 55.7
Web Safe	006699	`#006699`

CIE-LAB	42.213, -11.234, -26.02
XYZ	10.47, 12.638, 27.477
xyY	0.207, 0.25, 12.638
CIE-LCH	42.213, 28.342, 246.648
CIE-LUV	42.213, -27.208, -36.037
Hunter-Lab	35.55, -9.643, -20.941
Binary	00010110, 01101011, 10001110

#166b8e
```
#166b8e rgb(22,107,142)
```
#8e3916
```
#8e3916 rgb(142,57,22)
```

Complementary Color

#168e75
```
#168e75 rgb(22,142,117)
```
#166b8e
```
#166b8e rgb(22,107,142)
```
#162f8e
```
#162f8e rgb(22,47,142)
```

Analogous Color

#8e7516
```
#8e7516 rgb(142,117,22)
```
#166b8e
```
#166b8e rgb(22,107,142)
```
#8e162f
```
#8e162f rgb(142,22,47)
```

Split Complementary Color

#6b8e16
```
#6b8e16 rgb(107,142,22)
```
#166b8e
```
#166b8e rgb(22,107,142)
```
#8e166b
```
#8e166b rgb(142,22,107)
```

Triadic Color

#168e39
```
#168e39 rgb(22,142,57)
```
#166b8e
```
#166b8e rgb(22,107,142)
```
#8e166b
```
#8e166b rgb(142,22,107)
```
#8e3916
```
#8e3916 rgb(142,57,22)
```

Tetradic Color

#0c394c
```
#0c394c rgb(12,57,76)
```
#0f4a62
```
#0f4a62 rgb(15,74,98)
```
#135a78
```
#135a78 rgb(19,90,120)
```
#166b8e
```
#166b8e rgb(22,107,142)
```
#197ca4
```
#197ca4 rgb(25,124,164)
```
#1d8cba
```
#1d8cba rgb(29,140,186)
```
#209dd0
```
#209dd0 rgb(32,157,208)
```

Monochromatic Color

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

#16898e
```
#16898e rgb(22,137,142)
```
#167f8e
```
#167f8e rgb(22,127,142)
```
#16758e
```
#16758e rgb(22,117,142)
```
#166b8e
```
#166b8e rgb(22,107,142)
```
#16618e
```
#16618e rgb(22,97,142)
```
#16578e
```
#16578e rgb(22,87,142)
```
#164d8e
```
#164d8e rgb(22,77,142)
```

Similar Colors

Text with hexadecimal color #166b8e

This text has a font color of #166b8e.

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

#166b8e background color

This paragraph has a background color of #166b8e.

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

#166b8e border color

This element has a border color of #166b8e.

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

CSS codes

.text {color:#166b8e;}

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

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

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, #010506 is the darkest color, while #f4fbfd is the lightest one.

#010506
```
#010506 rgb(1,5,6)
```
#041117
```
#041117 rgb(4,17,23)
```
#061e28
```
#061e28 rgb(6,30,40)
```
#092b39
```
#092b39 rgb(9,43,57)
```
#0b384a
```
#0b384a rgb(11,56,74)
```
#0e455b
```
#0e455b rgb(14,69,91)
```
#11516c
```
#11516c rgb(17,81,108)
```
#135e7d
```
#135e7d rgb(19,94,125)
```
#166b8e
```
#166b8e rgb(22,107,142)
```
#19789f
```
#19789f rgb(25,120,159)
```
#1b85b0
```
#1b85b0 rgb(27,133,176)
```
#1e91c1
```
#1e91c1 rgb(30,145,193)
```
#219ed2
```
#219ed2 rgb(33,158,210)
```

Shade Color Variation

#28a9de
```
#28a9de rgb(40,169,222)
```
#39b0e0
```
#39b0e0 rgb(57,176,224)
```
#4ab6e3
```
#4ab6e3 rgb(74,182,227)
```
#5bbde6
```
#5bbde6 rgb(91,189,230)
```
#6cc4e8
```
#6cc4e8 rgb(108,196,232)
```
#7dcbeb
```
#7dcbeb rgb(125,203,235)
```
#8ed2ee
```
#8ed2ee rgb(142,210,238)
```
#9fd9f0
```
#9fd9f0 rgb(159,217,240)
```
#b0dff3
```
#b0dff3 rgb(176,223,243)
```
#c1e6f5
```
#c1e6f5 rgb(193,230,245)
```
#d2edf8
```
#d2edf8 rgb(210,237,248)
```
#e3f4fb
```
#e3f4fb rgb(227,244,251)
```
#f4fbfd
```
#f4fbfd rgb(244,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4f5355 is the less saturated color, while #0373a1 is the most saturated one.

#4f5355
```
#4f5355 rgb(79,83,85)
```
#48565c
```
#48565c rgb(72,86,92)
```
#425962
```
#425962 rgb(66,89,98)
```
#3c5b68
```
#3c5b68 rgb(60,91,104)
```
#365e6e
```
#365e6e rgb(54,94,110)
```
#2f6075
```
#2f6075 rgb(47,96,117)
```
#29637b
```
#29637b rgb(41,99,123)
```
#236681
```
#236681 rgb(35,102,129)
```
#1c6888
```
#1c6888 rgb(28,104,136)
```
#166b8e
```
#166b8e rgb(22,107,142)
```
#106e94
```
#106e94 rgb(16,110,148)
```
#09709b
```
#09709b rgb(9,112,155)
```
#0373a1
```
#0373a1 rgb(3,115,161)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#495a61 Atypical Achromatopsia 0.001% of the population

Dichromacy

#606a8e Protanopia 1% of men
#586a97 Deuteranopia 1% of men
#00767e Tritanopia 0.001% of the population

Trichromacy

#456a8e Protanomaly 1% of men, 0.01% of women
#406a93 Deuteranomaly 6% of men, 0.4% of women
#087284 Tritanomaly 0.01% of the population

#166b8e hex color

#166b8e Color Information

#166b8e Color Conversion

Color Schemes with #166b8e

Alternatives to #166b8e

#166b8e Preview

Shades and Tints of #166b8e

Tones of #166b8e

Color Blindness Simulator