#166cd3 hex color

In a RGB color space, hex #166cd3 is composed of 8.6% red, 42.4% green and 82.7% blue. Whereas in a CMYK color space, it is composed of 89.6% cyan, 48.8% magenta, 0% yellow and 17.3% black. It has a hue angle of 212.7 degrees, a saturation of 81.1% and a lightness of 45.7%. #166cd3 color hex could be obtained by blending #2cd8ff 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

● #166cd3 color description : Strong blue.

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

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

CIE-LAB	46.442, 15.025, -59.627
XYZ	17.449, 15.597, 63.715
xyY	0.18, 0.161, 15.597
CIE-LCH	46.442, 61.491, 284.143
CIE-LUV	46.442, -24.229, -91.251
Hunter-Lab	39.493, 9.75, -68.008
Binary	00010110, 01101100, 11010011

#166cd3
```
#166cd3 rgb(22,108,211)
```
#d37d16
```
#d37d16 rgb(211,125,22)
```

Complementary Color

#16cbd3
```
#16cbd3 rgb(22,203,211)
```
#166cd3
```
#166cd3 rgb(22,108,211)
```
#1e16d3
```
#1e16d3 rgb(30,22,211)
```

Analogous Color

#cbd316
```
#cbd316 rgb(203,211,22)
```
#166cd3
```
#166cd3 rgb(22,108,211)
```
#d31e16
```
#d31e16 rgb(211,30,22)
```

Split Complementary Color

#6cd316
```
#6cd316 rgb(108,211,22)
```
#166cd3
```
#166cd3 rgb(22,108,211)
```
#d3166c
```
#d3166c rgb(211,22,108)
```

Triadic Color

#16d37d
```
#16d37d rgb(22,211,125)
```
#166cd3
```
#166cd3 rgb(22,108,211)
```
#d3166c
```
#d3166c rgb(211,22,108)
```
#d37d16
```
#d37d16 rgb(211,125,22)
```

Tetradic Color

#0f498e
```
#0f498e rgb(15,73,142)
```
#1154a5
```
#1154a5 rgb(17,84,165)
```
#1460bc
```
#1460bc rgb(20,96,188)
```
#166cd3
```
#166cd3 rgb(22,108,211)
```
#1b78e7
```
#1b78e7 rgb(27,120,231)
```
#3286ea
```
#3286ea rgb(50,134,234)
```
#4993ec
```
#4993ec rgb(73,147,236)
```

Monochromatic Color

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

#169bd3
```
#169bd3 rgb(22,155,211)
```
#168cd3
```
#168cd3 rgb(22,140,211)
```
#167cd3
```
#167cd3 rgb(22,124,211)
```
#166cd3
```
#166cd3 rgb(22,108,211)
```
#165cd3
```
#165cd3 rgb(22,92,211)
```
#164dd3
```
#164dd3 rgb(22,77,211)
```
#163dd3
```
#163dd3 rgb(22,61,211)
```

Similar Colors

Text with hexadecimal color #166cd3

This text has a font color of #166cd3.

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

#166cd3 background color

This paragraph has a background color of #166cd3.

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

#166cd3 border color

This element has a border color of #166cd3.

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

CSS codes

.text {color:#166cd3;}

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

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

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)
```
#0d3f7a
```
#0d3f7a rgb(13,63,122)
```
#0f488c
```
#0f488c rgb(15,72,140)
```
#10519e
```
#10519e rgb(16,81,158)
```
#125aaf
```
#125aaf rgb(18,90,175)
```
#1463c1
```
#1463c1 rgb(20,99,193)
```
#166cd3
```
#166cd3 rgb(22,108,211)
```
#1875e5
```
#1875e5 rgb(24,117,229)
```

Shade Color Variation

#287fe9
```
#287fe9 rgb(40,127,233)
```
#398aea
```
#398aea rgb(57,138,234)
```
#4b94ec
```
#4b94ec rgb(75,148,236)
```
#5d9fee
```
#5d9fee rgb(93,159,238)
```
#6faaf0
```
#6faaf0 rgb(111,170,240)
```
#80b4f2
```
#80b4f2 rgb(128,180,242)
```
#92bff4
```
#92bff4 rgb(146,191,244)
```
#a4c9f6
```
#a4c9f6 rgb(164,201,246)
```
#b6d4f7
```
#b6d4f7 rgb(182,212,247)
```
#c8def9
```
#c8def9 rgb(200,222,249)
```
#d9e9fb
```
#d9e9fb rgb(217,233,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 #046ae5 is the most saturated one.

#707479
```
#707479 rgb(112,116,121)
```
#677382
```
#677382 rgb(103,115,130)
```
#5e728b
```
#5e728b rgb(94,114,139)
```
#557294
```
#557294 rgb(85,114,148)
```
#4c719d
```
#4c719d rgb(76,113,157)
```
#4370a6
```
#4370a6 rgb(67,112,166)
```
#3a6faf
```
#3a6faf rgb(58,111,175)
```
#316eb8
```
#316eb8 rgb(49,110,184)
```
#286ec1
```
#286ec1 rgb(40,110,193)
```
#1f6dca
```
#1f6dca rgb(31,109,202)
```
#166cd3
```
#166cd3 rgb(22,108,211)
```
#0d6bdc
```
#0d6bdc rgb(13,107,220)
```
#046ae5
```
#046ae5 rgb(4,106,229)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#506175 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3672d4 Protanopia 1% of men
#0077c5 Deuteranopia 1% of men
#008188 Tritanopia 0.001% of the population

Trichromacy

#2a70d3 Protanomaly 1% of men, 0.01% of women
#0873ca Deuteranomaly 6% of men, 0.4% of women
#0879a3 Tritanomaly 0.01% of the population

#166cd3 hex color

#166cd3 Color Information

#166cd3 Color Conversion

Color Schemes with #166cd3

Alternatives to #166cd3

#166cd3 Preview

Shades and Tints of #166cd3

Tones of #166cd3

Color Blindness Simulator