#166dd3 hex color

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

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

● #166dd3 color description : Strong blue.

The hexadecimal color #166dd3 has RGB values of R:22, G:109, B:211 and CMYK values of C:0.9, M:0.48, Y:0, K:0.17. Its decimal value is 1469907.

Hex triplet	166dd3	`#166dd3`
RGB Decimal	22, 109, 211	`rgb(22,109,211)`
RGB Percent	8.6, 42.7, 82.7	`rgb(8.6%,42.7%,82.7%)`
CMYK	90, 48, 0, 17
HSL	212.4°, 81.1, 45.7	`hsl(212.4,81.1%,45.7%)`
HSV (or HSB)	212.4°, 89.6, 82.7
Web Safe	0066cc	`#0066cc`

CIE-LAB	46.724, 14.385, -59.172
XYZ	17.555, 15.809, 63.751
xyY	0.181, 0.163, 15.809
CIE-LCH	46.724, 60.896, 283.663
CIE-LUV	46.724, -24.527, -90.67
Hunter-Lab	39.761, 9.227, -67.229
Binary	00010110, 01101101, 11010011

#166dd3
```
#166dd3 rgb(22,109,211)
```
#d37c16
```
#d37c16 rgb(211,124,22)
```

Complementary Color

#16ccd3
```
#16ccd3 rgb(22,204,211)
```
#166dd3
```
#166dd3 rgb(22,109,211)
```
#1d16d3
```
#1d16d3 rgb(29,22,211)
```

Analogous Color

#ccd316
```
#ccd316 rgb(204,211,22)
```
#166dd3
```
#166dd3 rgb(22,109,211)
```
#d31d16
```
#d31d16 rgb(211,29,22)
```

Split Complementary Color

#6dd316
```
#6dd316 rgb(109,211,22)
```
#166dd3
```
#166dd3 rgb(22,109,211)
```
#d3166d
```
#d3166d rgb(211,22,109)
```

Triadic Color

#16d37c
```
#16d37c rgb(22,211,124)
```
#166dd3
```
#166dd3 rgb(22,109,211)
```
#d3166d
```
#d3166d rgb(211,22,109)
```
#d37c16
```
#d37c16 rgb(211,124,22)
```

Tetradic Color

#0f498e
```
#0f498e rgb(15,73,142)
```
#1155a5
```
#1155a5 rgb(17,85,165)
```
#1461bc
```
#1461bc rgb(20,97,188)
```
#166dd3
```
#166dd3 rgb(22,109,211)
```
#1b79e7
```
#1b79e7 rgb(27,121,231)
```
#3287ea
```
#3287ea rgb(50,135,234)
```
#4994ec
```
#4994ec rgb(73,148,236)
```

Monochromatic Color

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

#169cd3
```
#169cd3 rgb(22,156,211)
```
#168dd3
```
#168dd3 rgb(22,141,211)
```
#167dd3
```
#167dd3 rgb(22,125,211)
```
#166dd3
```
#166dd3 rgb(22,109,211)
```
#165dd3
```
#165dd3 rgb(22,93,211)
```
#164ed3
```
#164ed3 rgb(22,78,211)
```
#163ed3
```
#163ed3 rgb(22,62,211)
```

Similar Colors

Text with hexadecimal color #166dd3

This text has a font color of #166dd3.

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

#166dd3 background color

This paragraph has a background color of #166dd3.

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

#166dd3 border color

This element has a border color of #166dd3.

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

CSS codes

.text {color:#166dd3;}

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

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

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)
```
#072445
```
#072445 rgb(7,36,69)
```
#092d57
```
#092d57 rgb(9,45,87)
```
#0b3668
```
#0b3668 rgb(11,54,104)
```
#0d3f7a
```
#0d3f7a rgb(13,63,122)
```
#0f488c
```
#0f488c rgb(15,72,140)
```
#10519e
```
#10519e rgb(16,81,158)
```
#125baf
```
#125baf rgb(18,91,175)
```
#1464c1
```
#1464c1 rgb(20,100,193)
```
#166dd3
```
#166dd3 rgb(22,109,211)
```
#1876e5
```
#1876e5 rgb(24,118,229)
```

Shade Color Variation

#2880e9
```
#2880e9 rgb(40,128,233)
```
#398bea
```
#398bea rgb(57,139,234)
```
#4b95ec
```
#4b95ec rgb(75,149,236)
```
#5da0ee
```
#5da0ee rgb(93,160,238)
```
#6faaf0
```
#6faaf0 rgb(111,170,240)
```
#80b5f2
```
#80b5f2 rgb(128,181,242)
```
#92bff4
```
#92bff4 rgb(146,191,244)
```
#a4caf6
```
#a4caf6 rgb(164,202,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 #046ce5 is the most saturated one.

#707479
```
#707479 rgb(112,116,121)
```
#677382
```
#677382 rgb(103,115,130)
```
#5e738b
```
#5e738b rgb(94,115,139)
```
#557294
```
#557294 rgb(85,114,148)
```
#4c719d
```
#4c719d rgb(76,113,157)
```
#4371a6
```
#4371a6 rgb(67,113,166)
```
#3a70af
```
#3a70af rgb(58,112,175)
```
#316fb8
```
#316fb8 rgb(49,111,184)
```
#286ec1
```
#286ec1 rgb(40,110,193)
```
#1f6eca
```
#1f6eca rgb(31,110,202)
```
#166dd3
```
#166dd3 rgb(22,109,211)
```
#0d6cdc
```
#0d6cdc rgb(13,108,220)
```
#046ce5
```
#046ce5 rgb(4,108,229)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#506276 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3973d3 Protanopia 1% of men
#0078c6 Deuteranopia 1% of men
#008189 Tritanopia 0.001% of the population

Trichromacy

#2c70d3 Protanomaly 1% of men, 0.01% of women
#0874cb Deuteranomaly 6% of men, 0.4% of women
#087aa4 Tritanomaly 0.01% of the population

#166dd3 hex color

#166dd3 Color Information

#166dd3 Color Conversion

Color Schemes with #166dd3

Alternatives to #166dd3

#166dd3 Preview

Shades and Tints of #166dd3

Tones of #166dd3

Color Blindness Simulator