#166180 hex color

In a RGB color space, hex #166180 is composed of 8.6% red, 38% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 82.8% cyan, 24.2% magenta, 0% yellow and 49.8% black. It has a hue angle of 197.5 degrees, a saturation of 70.7% and a lightness of 29.4%. #166180 color hex could be obtained by blending #2cc2ff with #000001. Closest websafe color is: #006699.

♥
- f
- t
- g
- R 9
- G 38
- B 50
RGB color chart
- C 83
- M 24
- Y 0
- K 50
CMYK color chart

● #166180 color description : Dark blue.

The hexadecimal color #166180 has RGB values of R:22, G:97, B:128 and CMYK values of C:0.83, M:0.24, Y:0, K:0.5. Its decimal value is 1466752.

Hex triplet	166180	`#166180`
RGB Decimal	22, 97, 128	`rgb(22,97,128)`
RGB Percent	8.6, 38, 50.2	`rgb(8.6%,38%,50.2%)`
CMYK	83, 24, 0, 50
HSL	197.5°, 70.7, 29.4	`hsl(197.5,70.7%,29.4%)`
HSV (or HSB)	197.5°, 82.8, 50.2
Web Safe	006699	`#006699`

CIE-LAB	38.336, -10.605, -23.599
XYZ	8.501, 10.278, 21.957
xyY	0.209, 0.252, 10.278
CIE-LCH	38.336, 25.872, 245.801
CIE-LUV	38.336, -24.446, -31.691
Hunter-Lab	32.059, -8.771, -18.166
Binary	00010110, 01100001, 10000000

#166180
```
#166180 rgb(22,97,128)
```
#803516
```
#803516 rgb(128,53,22)
```

Complementary Color

#16806a
```
#16806a rgb(22,128,106)
```
#166180
```
#166180 rgb(22,97,128)
```
#162c80
```
#162c80 rgb(22,44,128)
```

Analogous Color

#806a16
```
#806a16 rgb(128,106,22)
```
#166180
```
#166180 rgb(22,97,128)
```
#80162c
```
#80162c rgb(128,22,44)
```

Split Complementary Color

#618016
```
#618016 rgb(97,128,22)
```
#166180
```
#166180 rgb(22,97,128)
```
#801661
```
#801661 rgb(128,22,97)
```

Triadic Color

#168035
```
#168035 rgb(22,128,53)
```
#166180
```
#166180 rgb(22,97,128)
```
#801661
```
#801661 rgb(128,22,97)
```
#803516
```
#803516 rgb(128,53,22)
```

Tetradic Color

#0b303f
```
#0b303f rgb(11,48,63)
```
#0f4054
```
#0f4054 rgb(15,64,84)
```
#12516a
```
#12516a rgb(18,81,106)
```
#166180
```
#166180 rgb(22,97,128)
```
#1a7196
```
#1a7196 rgb(26,113,150)
```
#1d82ac
```
#1d82ac rgb(29,130,172)
```
#2192c1
```
#2192c1 rgb(33,146,193)
```

Monochromatic Color

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

#167c80
```
#167c80 rgb(22,124,128)
```
#167380
```
#167380 rgb(22,115,128)
```
#166a80
```
#166a80 rgb(22,106,128)
```
#166180
```
#166180 rgb(22,97,128)
```
#165880
```
#165880 rgb(22,88,128)
```
#164f80
```
#164f80 rgb(22,79,128)
```
#164780
```
#164780 rgb(22,71,128)
```

Similar Colors

Text with hexadecimal color #166180

This text has a font color of #166180.

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

#166180 background color

This paragraph has a background color of #166180.

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

#166180 border color

This element has a border color of #166180.

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

CSS codes

.text {color:#166180;}

.background {background-color:#166180;}

.border {border:1px solid #166180;}

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, #02080b is the darkest color, while #f9fdfe is the lightest one.

#02080b
```
#02080b rgb(2,8,11)
```
#05151c
```
#05151c rgb(5,21,28)
```
#08222c
```
#08222c rgb(8,34,44)
```
#0a2e3d
```
#0a2e3d rgb(10,46,61)
```
#0d3b4e
```
#0d3b4e rgb(13,59,78)
```
#10485f
```
#10485f rgb(16,72,95)
```
#13546f
```
#13546f rgb(19,84,111)
```
#166180
```
#166180 rgb(22,97,128)
```
#196e91
```
#196e91 rgb(25,110,145)
```
#1c7aa1
```
#1c7aa1 rgb(28,122,161)
```
#1f87b2
```
#1f87b2 rgb(31,135,178)
```
#2294c3
```
#2294c3 rgb(34,148,195)
```
#24a0d4
```
#24a0d4 rgb(36,160,212)
```

Shade Color Variation

#30a9db
```
#30a9db rgb(48,169,219)
```
#41b0de
```
#41b0de rgb(65,176,222)
```
#52b7e1
```
#52b7e1 rgb(82,183,225)
```
#62bee4
```
#62bee4 rgb(98,190,228)
```
#73c5e7
```
#73c5e7 rgb(115,197,231)
```
#84ccea
```
#84ccea rgb(132,204,234)
```
#95d3ed
```
#95d3ed rgb(149,211,237)
```
#a5daf0
```
#a5daf0 rgb(165,218,240)
```
#b6e1f2
```
#b6e1f2 rgb(182,225,242)
```
#c7e8f5
```
#c7e8f5 rgb(199,232,245)
```
#d8eff8
```
#d8eff8 rgb(216,239,248)
```
#e8f6fb
```
#e8f6fb rgb(232,246,251)
```
#f9fdfe
```
#f9fdfe rgb(249,253,254)
```

Tint Color Variation

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

#4a4b4c
```
#4a4b4c rgb(74,75,76)
```
#444e52
```
#444e52 rgb(68,78,82)
```
#3e5058
```
#3e5058 rgb(62,80,88)
```
#39535d
```
#39535d rgb(57,83,93)
```
#335563
```
#335563 rgb(51,85,99)
```
#2d5769
```
#2d5769 rgb(45,87,105)
```
#275a6f
```
#275a6f rgb(39,90,111)
```
#225c74
```
#225c74 rgb(34,92,116)
```
#1c5f7a
```
#1c5f7a rgb(28,95,122)
```
#166180
```
#166180 rgb(22,97,128)
```
#106386
```
#106386 rgb(16,99,134)
```
#0a668c
```
#0a668c rgb(10,102,140)
```
#056891
```
#056891 rgb(5,104,145)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#435258 Atypical Achromatopsia 0.001% of the population

Dichromacy

#596181 Protanopia 1% of men
#526289 Deuteranopia 1% of men
#006c74 Tritanopia 0.001% of the population

Trichromacy

#406180 Protanomaly 1% of men, 0.01% of women
#3c6186 Deuteranomaly 6% of men, 0.4% of women
#086878 Tritanomaly 0.01% of the population

#166180 hex color

#166180 Color Information

#166180 Color Conversion

Color Schemes with #166180

Alternatives to #166180

#166180 Preview

Shades and Tints of #166180

Tones of #166180

Color Blindness Simulator