#166ea4 hex color

In a RGB color space, hex #166ea4 is composed of 8.6% red, 43.1% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 86.6% cyan, 32.9% magenta, 0% yellow and 35.7% black. It has a hue angle of 202.8 degrees, a saturation of 76.3% and a lightness of 36.5%. #166ea4 color hex could be obtained by blending #2cdcff with #000049. Closest websafe color is: #006699.

♥
- f
- t
- g
- R 9
- G 43
- B 64
RGB color chart
- C 87
- M 33
- Y 0
- K 36
CMYK color chart

● #166ea4 color description : Dark blue.

The hexadecimal color #166ea4 has RGB values of R:22, G:110, B:164 and CMYK values of C:0.87, M:0.33, Y:0, K:0.36. Its decimal value is 1470116.

Hex triplet	166ea4	`#166ea4`
RGB Decimal	22, 110, 164	`rgb(22,110,164)`
RGB Percent	8.6, 43.1, 64.3	`rgb(8.6%,43.1%,64.3%)`
CMYK	87, 33, 0, 36
HSL	202.8°, 76.3, 36.5	`hsl(202.8,76.3%,36.5%)`
HSV (or HSB)	202.8°, 86.6, 64.3
Web Safe	006699	`#006699`

CIE-LAB	44.235, -4.649, -35.91
XYZ	12.606, 14.002, 37.158
xyY	0.198, 0.22, 14.002
CIE-LCH	44.235, 36.209, 262.624
CIE-LUV	44.235, -26.98, -52.425
Hunter-Lab	37.419, -5.348, -32.684
Binary	00010110, 01101110, 10100100

#166ea4
```
#166ea4 rgb(22,110,164)
```
#a44c16
```
#a44c16 rgb(164,76,22)
```

Complementary Color

#16a493
```
#16a493 rgb(22,164,147)
```
#166ea4
```
#166ea4 rgb(22,110,164)
```
#1627a4
```
#1627a4 rgb(22,39,164)
```

Analogous Color

#a49316
```
#a49316 rgb(164,147,22)
```
#166ea4
```
#166ea4 rgb(22,110,164)
```
#a41627
```
#a41627 rgb(164,22,39)
```

Split Complementary Color

#6ea416
```
#6ea416 rgb(110,164,22)
```
#166ea4
```
#166ea4 rgb(22,110,164)
```
#a4166e
```
#a4166e rgb(164,22,110)
```

Triadic Color

#16a44c
```
#16a44c rgb(22,164,76)
```
#166ea4
```
#166ea4 rgb(22,110,164)
```
#a4166e
```
#a4166e rgb(164,22,110)
```
#a44c16
```
#a44c16 rgb(164,76,22)
```

Tetradic Color

#0d4161
```
#0d4161 rgb(13,65,97)
```
#105077
```
#105077 rgb(16,80,119)
```
#135f8e
```
#135f8e rgb(19,95,142)
```
#166ea4
```
#166ea4 rgb(22,110,164)
```
#197dba
```
#197dba rgb(25,125,186)
```
#1c8cd1
```
#1c8cd1 rgb(28,140,209)
```
#259ae2
```
#259ae2 rgb(37,154,226)
```

Monochromatic Color

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

#1692a4
```
#1692a4 rgb(22,146,164)
```
#1686a4
```
#1686a4 rgb(22,134,164)
```
#167aa4
```
#167aa4 rgb(22,122,164)
```
#166ea4
```
#166ea4 rgb(22,110,164)
```
#1662a4
```
#1662a4 rgb(22,98,164)
```
#1656a4
```
#1656a4 rgb(22,86,164)
```
#164ba4
```
#164ba4 rgb(22,75,164)
```

Similar Colors

Text with hexadecimal color #166ea4

This text has a font color of #166ea4.

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

#166ea4 background color

This paragraph has a background color of #166ea4.

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

#166ea4 border color

This element has a border color of #166ea4.

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

CSS codes

.text {color:#166ea4;}

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

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

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

#010608
```
#010608 rgb(1,6,8)
```
#03111a
```
#03111a rgb(3,17,26)
```
#061d2b
```
#061d2b rgb(6,29,43)
```
#08283c
```
#08283c rgb(8,40,60)
```
#0a344e
```
#0a344e rgb(10,52,78)
```
#0d405f
```
#0d405f rgb(13,64,95)
```
#0f4b70
```
#0f4b70 rgb(15,75,112)
```
#115781
```
#115781 rgb(17,87,129)
```
#146293
```
#146293 rgb(20,98,147)
```
#166ea4
```
#166ea4 rgb(22,110,164)
```
#187ab5
```
#187ab5 rgb(24,122,181)
```
#1b85c7
```
#1b85c7 rgb(27,133,199)
```
#1d91d8
```
#1d91d8 rgb(29,145,216)
```

Shade Color Variation

#279be2
```
#279be2 rgb(39,155,226)
```
#38a3e4
```
#38a3e4 rgb(56,163,228)
```
#49abe7
```
#49abe7 rgb(73,171,231)
```
#5ab3e9
```
#5ab3e9 rgb(90,179,233)
```
#6cbbeb
```
#6cbbeb rgb(108,187,235)
```
#7dc3ee
```
#7dc3ee rgb(125,195,238)
```
#8ecbf0
```
#8ecbf0 rgb(142,203,240)
```
#a0d3f2
```
#a0d3f2 rgb(160,211,242)
```
#b1dbf5
```
#b1dbf5 rgb(177,219,245)
```
#c2e3f7
```
#c2e3f7 rgb(194,227,247)
```
#d3ebf9
```
#d3ebf9 rgb(211,235,249)
```
#e5f3fb
```
#e5f3fb rgb(229,243,251)
```
#f6fbfe
```
#f6fbfe rgb(246,251,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #565f64 is the less saturated color, while #0173b9 is the most saturated one.

#565f64
```
#565f64 rgb(86,95,100)
```
#4f606b
```
#4f606b rgb(79,96,107)
```
#486272
```
#486272 rgb(72,98,114)
```
#416479
```
#416479 rgb(65,100,121)
```
#3a6580
```
#3a6580 rgb(58,101,128)
```
#336787
```
#336787 rgb(51,103,135)
```
#2b698f
```
#2b698f rgb(43,105,143)
```
#246b96
```
#246b96 rgb(36,107,150)
```
#1d6c9d
```
#1d6c9d rgb(29,108,157)
```
#166ea4
```
#166ea4 rgb(22,110,164)
```
#0f70ab
```
#0f70ab rgb(15,112,171)
```
#0871b2
```
#0871b2 rgb(8,113,178)
```
#0173b9
```
#0173b9 rgb(1,115,185)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#4c5e69 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5c6ea3 Protanopia 1% of men
#4c70aa Deuteranopia 1% of men
#007b83 Tritanopia 0.001% of the population

Trichromacy

#426ea3 Protanomaly 1% of men, 0.01% of women
#386fa8 Deuteranomaly 6% of men, 0.4% of women
#08768f Tritanomaly 0.01% of the population

#166ea4 hex color

#166ea4 Color Information

#166ea4 Color Conversion

Color Schemes with #166ea4

Alternatives to #166ea4

#166ea4 Preview

Shades and Tints of #166ea4

Tones of #166ea4

Color Blindness Simulator