#1180ff hex color

In a RGB color space, hex #1180ff is composed of 6.7% red, 50.2% green and 100% blue. Whereas in a CMYK color space, it is composed of 93.3% cyan, 49.8% magenta, 0% yellow and 0% black. It has a hue angle of 212 degrees, a saturation of 100% and a lightness of 53.3%. #1180ff color hex could be obtained by blending #22ffff with #0001ff. Closest websafe color is: #0099ff.

♥
- f
- t
- g
- R 7
- G 50
- B 100
RGB color chart
- C 93
- M 50
- Y 0
- K 0
CMYK color chart

● #1180ff color description : Vivid blue.

The hexadecimal color #1180ff has RGB values of R:17, G:128, B:255 and CMYK values of C:0.93, M:0.5, Y:0, K:0. Its decimal value is 1147135.

Hex triplet	1180ff	`#1180ff`
RGB Decimal	17, 128, 255	`rgb(17,128,255)`
RGB Percent	6.7, 50.2, 100	`rgb(6.7%,50.2%,100%)`
CMYK	93, 50, 0, 0
HSL	212°, 100, 53.3	`hsl(212,100%,53.3%)`
HSV (or HSB)	212°, 93.3, 100
Web Safe	0099ff	`#0099ff`

CIE-LAB	54.84, 19.215, -70.719
XYZ	25.996, 22.775, 97.628
xyY	0.178, 0.156, 22.775
CIE-LCH	54.84, 73.283, 285.201
CIE-LUV	54.84, -28.808, -112.645
Hunter-Lab	47.723, 13.718, -87.884
Binary	00010001, 10000000, 11111111

#1180ff
```
#1180ff rgb(17,128,255)
```
#ff9011
```
#ff9011 rgb(255,144,17)
```

Complementary Color

#11f7ff
```
#11f7ff rgb(17,247,255)
```
#1180ff
```
#1180ff rgb(17,128,255)
```
#1911ff
```
#1911ff rgb(25,17,255)
```

Analogous Color

#f7ff11
```
#f7ff11 rgb(247,255,17)
```
#1180ff
```
#1180ff rgb(17,128,255)
```
#ff1911
```
#ff1911 rgb(255,25,17)
```

Split Complementary Color

#80ff11
```
#80ff11 rgb(128,255,17)
```
#1180ff
```
#1180ff rgb(17,128,255)
```
#ff1180
```
#ff1180 rgb(255,17,128)
```

Triadic Color

#11ff90
```
#11ff90 rgb(17,255,144)
```
#1180ff
```
#1180ff rgb(17,128,255)
```
#ff1180
```
#ff1180 rgb(255,17,128)
```
#ff9011
```
#ff9011 rgb(255,144,17)
```

Tetradic Color

#005bc4
```
#005bc4 rgb(0,91,196)
```
#0067dd
```
#0067dd rgb(0,103,221)
```
#0073f7
```
#0073f7 rgb(0,115,247)
```
#1180ff
```
#1180ff rgb(17,128,255)
```
#2b8eff
```
#2b8eff rgb(43,142,255)
```
#449bff
```
#449bff rgb(68,155,255)
```
#5ea9ff
```
#5ea9ff rgb(94,169,255)
```

Monochromatic Color

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

#11bcff
```
#11bcff rgb(17,188,255)
```
#11a8ff
```
#11a8ff rgb(17,168,255)
```
#1194ff
```
#1194ff rgb(17,148,255)
```
#1180ff
```
#1180ff rgb(17,128,255)
```
#116cff
```
#116cff rgb(17,108,255)
```
#1158ff
```
#1158ff rgb(17,88,255)
```
#1145ff
```
#1145ff rgb(17,69,255)
```

Similar Colors

Text with hexadecimal color #1180ff

This text has a font color of #1180ff.

<span style="color:#1180ff;">Text here</span>

#1180ff background color

This paragraph has a background color of #1180ff.

<p style="background-color:#1180ff;">Content here</p>

#1180ff border color

This element has a border color of #1180ff.

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

CSS codes

.text {color:#1180ff;}

.background {background-color:#1180ff;}

.border {border:1px solid #1180ff;}

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

#000811
```
#000811 rgb(0,8,17)
```
#001125
```
#001125 rgb(0,17,37)
```
#001a38
```
#001a38 rgb(0,26,56)
```
#00234c
```
#00234c rgb(0,35,76)
```
#002d5f
```
#002d5f rgb(0,45,95)
```
#003673
```
#003673 rgb(0,54,115)
```
#003f87
```
#003f87 rgb(0,63,135)
```
#00489a
```
#00489a rgb(0,72,154)
```
#0051ae
```
#0051ae rgb(0,81,174)
```
#005ac2
```
#005ac2 rgb(0,90,194)
```
#0063d5
```
#0063d5 rgb(0,99,213)
```
#006de9
```
#006de9 rgb(0,109,233)
```
#0076fc
```
#0076fc rgb(0,118,252)
```

Shade Color Variation

#1180ff
```
#1180ff rgb(17,128,255)
```
#258aff
```
#258aff rgb(37,138,255)
```
#3895ff
```
#3895ff rgb(56,149,255)
```
#4c9fff
```
#4c9fff rgb(76,159,255)
```
#5faaff
```
#5faaff rgb(95,170,255)
```
#73b4ff
```
#73b4ff rgb(115,180,255)
```
#87bfff
```
#87bfff rgb(135,191,255)
```
#9ac9ff
```
#9ac9ff rgb(154,201,255)
```
#aed4ff
```
#aed4ff rgb(174,212,255)
```
#c2deff
```
#c2deff rgb(194,222,255)
```
#d5e9ff
```
#d5e9ff rgb(213,233,255)
```
#e9f3ff
```
#e9f3ff rgb(233,243,255)
```
#fcfeff
```
#fcfeff rgb(252,254,255)
```

Tint Color Variation

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

#7f8791
```
#7f8791 rgb(127,135,145)
```
#76879a
```
#76879a rgb(118,135,154)
```
#6d86a3
```
#6d86a3 rgb(109,134,163)
```
#6386ad
```
#6386ad rgb(99,134,173)
```
#5a85b6
```
#5a85b6 rgb(90,133,182)
```
#5184bf
```
#5184bf rgb(81,132,191)
```
#4884c8
```
#4884c8 rgb(72,132,200)
```
#3f83d1
```
#3f83d1 rgb(63,131,209)
```
#3682da
```
#3682da rgb(54,130,218)
```
#2c82e4
```
#2c82e4 rgb(44,130,228)
```
#2381ed
```
#2381ed rgb(35,129,237)
```
#1a81f6
```
#1a81f6 rgb(26,129,246)
```
#1180ff
```
#1180ff rgb(17,128,255)
```

Tone Color Variation

Below, you can see how #1180ff 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

#6d6d6d Achromatopsia 0.005% of the population
#5b718a Atypical Achromatopsia 0.001% of the population

Dichromacy

#3385fe Protanopia 1% of men
#008ce6 Deuteranopia 1% of men
#00979f Tritanopia 0.001% of the population

Trichromacy

#2683fe Protanomaly 1% of men, 0.01% of women
#0688ef Deuteranomaly 6% of men, 0.4% of women
#068ec2 Tritanomaly 0.01% of the population

#1180ff hex color

#1180ff Color Information

#1180ff Color Conversion

Color Schemes with #1180ff

Alternatives to #1180ff

#1180ff Preview

Shades and Tints of #1180ff

Tones of #1180ff

Color Blindness Simulator