colorhexa.com

#166de6 hex color

In a RGB color space, hex #166de6 is composed of 8.6% red, 42.7% green and 90.2% blue. Whereas in a CMYK color space, it is composed of 90.4% cyan, 52.6% magenta, 0% yellow and 9.8% black. It has a hue angle of 214.9 degrees, a saturation of 82.5% and a lightness of 49.4%. #166de6 color hex could be obtained by blending #2cdaff with #0000cd. Closest websafe color is: #0066ff.

- R 9
- G 43
- B 90
RGB color chart
- C 90
- M 53
- Y 0
- K 10
CMYK color chart

● #166de6 color description : Vivid blue.

The hexadecimal color #166de6 has RGB values of R:22, G:109, B:230 and CMYK values of C:0.9, M:0.53, Y:0, K:0.1. Its decimal value is 1469926.

Hex triplet	166de6	`#166de6`
RGB Decimal	22, 109, 230	`rgb(22,109,230)`
RGB Percent	8.6, 42.7, 90.2	`rgb(8.6%,42.7%,90.2%)`
CMYK	90, 53, 0, 10
HSL	214.9°, 82.5, 49.4	`hsl(214.9,82.5%,49.4%)`
HSV (or HSB)	214.9°, 90.4, 90.2
Web Safe	0066ff	`#0066ff`

CIE-LAB	48.032, 21.79, -67.823
XYZ	20.079, 16.819, 77.047
xyY	0.176, 0.148, 16.819
CIE-LCH	48.032, 71.237, 287.811
CIE-LUV	48.032, -23.93, -104.713
Hunter-Lab	41.011, 15.624, -82.678
Binary	00010110, 01101101, 11100110

#166de6
```
#166de6 rgb(22,109,230)
```
#e68f16
```
#e68f16 rgb(230,143,22)
```

Complementary Color

#16d5e6
```
#16d5e6 rgb(22,213,230)
```
#166de6
```
#166de6 rgb(22,109,230)
```
#2716e6
```
#2716e6 rgb(39,22,230)
```

Analogous Color

#d5e616
```
#d5e616 rgb(213,230,22)
```
#166de6
```
#166de6 rgb(22,109,230)
```
#e62716
```
#e62716 rgb(230,39,22)
```

Split Complementary Color

#6de616
```
#6de616 rgb(109,230,22)
```
#166de6
```
#166de6 rgb(22,109,230)
```
#e6166d
```
#e6166d rgb(230,22,109)
```

Triadic Color

#16e68f
```
#16e68f rgb(22,230,143)
```
#166de6
```
#166de6 rgb(22,109,230)
```
#e6166d
```
#e6166d rgb(230,22,109)
```
#e68f16
```
#e68f16 rgb(230,143,22)
```

Tetradic Color

#0f4ca0
```
#0f4ca0 rgb(15,76,160)
```
#1257b7
```
#1257b7 rgb(18,87,183)
```
#1462cf
```
#1462cf rgb(20,98,207)
```
#166de6
```
#166de6 rgb(22,109,230)
```
#2b7beb
```
#2b7beb rgb(43,123,235)
```
#428aed
```
#428aed rgb(66,138,237)
```
#5998ef
```
#5998ef rgb(89,152,239)
```

Monochromatic Color

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

#16a1e6
```
#16a1e6 rgb(22,161,230)
```
#1690e6
```
#1690e6 rgb(22,144,230)
```
#167ee6
```
#167ee6 rgb(22,126,230)
```
#166de6
```
#166de6 rgb(22,109,230)
```
#165ce6
```
#165ce6 rgb(22,92,230)
```
#164ae6
```
#164ae6 rgb(22,74,230)
```
#1639e6
```
#1639e6 rgb(22,57,230)
```

Similar Colors

Text with hexadecimal color #166de6

This text has a font color of #166de6.

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

#166de6 background color

This paragraph has a background color of #166de6.

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

#166de6 border color

This element has a border color of #166de6.

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

CSS codes

.text {color:#166de6;}

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

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

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, #01070f is the darkest color, while #fcfdff is the lightest one.

#01070f
```
#01070f rgb(1,7,15)
```
#031021
```
#031021 rgb(3,16,33)
```
#051833
```
#051833 rgb(5,24,51)
```
#072145
```
#072145 rgb(7,33,69)
```
#082957
```
#082957 rgb(8,41,87)
```
#0a3269
```
#0a3269 rgb(10,50,105)
```
#0c3a7b
```
#0c3a7b rgb(12,58,123)
```
#0d438c
```
#0d438c rgb(13,67,140)
```
#0f4b9e
```
#0f4b9e rgb(15,75,158)
```
#1154b0
```
#1154b0 rgb(17,84,176)
```
#135cc2
```
#135cc2 rgb(19,92,194)
```
#1465d4
```
#1465d4 rgb(20,101,212)
```
#166de6
```
#166de6 rgb(22,109,230)
```

Shade Color Variation

#2578ea
```
#2578ea rgb(37,120,234)
```
#3783ec
```
#3783ec rgb(55,131,236)
```
#498eee
```
#498eee rgb(73,142,238)
```
#5b99ef
```
#5b99ef rgb(91,153,239)
```
#6da4f1
```
#6da4f1 rgb(109,164,241)
```
#7faff3
```
#7faff3 rgb(127,175,243)
```
#91bbf4
```
#91bbf4 rgb(145,187,244)
```
#a3c6f6
```
#a3c6f6 rgb(163,198,246)
```
#b5d1f8
```
#b5d1f8 rgb(181,209,248)
```
#c7dcfa
```
#c7dcfa rgb(199,220,250)
```
#d8e7fb
```
#d8e7fb rgb(216,231,251)
```
#eaf2fd
```
#eaf2fd rgb(234,242,253)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #777d85 is the less saturated color, while #036af9 is the most saturated one.

#777d85
```
#777d85 rgb(119,125,133)
```
#6d7b8f
```
#6d7b8f rgb(109,123,143)
```
#647a98
```
#647a98 rgb(100,122,152)
```
#5a78a2
```
#5a78a2 rgb(90,120,162)
```
#5077ac
```
#5077ac rgb(80,119,172)
```
#4675b6
```
#4675b6 rgb(70,117,182)
```
#3d73bf
```
#3d73bf rgb(61,115,191)
```
#3372c9
```
#3372c9 rgb(51,114,201)
```
#2970d3
```
#2970d3 rgb(41,112,211)
```
#206fdc
```
#206fdc rgb(32,111,220)
```
#166de6
```
#166de6 rgb(22,109,230)
```
#0c6bf0
```
#0c6bf0 rgb(12,107,240)
```
#036af9
```
#036af9 rgb(3,106,249)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#52637c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0075e6 Protanopia 1% of men
#007cca Deuteranopia 1% of men
#00858c Tritanopia 0.001% of the population

Trichromacy

#0872e6 Protanomaly 1% of men, 0.01% of women
#0876d4 Deuteranomaly 6% of men, 0.4% of women
#087cad Tritanomaly 0.01% of the population