#1186f0 hex color

In a RGB color space, hex #1186f0 is composed of 6.7% red, 52.5% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 92.9% cyan, 44.2% magenta, 0% yellow and 5.9% black. It has a hue angle of 208.5 degrees, a saturation of 88.1% and a lightness of 50.4%. #1186f0 color hex could be obtained by blending #22ffff with #000de1. Closest websafe color is: #0099ff.

♥
- f
- t
- g
- R 7
- G 53
- B 94
RGB color chart
- C 93
- M 44
- Y 0
- K 6
CMYK color chart

● #1186f0 color description : Vivid blue.

The hexadecimal color #1186f0 has RGB values of R:17, G:134, B:240 and CMYK values of C:0.93, M:0.44, Y:0, K:0.06. Its decimal value is 1148656.

Hex triplet	1186f0	`#1186f0`
RGB Decimal	17, 134, 240	`rgb(17,134,240)`
RGB Percent	6.7, 52.5, 94.1	`rgb(6.7%,52.5%,94.1%)`
CMYK	93, 44, 0, 6
HSL	208.5°, 88.1, 50.4	`hsl(208.5,88.1%,50.4%)`
HSV (or HSB)	208.5°, 92.9, 94.1
Web Safe	0099ff	`#0099ff`

CIE-LAB	55.541, 9.758, -61.291
XYZ	24.481, 23.458, 85.671
xyY	0.183, 0.176, 23.458
CIE-LCH	55.541, 62.063, 279.046
CIE-LUV	55.541, -31.216, -97.475
Hunter-Lab	48.434, 5.463, -70.97
Binary	00010001, 10000110, 11110000

#1186f0
```
#1186f0 rgb(17,134,240)
```
#f07b11
```
#f07b11 rgb(240,123,17)
```

Complementary Color

#11f0eb
```
#11f0eb rgb(17,240,235)
```
#1186f0
```
#1186f0 rgb(17,134,240)
```
#1117f0
```
#1117f0 rgb(17,23,240)
```

Analogous Color

#f0eb11
```
#f0eb11 rgb(240,235,17)
```
#1186f0
```
#1186f0 rgb(17,134,240)
```
#f01117
```
#f01117 rgb(240,17,23)
```

Split Complementary Color

#86f011
```
#86f011 rgb(134,240,17)
```
#1186f0
```
#1186f0 rgb(17,134,240)
```
#f01186
```
#f01186 rgb(240,17,134)
```

Triadic Color

#11f07b
```
#11f07b rgb(17,240,123)
```
#1186f0
```
#1186f0 rgb(17,134,240)
```
#f01186
```
#f01186 rgb(240,17,134)
```
#f07b11
```
#f07b11 rgb(240,123,17)
```

Tetradic Color

#0b5eaa
```
#0b5eaa rgb(11,94,170)
```
#0c6bc2
```
#0c6bc2 rgb(12,107,194)
```
#0e79da
```
#0e79da rgb(14,121,218)
```
#1186f0
```
#1186f0 rgb(17,134,240)
```
#2992f2
```
#2992f2 rgb(41,146,242)
```
#419ef3
```
#419ef3 rgb(65,158,243)
```
#59abf5
```
#59abf5 rgb(89,171,245)
```

Monochromatic Color

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

#11bef0
```
#11bef0 rgb(17,190,240)
```
#11abf0
```
#11abf0 rgb(17,171,240)
```
#1199f0
```
#1199f0 rgb(17,153,240)
```
#1186f0
```
#1186f0 rgb(17,134,240)
```
#1173f0
```
#1173f0 rgb(17,115,240)
```
#1161f0
```
#1161f0 rgb(17,97,240)
```
#114ef0
```
#114ef0 rgb(17,78,240)
```

Similar Colors

Text with hexadecimal color #1186f0

This text has a font color of #1186f0.

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

#1186f0 background color

This paragraph has a background color of #1186f0.

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

#1186f0 border color

This element has a border color of #1186f0.

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

CSS codes

.text {color:#1186f0;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#010b14
```
#010b14 rgb(1,11,20)
```
#021627
```
#021627 rgb(2,22,39)
```
#042039
```
#042039 rgb(4,32,57)
```
#052a4c
```
#052a4c rgb(5,42,76)
```
#06345e
```
#06345e rgb(6,52,94)
```
#073e71
```
#073e71 rgb(7,62,113)
```
#084983
```
#084983 rgb(8,73,131)
```
#095396
```
#095396 rgb(9,83,150)
```
#0b5da8
```
#0b5da8 rgb(11,93,168)
```
#0c67ba
```
#0c67ba rgb(12,103,186)
```
#0d72cd
```
#0d72cd rgb(13,114,205)
```
#0e7cdf
```
#0e7cdf rgb(14,124,223)
```

Shade Color Variation

#1186f0
```
#1186f0 rgb(17,134,240)
```
#238ff1
```
#238ff1 rgb(35,143,241)
```
#3699f2
```
#3699f2 rgb(54,153,242)
```
#48a2f3
```
#48a2f3 rgb(72,162,243)
```
#5bacf5
```
#5bacf5 rgb(91,172,245)
```
#6db5f6
```
#6db5f6 rgb(109,181,246)
```
#80bef7
```
#80bef7 rgb(128,190,247)
```
#92c8f8
```
#92c8f8 rgb(146,200,248)
```
#a5d1f9
```
#a5d1f9 rgb(165,209,249)
```
#b7dafa
```
#b7dafa rgb(183,218,250)
```
#cae4fc
```
#cae4fc rgb(202,228,252)
```
#dcedfd
```
#dcedfd rgb(220,237,253)
```
#eef7fe
```
#eef7fe rgb(238,247,254)
```

Tint Color Variation

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

#7c8185
```
#7c8185 rgb(124,129,133)
```
#72818f
```
#72818f rgb(114,129,143)
```
#698298
```
#698298 rgb(105,130,152)
```
#5f82a2
```
#5f82a2 rgb(95,130,162)
```
#5583ac
```
#5583ac rgb(85,131,172)
```
#4b83b6
```
#4b83b6 rgb(75,131,182)
```
#4284bf
```
#4284bf rgb(66,132,191)
```
#3884c9
```
#3884c9 rgb(56,132,201)
```
#2e85d3
```
#2e85d3 rgb(46,133,211)
```
#2485dd
```
#2485dd rgb(36,133,221)
```
#1b86e6
```
#1b86e6 rgb(27,134,230)
```
#1186f0
```
#1186f0 rgb(17,134,240)
```
#0786fa
```
#0786fa rgb(7,134,250)
```

Tone Color Variation

Below, you can see how #1186f0 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

#5588ed Protanopia 1% of men
#008deb Deuteranopia 1% of men
#0099a2 Tritanopia 0.001% of the population

Trichromacy

#3c87ee Protanomaly 1% of men, 0.01% of women
#068aed Deuteranomaly 6% of men, 0.4% of women
#0692be Tritanomaly 0.01% of the population

#1186f0 hex color

#1186f0 Color Information

#1186f0 Color Conversion

Color Schemes with #1186f0

Alternatives to #1186f0

#1186f0 Preview

Shades and Tints of #1186f0

Tones of #1186f0

Color Blindness Simulator