#166bac hex color

In a RGB color space, hex #166bac is composed of 8.6% red, 42% green and 67.5% blue. Whereas in a CMYK color space, it is composed of 87.2% cyan, 37.8% magenta, 0% yellow and 32.5% black. It has a hue angle of 206 degrees, a saturation of 77.3% and a lightness of 38%. #166bac color hex could be obtained by blending #2cd6ff with #000059. 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

● #166bac color description : Dark blue.

The hexadecimal color #166bac has RGB values of R:22, G:107, B:172 and CMYK values of C:0.87, M:0.38, Y:0, K:0.33. Its decimal value is 1469356.

Hex triplet	166bac	`#166bac`
RGB Decimal	22, 107, 172	`rgb(22,107,172)`
RGB Percent	8.6, 42, 67.5	`rgb(8.6%,42%,67.5%)`
CMYK	87, 38, 0, 33
HSL	206°, 77.3, 38	`hsl(206,77.3%,38%)`
HSV (or HSB)	206°, 87.2, 67.5
Web Safe	006699	`#006699`

CIE-LAB	43.746, 0.308, -41.387
XYZ	13.033, 13.663, 40.978
xyY	0.193, 0.202, 13.663
CIE-LCH	43.746, 41.388, 270.426
CIE-LUV	43.746, -25.546, -61.21
Hunter-Lab	36.964, -1.749, -39.853
Binary	00010110, 01101011, 10101100

#166bac
```
#166bac rgb(22,107,172)
```
#ac5716
```
#ac5716 rgb(172,87,22)
```

Complementary Color

#16aca2
```
#16aca2 rgb(22,172,162)
```
#166bac
```
#166bac rgb(22,107,172)
```
#1620ac
```
#1620ac rgb(22,32,172)
```

Analogous Color

#aca216
```
#aca216 rgb(172,162,22)
```
#166bac
```
#166bac rgb(22,107,172)
```
#ac1620
```
#ac1620 rgb(172,22,32)
```

Split Complementary Color

#6bac16
```
#6bac16 rgb(107,172,22)
```
#166bac
```
#166bac rgb(22,107,172)
```
#ac166b
```
#ac166b rgb(172,22,107)
```

Triadic Color

#16ac57
```
#16ac57 rgb(22,172,87)
```
#166bac
```
#166bac rgb(22,107,172)
```
#ac166b
```
#ac166b rgb(172,22,107)
```
#ac5716
```
#ac5716 rgb(172,87,22)
```

Tetradic Color

#0d4168
```
#0d4168 rgb(13,65,104)
```
#104f7f
```
#104f7f rgb(16,79,127)
```
#135d95
```
#135d95 rgb(19,93,149)
```
#166bac
```
#166bac rgb(22,107,172)
```
#1979c3
```
#1979c3 rgb(25,121,195)
```
#1c87d9
```
#1c87d9 rgb(28,135,217)
```
#2b94e4
```
#2b94e4 rgb(43,148,228)
```

Monochromatic Color

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

#1691ac
```
#1691ac rgb(22,145,172)
```
#1684ac
```
#1684ac rgb(22,132,172)
```
#1678ac
```
#1678ac rgb(22,120,172)
```
#166bac
```
#166bac rgb(22,107,172)
```
#165fac
```
#165fac rgb(22,95,172)
```
#1652ac
```
#1652ac rgb(22,82,172)
```
#1646ac
```
#1646ac rgb(22,70,172)
```

Similar Colors

Text with hexadecimal color #166bac

This text has a font color of #166bac.

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

#166bac background color

This paragraph has a background color of #166bac.

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

#166bac border color

This element has a border color of #166bac.

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

CSS codes

.text {color:#166bac;}

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

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

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, #020a0f is the darkest color, while #fdfeff is the lightest one.

#020a0f
```
#020a0f rgb(2,10,15)
```
#041421
```
#041421 rgb(4,20,33)
```
#061f32
```
#061f32 rgb(6,31,50)
```
#092a44
```
#092a44 rgb(9,42,68)
```
#0b3555
```
#0b3555 rgb(11,53,85)
```
#0d4066
```
#0d4066 rgb(13,64,102)
```
#0f4b78
```
#0f4b78 rgb(15,75,120)
```
#125589
```
#125589 rgb(18,85,137)
```
#14609b
```
#14609b rgb(20,96,155)
```
#166bac
```
#166bac rgb(22,107,172)
```
#1876bd
```
#1876bd rgb(24,118,189)
```
#1a81cf
```
#1a81cf rgb(26,129,207)
```
#1d8be0
```
#1d8be0 rgb(29,139,224)
```

Shade Color Variation

#2c94e4
```
#2c94e4 rgb(44,148,228)
```
#3e9de6
```
#3e9de6 rgb(62,157,230)
```
#4fa6e9
```
#4fa6e9 rgb(79,166,233)
```
#61afeb
```
#61afeb rgb(97,175,235)
```
#72b8ed
```
#72b8ed rgb(114,184,237)
```
#83c0ef
```
#83c0ef rgb(131,192,239)
```
#95c9f1
```
#95c9f1 rgb(149,201,241)
```
#a6d2f4
```
#a6d2f4 rgb(166,210,244)
```
#b8dbf6
```
#b8dbf6 rgb(184,219,246)
```
#c9e4f8
```
#c9e4f8 rgb(201,228,248)
```
#daecfa
```
#daecfa rgb(218,236,250)
```
#ecf5fd
```
#ecf5fd rgb(236,245,253)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#616161
```
#616161 rgb(97,97,97)
```
#596269
```
#596269 rgb(89,98,105)
```
#526370
```
#526370 rgb(82,99,112)
```
#4a6478
```
#4a6478 rgb(74,100,120)
```
#43657f
```
#43657f rgb(67,101,127)
```
#3b6687
```
#3b6687 rgb(59,102,135)
```
#34678e
```
#34678e rgb(52,103,142)
```
#2c6896
```
#2c6896 rgb(44,104,150)
```
#25699d
```
#25699d rgb(37,105,157)
```
#1d6aa5
```
#1d6aa5 rgb(29,106,165)
```
#166bac
```
#166bac rgb(22,107,172)
```
#0f6cb3
```
#0f6cb3 rgb(15,108,179)
```
#076dbb
```
#076dbb rgb(7,109,187)
```

Tone Color Variation

Below, you can see how #166bac 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
#4c5d6a Atypical Achromatopsia 0.001% of the population

Dichromacy

#546dab Protanopia 1% of men
#3d70b1 Deuteranopia 1% of men
#007a82 Tritanopia 0.001% of the population

Trichromacy

#3d6cab Protanomaly 1% of men, 0.01% of women
#2e6eaf Deuteranomaly 6% of men, 0.4% of women
#087491 Tritanomaly 0.01% of the population

#166bac hex color

#166bac Color Information

#166bac Color Conversion

Color Schemes with #166bac

Alternatives to #166bac

#166bac Preview

Shades and Tints of #166bac

Tones of #166bac

Color Blindness Simulator