#166a9f hex color

In a RGB color space, hex #166a9f is composed of 8.6% red, 41.6% green and 62.4% blue. Whereas in a CMYK color space, it is composed of 86.2% cyan, 33.3% magenta, 0% yellow and 37.6% black. It has a hue angle of 203.2 degrees, a saturation of 75.7% and a lightness of 35.5%. #166a9f color hex could be obtained by blending #2cd4ff with #00003f. Closest websafe color is: #006699.

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

● #166a9f color description : Dark blue.

The hexadecimal color #166a9f has RGB values of R:22, G:106, B:159 and CMYK values of C:0.86, M:0.33, Y:0, K:0.38. Its decimal value is 1469087.

Hex triplet	166a9f	`#166a9f`
RGB Decimal	22, 106, 159	`rgb(22,106,159)`
RGB Percent	8.6, 41.6, 62.4	`rgb(8.6%,41.6%,62.4%)`
CMYK	86, 33, 0, 38
HSL	203.2°, 75.7, 35.5	`hsl(203.2,75.7%,35.5%)`
HSV (or HSB)	203.2°, 86.2, 62.4
Web Safe	006699	`#006699`

CIE-LAB	42.734, -4.147, -35.326
XYZ	11.741, 12.981, 34.686
xyY	0.198, 0.219, 12.981
CIE-LCH	42.734, 35.569, 263.304
CIE-LUV	42.734, -25.881, -51.162
Hunter-Lab	36.029, -4.879, -31.859
Binary	00010110, 01101010, 10011111

#166a9f
```
#166a9f rgb(22,106,159)
```
#9f4b16
```
#9f4b16 rgb(159,75,22)
```

Complementary Color

#169f90
```
#169f90 rgb(22,159,144)
```
#166a9f
```
#166a9f rgb(22,106,159)
```
#16269f
```
#16269f rgb(22,38,159)
```

Analogous Color

#9f9016
```
#9f9016 rgb(159,144,22)
```
#166a9f
```
#166a9f rgb(22,106,159)
```
#9f1626
```
#9f1626 rgb(159,22,38)
```

Split Complementary Color

#6a9f16
```
#6a9f16 rgb(106,159,22)
```
#166a9f
```
#166a9f rgb(22,106,159)
```
#9f166a
```
#9f166a rgb(159,22,106)
```

Triadic Color

#169f4b
```
#169f4b rgb(22,159,75)
```
#166a9f
```
#166a9f rgb(22,106,159)
```
#9f166a
```
#9f166a rgb(159,22,106)
```
#9f4b16
```
#9f4b16 rgb(159,75,22)
```

Tetradic Color

#0d3d5c
```
#0d3d5c rgb(13,61,92)
```
#104c72
```
#104c72 rgb(16,76,114)
```
#135b89
```
#135b89 rgb(19,91,137)
```
#166a9f
```
#166a9f rgb(22,106,159)
```
#1979b5
```
#1979b5 rgb(25,121,181)
```
#1c88cc
```
#1c88cc rgb(28,136,204)
```
#2196e0
```
#2196e0 rgb(33,150,224)
```

Monochromatic Color

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

#168c9f
```
#168c9f rgb(22,140,159)
```
#16819f
```
#16819f rgb(22,129,159)
```
#16759f
```
#16759f rgb(22,117,159)
```
#166a9f
```
#166a9f rgb(22,106,159)
```
#165f9f
```
#165f9f rgb(22,95,159)
```
#16539f
```
#16539f rgb(22,83,159)
```
#16489f
```
#16489f rgb(22,72,159)
```

Similar Colors

Text with hexadecimal color #166a9f

This text has a font color of #166a9f.

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

#166a9f background color

This paragraph has a background color of #166a9f.

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

#166a9f border color

This element has a border color of #166a9f.

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

CSS codes

.text {color:#166a9f;}

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

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

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 #f2f9fd is the lightest one.

#010304
```
#010304 rgb(1,3,4)
```
#030e15
```
#030e15 rgb(3,14,21)
```
#051a26
```
#051a26 rgb(5,26,38)
```
#082538
```
#082538 rgb(8,37,56)
```
#0a3149
```
#0a3149 rgb(10,49,73)
```
#0c3c5a
```
#0c3c5a rgb(12,60,90)
```
#0f486b
```
#0f486b rgb(15,72,107)
```
#11537d
```
#11537d rgb(17,83,125)
```
#145f8e
```
#145f8e rgb(20,95,142)
```
#166a9f
```
#166a9f rgb(22,106,159)
```
#1875b0
```
#1875b0 rgb(24,117,176)
```
#1b81c1
```
#1b81c1 rgb(27,129,193)
```
#1d8cd3
```
#1d8cd3 rgb(29,140,211)
```

Shade Color Variation

#2397e1
```
#2397e1 rgb(35,151,225)
```
#349fe3
```
#349fe3 rgb(52,159,227)
```
#45a7e5
```
#45a7e5 rgb(69,167,229)
```
#57b0e8
```
#57b0e8 rgb(87,176,232)
```
#68b8ea
```
#68b8ea rgb(104,184,234)
```
#79c0ec
```
#79c0ec rgb(121,192,236)
```
#8ac8ef
```
#8ac8ef rgb(138,200,239)
```
#9cd0f1
```
#9cd0f1 rgb(156,208,241)
```
#add8f4
```
#add8f4 rgb(173,216,244)
```
#bee0f6
```
#bee0f6 rgb(190,224,246)
```
#cfe8f8
```
#cfe8f8 rgb(207,232,248)
```
#e0f1fb
```
#e0f1fb rgb(224,241,251)
```
#f2f9fd
```
#f2f9fd rgb(242,249,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #555c60 is the less saturated color, while #016fb4 is the most saturated one.

#555c60
```
#555c60 rgb(85,92,96)
```
#4e5d67
```
#4e5d67 rgb(78,93,103)
```
#475f6e
```
#475f6e rgb(71,95,110)
```
#406175
```
#406175 rgb(64,97,117)
```
#39627c
```
#39627c rgb(57,98,124)
```
#326483
```
#326483 rgb(50,100,131)
```
#2b658a
```
#2b658a rgb(43,101,138)
```
#246791
```
#246791 rgb(36,103,145)
```
#1d6898
```
#1d6898 rgb(29,104,152)
```
#166a9f
```
#166a9f rgb(22,106,159)
```
#0f6ca6
```
#0f6ca6 rgb(15,108,166)
```
#086dad
```
#086dad rgb(8,109,173)
```
#016fb4
```
#016fb4 rgb(1,111,180)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#4a5b65 Atypical Achromatopsia 0.001% of the population

Dichromacy

#596b9f Protanopia 1% of men
#496da5 Deuteranopia 1% of men
#00777f Tritanopia 0.001% of the population

Trichromacy

#406a9f Protanomaly 1% of men, 0.01% of women
#366ba3 Deuteranomaly 6% of men, 0.4% of women
#08728a Tritanomaly 0.01% of the population

#166a9f hex color

#166a9f Color Information

#166a9f Color Conversion

Color Schemes with #166a9f

Alternatives to #166a9f

#166a9f Preview

Shades and Tints of #166a9f

Tones of #166a9f

Color Blindness Simulator