#1086f6 hex color

In a RGB color space, hex #1086f6 is composed of 6.3% red, 52.5% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 93.5% cyan, 45.5% magenta, 0% yellow and 3.5% black. It has a hue angle of 209.2 degrees, a saturation of 92.7% and a lightness of 51.4%. #1086f6 color hex could be obtained by blending #20ffff with #000ded. Closest websafe color is: #0099ff.

♥
- f
- t
- g
- R 6
- G 53
- B 96
RGB color chart
- C 93
- M 46
- Y 0
- K 4
CMYK color chart

● #1086f6 color description : Vivid blue.

The hexadecimal color #1086f6 has RGB values of R:16, G:134, B:246 and CMYK values of C:0.93, M:0.46, Y:0, K:0.04. Its decimal value is 1083126.

Hex triplet	1086f6	`#1086f6`
RGB Decimal	16, 134, 246	`rgb(16,134,246)`
RGB Percent	6.3, 52.5, 96.5	`rgb(6.3%,52.5%,96.5%)`
CMYK	93, 46, 0, 4
HSL	209.2°, 92.7, 51.4	`hsl(209.2,92.7%,51.4%)`
HSV (or HSB)	209.2°, 93.5, 96.5
Web Safe	0099ff	`#0099ff`

CIE-LAB	55.899, 12.021, -64.041
XYZ	25.37, 23.812, 90.443
xyY	0.182, 0.171, 23.812
CIE-LCH	55.899, 65.159, 280.631
CIE-LUV	55.899, -30.99, -102.163
Hunter-Lab	48.797, 7.406, -75.732
Binary	00010000, 10000110, 11110110

#1086f6
```
#1086f6 rgb(16,134,246)
```
#f68010
```
#f68010 rgb(246,128,16)
```

Complementary Color

#10f6f3
```
#10f6f3 rgb(16,246,243)
```
#1086f6
```
#1086f6 rgb(16,134,246)
```
#1013f6
```
#1013f6 rgb(16,19,246)
```

Analogous Color

#f6f310
```
#f6f310 rgb(246,243,16)
```
#1086f6
```
#1086f6 rgb(16,134,246)
```
#f61013
```
#f61013 rgb(246,16,19)
```

Split Complementary Color

#86f610
```
#86f610 rgb(134,246,16)
```
#1086f6
```
#1086f6 rgb(16,134,246)
```
#f61086
```
#f61086 rgb(246,16,134)
```

Triadic Color

#10f680
```
#10f680 rgb(16,246,128)
```
#1086f6
```
#1086f6 rgb(16,134,246)
```
#f61086
```
#f61086 rgb(246,16,134)
```
#f68010
```
#f68010 rgb(246,128,16)
```

Tetradic Color

#075fb3
```
#075fb3 rgb(7,95,179)
```
#086ccb
```
#086ccb rgb(8,108,203)
```
#0979e4
```
#0979e4 rgb(9,121,228)
```
#1086f6
```
#1086f6 rgb(16,134,246)
```
#2992f7
```
#2992f7 rgb(41,146,247)
```
#419ff8
```
#419ff8 rgb(65,159,248)
```
#5aabf9
```
#5aabf9 rgb(90,171,249)
```

Monochromatic Color

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

#10c0f6
```
#10c0f6 rgb(16,192,246)
```
#10acf6
```
#10acf6 rgb(16,172,246)
```
#1099f6
```
#1099f6 rgb(16,153,246)
```
#1086f6
```
#1086f6 rgb(16,134,246)
```
#1073f6
```
#1073f6 rgb(16,115,246)
```
#1060f6
```
#1060f6 rgb(16,96,246)
```
#104df6
```
#104df6 rgb(16,77,246)
```

Similar Colors

Text with hexadecimal color #1086f6

This text has a font color of #1086f6.

<span style="color:#1086f6;">Text here</span>

#1086f6 background color

This paragraph has a background color of #1086f6.

<p style="background-color:#1086f6;">Content here</p>

#1086f6 border color

This element has a border color of #1086f6.

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

CSS codes

.text {color:#1086f6;}

.background {background-color:#1086f6;}

.border {border:1px solid #1086f6;}

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

#000407
```
#000407 rgb(0,4,7)
```
#010e1a
```
#010e1a rgb(1,14,26)
```
#02182d
```
#02182d rgb(2,24,45)
```
#02223f
```
#02223f rgb(2,34,63)
```
#032c52
```
#032c52 rgb(3,44,82)
```
#043665
```
#043665 rgb(4,54,101)
```
#054078
```
#054078 rgb(5,64,120)
```
#054a8b
```
#054a8b rgb(5,74,139)
```
#06549e
```
#06549e rgb(6,84,158)
```
#075eb1
```
#075eb1 rgb(7,94,177)
```
#0768c4
```
#0768c4 rgb(7,104,196)
```
#0872d7
```
#0872d7 rgb(8,114,215)
```
#097cea
```
#097cea rgb(9,124,234)
```

Shade Color Variation

#1086f6
```
#1086f6 rgb(16,134,246)
```
#2390f7
```
#2390f7 rgb(35,144,247)
```
#3699f7
```
#3699f7 rgb(54,153,247)
```
#49a3f8
```
#49a3f8 rgb(73,163,248)
```
#5cacf9
```
#5cacf9 rgb(92,172,249)
```
#6fb6fa
```
#6fb6fa rgb(111,182,250)
```
#81bffa
```
#81bffa rgb(129,191,250)
```
#94c9fb
```
#94c9fb rgb(148,201,251)
```
#a7d3fc
```
#a7d3fc rgb(167,211,252)
```
#badcfc
```
#badcfc rgb(186,220,252)
```
#cde6fd
```
#cde6fd rgb(205,230,253)
```
#e0effe
```
#e0effe rgb(224,239,254)
```
#f3f9ff
```
#f3f9ff rgb(243,249,255)
```

Tint Color Variation

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

#828384
```
#828384 rgb(130,131,132)
```
#79838d
```
#79838d rgb(121,131,141)
```
#6f8497
```
#6f8497 rgb(111,132,151)
```
#6684a0
```
#6684a0 rgb(102,132,160)
```
#5c84aa
```
#5c84aa rgb(92,132,170)
```
#5384b3
```
#5384b3 rgb(83,132,179)
```
#4985bd
```
#4985bd rgb(73,133,189)
```
#4085c6
```
#4085c6 rgb(64,133,198)
```
#3685d0
```
#3685d0 rgb(54,133,208)
```
#2d85d9
```
#2d85d9 rgb(45,133,217)
```
#2386e3
```
#2386e3 rgb(35,134,227)
```
#1a86ec
```
#1a86ec rgb(26,134,236)
```
#1086f6
```
#1086f6 rgb(16,134,246)
```

Tone Color Variation

Below, you can see how #1086f6 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

#6f6f6f Achromatopsia 0.005% of the population
#5c748a Atypical Achromatopsia 0.001% of the population

Dichromacy

#5088f3 Protanopia 1% of men
#008eec Deuteranopia 1% of men
#009aa3 Tritanopia 0.001% of the population

Trichromacy

#3887f4 Protanomaly 1% of men, 0.01% of women
#058bef Deuteranomaly 6% of men, 0.4% of women
#0592c1 Tritanomaly 0.01% of the population

#1086f6 hex color

#1086f6 Color Information

#1086f6 Color Conversion

Color Schemes with #1086f6

Alternatives to #1086f6

#1086f6 Preview

Shades and Tints of #1086f6

Tones of #1086f6

Color Blindness Simulator