#166b8c hex color

In a RGB color space, hex #166b8c is composed of 8.6% red, 42% green and 54.9% blue. Whereas in a CMYK color space, it is composed of 84.3% cyan, 23.6% magenta, 0% yellow and 45.1% black. It has a hue angle of 196.8 degrees, a saturation of 72.8% and a lightness of 31.8%. #166b8c color hex could be obtained by blending #2cd6ff with #000019. Closest websafe color is: #006699.

♥
- f
- t
- g
- R 9
- G 42
- B 55
RGB color chart
- C 84
- M 24
- Y 0
- K 45
CMYK color chart

● #166b8c color description : Dark blue.

The hexadecimal color #166b8c has RGB values of R:22, G:107, B:140 and CMYK values of C:0.84, M:0.24, Y:0, K:0.45. Its decimal value is 1469324.

Hex triplet	166b8c	`#166b8c`
RGB Decimal	22, 107, 140	`rgb(22,107,140)`
RGB Percent	8.6, 42, 54.9	`rgb(8.6%,42%,54.9%)`
CMYK	84, 24, 0, 45
HSL	196.8°, 72.8, 31.8	`hsl(196.8,72.8%,31.8%)`
HSV (or HSB)	196.8°, 84.3, 54.9
Web Safe	006699	`#006699`

CIE-LAB	42.121, -11.981, -24.964
XYZ	10.321, 12.578, 26.693
xyY	0.208, 0.254, 12.578
CIE-LCH	42.121, 27.69, 244.364
CIE-LUV	42.121, -27.33, -34.329
Hunter-Lab	35.466, -10.121, -19.798
Binary	00010110, 01101011, 10001100

#166b8c
```
#166b8c rgb(22,107,140)
```
#8c3716
```
#8c3716 rgb(140,55,22)
```

Complementary Color

#168c72
```
#168c72 rgb(22,140,114)
```
#166b8c
```
#166b8c rgb(22,107,140)
```
#16308c
```
#16308c rgb(22,48,140)
```

Analogous Color

#8c7216
```
#8c7216 rgb(140,114,22)
```
#166b8c
```
#166b8c rgb(22,107,140)
```
#8c1630
```
#8c1630 rgb(140,22,48)
```

Split Complementary Color

#6b8c16
```
#6b8c16 rgb(107,140,22)
```
#166b8c
```
#166b8c rgb(22,107,140)
```
#8c166b
```
#8c166b rgb(140,22,107)
```

Triadic Color

#168c37
```
#168c37 rgb(22,140,55)
```
#166b8c
```
#166b8c rgb(22,107,140)
```
#8c166b
```
#8c166b rgb(140,22,107)
```
#8c3716
```
#8c3716 rgb(140,55,22)
```

Tetradic Color

#0c384a
```
#0c384a rgb(12,56,74)
```
#0f4960
```
#0f4960 rgb(15,73,96)
```
#135a76
```
#135a76 rgb(19,90,118)
```
#166b8c
```
#166b8c rgb(22,107,140)
```
#197ca2
```
#197ca2 rgb(25,124,162)
```
#1d8db8
```
#1d8db8 rgb(29,141,184)
```
#209ece
```
#209ece rgb(32,158,206)
```

Monochromatic Color

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

#16898c
```
#16898c rgb(22,137,140)
```
#167f8c
```
#167f8c rgb(22,127,140)
```
#16758c
```
#16758c rgb(22,117,140)
```
#166b8c
```
#166b8c rgb(22,107,140)
```
#16618c
```
#16618c rgb(22,97,140)
```
#16578c
```
#16578c rgb(22,87,140)
```
#164e8c
```
#164e8c rgb(22,78,140)
```

Similar Colors

Text with hexadecimal color #166b8c

This text has a font color of #166b8c.

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

#166b8c background color

This paragraph has a background color of #166b8c.

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

#166b8c border color

This element has a border color of #166b8c.

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

CSS codes

.text {color:#166b8c;}

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

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

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

#010304
```
#010304 rgb(1,3,4)
```
#031015
```
#031015 rgb(3,16,21)
```
#061d26
```
#061d26 rgb(6,29,38)
```
#092a37
```
#092a37 rgb(9,42,55)
```
#0b3748
```
#0b3748 rgb(11,55,72)
```
#0e4459
```
#0e4459 rgb(14,68,89)
```
#11516a
```
#11516a rgb(17,81,106)
```
#135e7b
```
#135e7b rgb(19,94,123)
```
#166b8c
```
#166b8c rgb(22,107,140)
```
#19789d
```
#19789d rgb(25,120,157)
```
#1b85ae
```
#1b85ae rgb(27,133,174)
```
#1e92bf
```
#1e92bf rgb(30,146,191)
```
#219fd0
```
#219fd0 rgb(33,159,208)
```

Shade Color Variation

#27aadd
```
#27aadd rgb(39,170,221)
```
#38b1e0
```
#38b1e0 rgb(56,177,224)
```
#49b7e2
```
#49b7e2 rgb(73,183,226)
```
#5abee5
```
#5abee5 rgb(90,190,229)
```
#6bc5e8
```
#6bc5e8 rgb(107,197,232)
```
#7ccbea
```
#7ccbea rgb(124,203,234)
```
#8dd2ed
```
#8dd2ed rgb(141,210,237)
```
#9ed9f0
```
#9ed9f0 rgb(158,217,240)
```
#afdff2
```
#afdff2 rgb(175,223,242)
```
#c0e6f5
```
#c0e6f5 rgb(192,230,245)
```
#d1edf8
```
#d1edf8 rgb(209,237,248)
```
#e1f3fa
```
#e1f3fa rgb(225,243,250)
```
#f2fafd
```
#f2fafd rgb(242,250,253)
```

Tint Color Variation

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

#4e5254
```
#4e5254 rgb(78,82,84)
```
#48555a
```
#48555a rgb(72,85,90)
```
#425860
```
#425860 rgb(66,88,96)
```
#3b5b67
```
#3b5b67 rgb(59,91,103)
```
#355d6d
```
#355d6d rgb(53,93,109)
```
#2f6073
```
#2f6073 rgb(47,96,115)
```
#296379
```
#296379 rgb(41,99,121)
```
#226680
```
#226680 rgb(34,102,128)
```
#1c6886
```
#1c6886 rgb(28,104,134)
```
#166b8c
```
#166b8c rgb(22,107,140)
```
#106e92
```
#106e92 rgb(16,110,146)
```
#0a7098
```
#0a7098 rgb(10,112,152)
```
#03739f
```
#03739f rgb(3,115,159)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#485960 Atypical Achromatopsia 0.001% of the population

Dichromacy

#616a8c Protanopia 1% of men
#5a6a95 Deuteranopia 1% of men
#00757e Tritanopia 0.001% of the population

Trichromacy

#456a8c Protanomaly 1% of men, 0.01% of women
#416a91 Deuteranomaly 6% of men, 0.4% of women
#087183 Tritanomaly 0.01% of the population

#166b8c hex color

#166b8c Color Information

#166b8c Color Conversion

Color Schemes with #166b8c

Alternatives to #166b8c

#166b8c Preview

Shades and Tints of #166b8c

Tones of #166b8c

Color Blindness Simulator