#166bd3 hex color

In a RGB color space, hex #166bd3 is composed of 8.6% red, 42% green and 82.7% blue. Whereas in a CMYK color space, it is composed of 89.6% cyan, 49.3% magenta, 0% yellow and 17.3% black. It has a hue angle of 213 degrees, a saturation of 81.1% and a lightness of 45.7%. #166bd3 color hex could be obtained by blending #2cd6ff with #0000a7. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 9
- G 42
- B 83
RGB color chart
- C 90
- M 49
- Y 0
- K 17
CMYK color chart

● #166bd3 color description : Strong blue.

The hexadecimal color #166bd3 has RGB values of R:22, G:107, B:211 and CMYK values of C:0.9, M:0.49, Y:0, K:0.17. Its decimal value is 1469395.

Hex triplet	166bd3	`#166bd3`
RGB Decimal	22, 107, 211	`rgb(22,107,211)`
RGB Percent	8.6, 42, 82.7	`rgb(8.6%,42%,82.7%)`
CMYK	90, 49, 0, 17
HSL	213°, 81.1, 45.7	`hsl(213,81.1%,45.7%)`
HSV (or HSB)	213°, 89.6, 82.7
Web Safe	0066cc	`#0066cc`

CIE-LAB	46.161, 15.666, -60.081
XYZ	17.344, 15.388, 63.68
xyY	0.18, 0.16, 15.388
CIE-LCH	46.161, 62.09, 284.614
CIE-LUV	46.161, -23.932, -91.823
Hunter-Lab	39.227, 10.275, -68.791
Binary	00010110, 01101011, 11010011

#166bd3
```
#166bd3 rgb(22,107,211)
```
#d37e16
```
#d37e16 rgb(211,126,22)
```

Complementary Color

#16cad3
```
#16cad3 rgb(22,202,211)
```
#166bd3
```
#166bd3 rgb(22,107,211)
```
#1f16d3
```
#1f16d3 rgb(31,22,211)
```

Analogous Color

#cad316
```
#cad316 rgb(202,211,22)
```
#166bd3
```
#166bd3 rgb(22,107,211)
```
#d31f16
```
#d31f16 rgb(211,31,22)
```

Split Complementary Color

#6bd316
```
#6bd316 rgb(107,211,22)
```
#166bd3
```
#166bd3 rgb(22,107,211)
```
#d3166b
```
#d3166b rgb(211,22,107)
```

Triadic Color

#16d37e
```
#16d37e rgb(22,211,126)
```
#166bd3
```
#166bd3 rgb(22,107,211)
```
#d3166b
```
#d3166b rgb(211,22,107)
```
#d37e16
```
#d37e16 rgb(211,126,22)
```

Tetradic Color

#0f488e
```
#0f488e rgb(15,72,142)
```
#1154a5
```
#1154a5 rgb(17,84,165)
```
#145fbc
```
#145fbc rgb(20,95,188)
```
#166bd3
```
#166bd3 rgb(22,107,211)
```
#1b77e7
```
#1b77e7 rgb(27,119,231)
```
#3285ea
```
#3285ea rgb(50,133,234)
```
#4993ec
```
#4993ec rgb(73,147,236)
```

Monochromatic Color

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

#169ad3
```
#169ad3 rgb(22,154,211)
```
#168bd3
```
#168bd3 rgb(22,139,211)
```
#167bd3
```
#167bd3 rgb(22,123,211)
```
#166bd3
```
#166bd3 rgb(22,107,211)
```
#165bd3
```
#165bd3 rgb(22,91,211)
```
#164cd3
```
#164cd3 rgb(22,76,211)
```
#163cd3
```
#163cd3 rgb(22,60,211)
```

Similar Colors

Text with hexadecimal color #166bd3

This text has a font color of #166bd3.

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

#166bd3 background color

This paragraph has a background color of #166bd3.

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

#166bd3 border color

This element has a border color of #166bd3.

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

CSS codes

.text {color:#166bd3;}

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

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

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

#020810
```
#020810 rgb(2,8,16)
```
#031121
```
#031121 rgb(3,17,33)
```
#051a33
```
#051a33 rgb(5,26,51)
```
#072345
```
#072345 rgb(7,35,69)
```
#092c57
```
#092c57 rgb(9,44,87)
```
#0b3568
```
#0b3568 rgb(11,53,104)
```
#0d3e7a
```
#0d3e7a rgb(13,62,122)
```
#0f478c
```
#0f478c rgb(15,71,140)
```
#10509e
```
#10509e rgb(16,80,158)
```
#1259af
```
#1259af rgb(18,89,175)
```
#1462c1
```
#1462c1 rgb(20,98,193)
```
#166bd3
```
#166bd3 rgb(22,107,211)
```
#1874e5
```
#1874e5 rgb(24,116,229)
```

Shade Color Variation

#287ee9
```
#287ee9 rgb(40,126,233)
```
#3989ea
```
#3989ea rgb(57,137,234)
```
#4b94ec
```
#4b94ec rgb(75,148,236)
```
#5d9eee
```
#5d9eee rgb(93,158,238)
```
#6fa9f0
```
#6fa9f0 rgb(111,169,240)
```
#80b3f2
```
#80b3f2 rgb(128,179,242)
```
#92bef4
```
#92bef4 rgb(146,190,244)
```
#a4c9f6
```
#a4c9f6 rgb(164,201,246)
```
#b6d3f7
```
#b6d3f7 rgb(182,211,247)
```
#c8def9
```
#c8def9 rgb(200,222,249)
```
#d9e8fb
```
#d9e8fb rgb(217,232,251)
```
#ebf3fd
```
#ebf3fd rgb(235,243,253)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#707479
```
#707479 rgb(112,116,121)
```
#677382
```
#677382 rgb(103,115,130)
```
#5e728b
```
#5e728b rgb(94,114,139)
```
#557194
```
#557194 rgb(85,113,148)
```
#4c709d
```
#4c709d rgb(76,112,157)
```
#4370a6
```
#4370a6 rgb(67,112,166)
```
#3a6faf
```
#3a6faf rgb(58,111,175)
```
#316eb8
```
#316eb8 rgb(49,110,184)
```
#286dc1
```
#286dc1 rgb(40,109,193)
```
#1f6cca
```
#1f6cca rgb(31,108,202)
```
#166bd3
```
#166bd3 rgb(22,107,211)
```
#0d6adc
```
#0d6adc rgb(13,106,220)
```
#0469e5
```
#0469e5 rgb(4,105,229)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#4f6075 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3371d4 Protanopia 1% of men
#0077c3 Deuteranopia 1% of men
#008087 Tritanopia 0.001% of the population

Trichromacy

#286fd3 Protanomaly 1% of men, 0.01% of women
#0872c9 Deuteranomaly 6% of men, 0.4% of women
#0878a3 Tritanomaly 0.01% of the population

#166bd3 hex color

#166bd3 Color Information

#166bd3 Color Conversion

Color Schemes with #166bd3

Alternatives to #166bd3

#166bd3 Preview

Shades and Tints of #166bd3

Tones of #166bd3

Color Blindness Simulator