#1186f3 hex color

In a RGB color space, hex #1186f3 is composed of 6.7% red, 52.5% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 93% cyan, 44.9% magenta, 0% yellow and 4.7% black. It has a hue angle of 208.9 degrees, a saturation of 90.4% and a lightness of 51%. #1186f3 color hex could be obtained by blending #22ffff with #000de7. Closest websafe color is: #0099ff.

♥
- f
- t
- g
- R 7
- G 53
- B 95
RGB color chart
- C 93
- M 45
- Y 0
- K 5
CMYK color chart

● #1186f3 color description : Vivid blue.

The hexadecimal color #1186f3 has RGB values of R:17, G:134, B:243 and CMYK values of C:0.93, M:0.45, Y:0, K:0.05. Its decimal value is 1148659.

Hex triplet	1186f3	`#1186f3`
RGB Decimal	17, 134, 243	`rgb(17,134,243)`
RGB Percent	6.7, 52.5, 95.3	`rgb(6.7%,52.5%,95.3%)`
CMYK	93, 45, 0, 5
HSL	208.9°, 90.4, 51	`hsl(208.9,90.4%,51%)`
HSV (or HSB)	208.9°, 93, 95.3
Web Safe	0099ff	`#0099ff`

CIE-LAB	55.724, 10.907, -62.661
XYZ	24.93, 23.638, 88.038
xyY	0.182, 0.173, 23.638
CIE-LCH	55.724, 63.604, 279.874
CIE-LUV	55.724, -31.078, -99.818
Hunter-Lab	48.619, 6.445, -73.327
Binary	00010001, 10000110, 11110011

#1186f3
```
#1186f3 rgb(17,134,243)
```
#f37e11
```
#f37e11 rgb(243,126,17)
```

Complementary Color

#11f3ef
```
#11f3ef rgb(17,243,239)
```
#1186f3
```
#1186f3 rgb(17,134,243)
```
#1115f3
```
#1115f3 rgb(17,21,243)
```

Analogous Color

#f3ef11
```
#f3ef11 rgb(243,239,17)
```
#1186f3
```
#1186f3 rgb(17,134,243)
```
#f31115
```
#f31115 rgb(243,17,21)
```

Split Complementary Color

#86f311
```
#86f311 rgb(134,243,17)
```
#1186f3
```
#1186f3 rgb(17,134,243)
```
#f31186
```
#f31186 rgb(243,17,134)
```

Triadic Color

#11f37e
```
#11f37e rgb(17,243,126)
```
#1186f3
```
#1186f3 rgb(17,134,243)
```
#f31186
```
#f31186 rgb(243,17,134)
```
#f37e11
```
#f37e11 rgb(243,126,17)
```

Tetradic Color

#095faf
```
#095faf rgb(9,95,175)
```
#0a6cc7
```
#0a6cc7 rgb(10,108,199)
```
#0b79df
```
#0b79df rgb(11,121,223)
```
#1186f3
```
#1186f3 rgb(17,134,243)
```
#2992f4
```
#2992f4 rgb(41,146,244)
```
#429ff5
```
#429ff5 rgb(66,159,245)
```
#5aabf7
```
#5aabf7 rgb(90,171,247)
```

Monochromatic Color

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

#11bff3
```
#11bff3 rgb(17,191,243)
```
#11acf3
```
#11acf3 rgb(17,172,243)
```
#1199f3
```
#1199f3 rgb(17,153,243)
```
#1186f3
```
#1186f3 rgb(17,134,243)
```
#1173f3
```
#1173f3 rgb(17,115,243)
```
#1160f3
```
#1160f3 rgb(17,96,243)
```
#114ef3
```
#114ef3 rgb(17,78,243)
```

Similar Colors

Text with hexadecimal color #1186f3

This text has a font color of #1186f3.

<span style="color:#1186f3;">Text here</span>

#1186f3 background color

This paragraph has a background color of #1186f3.

<p style="background-color:#1186f3;">Content here</p>

#1186f3 border color

This element has a border color of #1186f3.

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

CSS codes

.text {color:#1186f3;}

.background {background-color:#1186f3;}

.border {border:1px solid #1186f3;}

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

#000305
```
#000305 rgb(0,3,5)
```
#010d17
```
#010d17 rgb(1,13,23)
```
#02172a
```
#02172a rgb(2,23,42)
```
#03213d
```
#03213d rgb(3,33,61)
```
#042b4f
```
#042b4f rgb(4,43,79)
```
#053562
```
#053562 rgb(5,53,98)
```
#063f75
```
#063f75 rgb(6,63,117)
```
#074987
```
#074987 rgb(7,73,135)
```
#08549a
```
#08549a rgb(8,84,154)
```
#095ead
```
#095ead rgb(9,94,173)
```
#0a68bf
```
#0a68bf rgb(10,104,191)
```
#0b72d2
```
#0b72d2 rgb(11,114,210)
```
#0c7ce5
```
#0c7ce5 rgb(12,124,229)
```

Shade Color Variation

#1186f3
```
#1186f3 rgb(17,134,243)
```
#248ff4
```
#248ff4 rgb(36,143,244)
```
#3699f5
```
#3699f5 rgb(54,153,245)
```
#49a2f6
```
#49a2f6 rgb(73,162,246)
```
#5cacf7
```
#5cacf7 rgb(92,172,247)
```
#6eb5f8
```
#6eb5f8 rgb(110,181,248)
```
#81bff9
```
#81bff9 rgb(129,191,249)
```
#94c8fa
```
#94c8fa rgb(148,200,250)
```
#a6d2fb
```
#a6d2fb rgb(166,210,251)
```
#b9dbfb
```
#b9dbfb rgb(185,219,251)
```
#cce5fc
```
#cce5fc rgb(204,229,252)
```
#deeefd
```
#deeefd rgb(222,238,253)
```
#f1f8fe
```
#f1f8fe rgb(241,248,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7b8289 is the less saturated color, while #0786fd is the most saturated one.

#7b8289
```
#7b8289 rgb(123,130,137)
```
#718393
```
#718393 rgb(113,131,147)
```
#68839c
```
#68839c rgb(104,131,156)
```
#5e83a6
```
#5e83a6 rgb(94,131,166)
```
#5484b0
```
#5484b0 rgb(84,132,176)
```
#4b84b9
```
#4b84b9 rgb(75,132,185)
```
#4184c3
```
#4184c3 rgb(65,132,195)
```
#3785cd
```
#3785cd rgb(55,133,205)
```
#2e85d6
```
#2e85d6 rgb(46,133,214)
```
#2485e0
```
#2485e0 rgb(36,133,224)
```
#1b86e9
```
#1b86e9 rgb(27,134,233)
```
#1186f3
```
#1186f3 rgb(17,134,243)
```
#0786fd
```
#0786fd rgb(7,134,253)
```

Tone Color Variation

Below, you can see how #1186f3 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
#5c7489 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5388f0 Protanopia 1% of men
#008eec Deuteranopia 1% of men
#0099a2 Tritanopia 0.001% of the population

Trichromacy

#3b87f1 Protanomaly 1% of men, 0.01% of women
#068bee Deuteranomaly 6% of men, 0.4% of women
#0692bf Tritanomaly 0.01% of the population

#1186f3 hex color

#1186f3 Color Information

#1186f3 Color Conversion

Color Schemes with #1186f3

Alternatives to #1186f3

#1186f3 Preview

Shades and Tints of #1186f3

Tones of #1186f3

Color Blindness Simulator