#1686dc hex color

In a RGB color space, hex #1686dc is composed of 8.6% red, 52.5% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 90% cyan, 39.1% magenta, 0% yellow and 13.7% black. It has a hue angle of 206.1 degrees, a saturation of 81.8% and a lightness of 47.5%. #1686dc color hex could be obtained by blending #2cffff with #000db9. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 9
- G 53
- B 86
RGB color chart
- C 90
- M 39
- Y 0
- K 14
CMYK color chart

● #1686dc color description : Vivid blue.

The hexadecimal color #1686dc has RGB values of R:22, G:134, B:220 and CMYK values of C:0.9, M:0.39, Y:0, K:0.14. Its decimal value is 1476316.

Hex triplet	1686dc	`#1686dc`
RGB Decimal	22, 134, 220	`rgb(22,134,220)`
RGB Percent	8.6, 52.5, 86.3	`rgb(8.6%,52.5%,86.3%)`
CMYK	90, 39, 0, 14
HSL	206.1°, 81.8, 47.5	`hsl(206.1,81.8%,47.5%)`
HSV (or HSB)	206.1°, 90, 86.3
Web Safe	0099cc	`#0099cc`

CIE-LAB	54.434, 2.331, -51.896
XYZ	21.771, 22.386, 70.88
xyY	0.189, 0.195, 22.386
CIE-LCH	54.434, 51.948, 272.572
CIE-LUV	54.434, -31.924, -81.377
Hunter-Lab	47.314, -0.664, -55.701
Binary	00010110, 10000110, 11011100

#1686dc
```
#1686dc rgb(22,134,220)
```
#dc6c16
```
#dc6c16 rgb(220,108,22)
```

Complementary Color

#16dccf
```
#16dccf rgb(22,220,207)
```
#1686dc
```
#1686dc rgb(22,134,220)
```
#1623dc
```
#1623dc rgb(22,35,220)
```

Analogous Color

#dccf16
```
#dccf16 rgb(220,207,22)
```
#1686dc
```
#1686dc rgb(22,134,220)
```
#dc1623
```
#dc1623 rgb(220,22,35)
```

Split Complementary Color

#86dc16
```
#86dc16 rgb(134,220,22)
```
#1686dc
```
#1686dc rgb(22,134,220)
```
#dc1686
```
#dc1686 rgb(220,22,134)
```

Triadic Color

#16dc6c
```
#16dc6c rgb(22,220,108)
```
#1686dc
```
#1686dc rgb(22,134,220)
```
#dc1686
```
#dc1686 rgb(220,22,134)
```
#dc6c16
```
#dc6c16 rgb(220,108,22)
```

Tetradic Color

#0f5c96
```
#0f5c96 rgb(15,92,150)
```
#116aae
```
#116aae rgb(17,106,174)
```
#1478c5
```
#1478c5 rgb(20,120,197)
```
#1686dc
```
#1686dc rgb(22,134,220)
```
#2393e9
```
#2393e9 rgb(35,147,233)
```
#3a9eeb
```
#3a9eeb rgb(58,158,235)
```
#51aaee
```
#51aaee rgb(81,170,238)
```

Monochromatic Color

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

#16b8dc
```
#16b8dc rgb(22,184,220)
```
#16a7dc
```
#16a7dc rgb(22,167,220)
```
#1697dc
```
#1697dc rgb(22,151,220)
```
#1686dc
```
#1686dc rgb(22,134,220)
```
#1676dc
```
#1676dc rgb(22,118,220)
```
#1665dc
```
#1665dc rgb(22,101,220)
```
#1655dc
```
#1655dc rgb(22,85,220)
```

Similar Colors

Text with hexadecimal color #1686dc

This text has a font color of #1686dc.

<span style="color:#1686dc;">Text here</span>

#1686dc background color

This paragraph has a background color of #1686dc.

<p style="background-color:#1686dc;">Content here</p>

#1686dc border color

This element has a border color of #1686dc.

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

CSS codes

.text {color:#1686dc;}

.background {background-color:#1686dc;}

.border {border:1px solid #1686dc;}

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

#010406
```
#010406 rgb(1,4,6)
```
#020f18
```
#020f18 rgb(2,15,24)
```
#04192a
```
#04192a rgb(4,25,42)
```
#06243c
```
#06243c rgb(6,36,60)
```
#082f4d
```
#082f4d rgb(8,47,77)
```
#0a3a5f
```
#0a3a5f rgb(10,58,95)
```
#0b4571
```
#0b4571 rgb(11,69,113)
```
#0d5083
```
#0d5083 rgb(13,80,131)
```
#0f5b95
```
#0f5b95 rgb(15,91,149)
```
#1165a7
```
#1165a7 rgb(17,101,167)
```
#1270b8
```
#1270b8 rgb(18,112,184)
```
#147bca
```
#147bca rgb(20,123,202)
```
#1686dc
```
#1686dc rgb(22,134,220)
```

Shade Color Variation

#1d90e8
```
#1d90e8 rgb(29,144,232)
```
#2f99ea
```
#2f99ea rgb(47,153,234)
```
#41a2ec
```
#41a2ec rgb(65,162,236)
```
#53aaee
```
#53aaee rgb(83,170,238)
```
#65b3f0
```
#65b3f0 rgb(101,179,240)
```
#76bcf1
```
#76bcf1 rgb(118,188,241)
```
#88c5f3
```
#88c5f3 rgb(136,197,243)
```
#9acdf5
```
#9acdf5 rgb(154,205,245)
```
#acd6f7
```
#acd6f7 rgb(172,214,247)
```
#bedff8
```
#bedff8 rgb(190,223,248)
```
#d0e8fa
```
#d0e8fa rgb(208,232,250)
```
#e1f0fc
```
#e1f0fc rgb(225,240,252)
```
#f3f9fe
```
#f3f9fe rgb(243,249,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #737a7f is the less saturated color, while #0388ef is the most saturated one.

#737a7f
```
#737a7f rgb(115,122,127)
```
#6a7b88
```
#6a7b88 rgb(106,123,136)
```
#607c92
```
#607c92 rgb(96,124,146)
```
#577d9b
```
#577d9b rgb(87,125,155)
```
#4e7fa4
```
#4e7fa4 rgb(78,127,164)
```
#4580ad
```
#4580ad rgb(69,128,173)
```
#3b81b7
```
#3b81b7 rgb(59,129,183)
```
#3282c0
```
#3282c0 rgb(50,130,192)
```
#2984c9
```
#2984c9 rgb(41,132,201)
```
#1f85d3
```
#1f85d3 rgb(31,133,211)
```
#1686dc
```
#1686dc rgb(22,134,220)
```
#0d87e5
```
#0d87e5 rgb(13,135,229)
```
#0388ef
```
#0388ef rgb(3,136,239)
```

Tone Color Variation

Below, you can see how #1686dc 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

#6e6e6e Achromatopsia 0.005% of the population
#5c7384 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6386d8 Protanopia 1% of men
#3f8ade Deuteranopia 1% of men
#00969f Tritanopia 0.001% of the population

Trichromacy

#4786d9 Protanomaly 1% of men, 0.01% of women
#3088dd Deuteranomaly 6% of men, 0.4% of women
#0890b5 Tritanomaly 0.01% of the population

#1686dc hex color

#1686dc Color Information

#1686dc Color Conversion

Color Schemes with #1686dc

Alternatives to #1686dc

#1686dc Preview

Shades and Tints of #1686dc

Tones of #1686dc

Color Blindness Simulator