#1158ff hex color

In a RGB color space, hex #1158ff is composed of 6.7% red, 34.5% green and 100% blue. Whereas in a CMYK color space, it is composed of 93.3% cyan, 65.5% magenta, 0% yellow and 0% black. It has a hue angle of 222.1 degrees, a saturation of 100% and a lightness of 53.3%. #1158ff color hex could be obtained by blending #22b0ff with #0000ff. Closest websafe color is: #0066ff.

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

● #1158ff color description : Vivid blue.

The hexadecimal color #1158ff has RGB values of R:17, G:88, B:255 and CMYK values of C:0.93, M:0.65, Y:0, K:0. Its decimal value is 1136895.

Hex triplet	1158ff	`#1158ff`
RGB Decimal	17, 88, 255	`rgb(17,88,255)`
RGB Percent	6.7, 34.5, 100	`rgb(6.7%,34.5%,100%)`
CMYK	93, 65, 0, 0
HSL	222.1°, 100, 53.3	`hsl(222.1,100%,53.3%)`
HSV (or HSB)	222.1°, 93.3, 100
Web Safe	0066ff	`#0066ff`

CIE-LAB	44.684, 44.339, -87.297
XYZ	21.767, 14.317, 96.218
xyY	0.165, 0.108, 14.317
CIE-LCH	44.684, 97.912, 296.927
CIE-LUV	44.684, -18.618, -129.531
Hunter-Lab	37.838, 36.471, -124.284
Binary	00010001, 01011000, 11111111

#1158ff
```
#1158ff rgb(17,88,255)
```
#ffb811
```
#ffb811 rgb(255,184,17)
```

Complementary Color

#11cfff
```
#11cfff rgb(17,207,255)
```
#1158ff
```
#1158ff rgb(17,88,255)
```
#4111ff
```
#4111ff rgb(65,17,255)
```

Analogous Color

#cfff11
```
#cfff11 rgb(207,255,17)
```
#1158ff
```
#1158ff rgb(17,88,255)
```
#ff4111
```
#ff4111 rgb(255,65,17)
```

Split Complementary Color

#58ff11
```
#58ff11 rgb(88,255,17)
```
#1158ff
```
#1158ff rgb(17,88,255)
```
#ff1158
```
#ff1158 rgb(255,17,88)
```

Triadic Color

#11ffb8
```
#11ffb8 rgb(17,255,184)
```
#1158ff
```
#1158ff rgb(17,88,255)
```
#ff1158
```
#ff1158 rgb(255,17,88)
```
#ffb811
```
#ffb811 rgb(255,184,17)
```

Tetradic Color

#003ac4
```
#003ac4 rgb(0,58,196)
```
#0042dd
```
#0042dd rgb(0,66,221)
```
#004af7
```
#004af7 rgb(0,74,247)
```
#1158ff
```
#1158ff rgb(17,88,255)
```
#2b6aff
```
#2b6aff rgb(43,106,255)
```
#447cff
```
#447cff rgb(68,124,255)
```
#5e8eff
```
#5e8eff rgb(94,142,255)
```

Monochromatic Color

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

#1194ff
```
#1194ff rgb(17,148,255)
```
#1180ff
```
#1180ff rgb(17,128,255)
```
#116cff
```
#116cff rgb(17,108,255)
```
#1158ff
```
#1158ff rgb(17,88,255)
```
#1144ff
```
#1144ff rgb(17,68,255)
```
#1130ff
```
#1130ff rgb(17,48,255)
```
#111dff
```
#111dff rgb(17,29,255)
```

Similar Colors

Text with hexadecimal color #1158ff

This text has a font color of #1158ff.

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

#1158ff background color

This paragraph has a background color of #1158ff.

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

#1158ff border color

This element has a border color of #1158ff.

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

CSS codes

.text {color:#1158ff;}

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

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

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

#000511
```
#000511 rgb(0,5,17)
```
#000b25
```
#000b25 rgb(0,11,37)
```
#001138
```
#001138 rgb(0,17,56)
```
#00174c
```
#00174c rgb(0,23,76)
```
#001c5f
```
#001c5f rgb(0,28,95)
```
#002273
```
#002273 rgb(0,34,115)
```
#002887
```
#002887 rgb(0,40,135)
```
#002e9a
```
#002e9a rgb(0,46,154)
```
#0034ae
```
#0034ae rgb(0,52,174)
```
#003ac2
```
#003ac2 rgb(0,58,194)
```
#0040d5
```
#0040d5 rgb(0,64,213)
```
#0045e9
```
#0045e9 rgb(0,69,233)
```
#004bfc
```
#004bfc rgb(0,75,252)
```

Shade Color Variation

#1158ff
```
#1158ff rgb(17,88,255)
```
#2566ff
```
#2566ff rgb(37,102,255)
```
#3874ff
```
#3874ff rgb(56,116,255)
```
#4c81ff
```
#4c81ff rgb(76,129,255)
```
#5f8fff
```
#5f8fff rgb(95,143,255)
```
#739dff
```
#739dff rgb(115,157,255)
```
#87abff
```
#87abff rgb(135,171,255)
```
#9ab8ff
```
#9ab8ff rgb(154,184,255)
```
#aec6ff
```
#aec6ff rgb(174,198,255)
```
#c2d4ff
```
#c2d4ff rgb(194,212,255)
```
#d5e2ff
```
#d5e2ff rgb(213,226,255)
```
#e9efff
```
#e9efff rgb(233,239,255)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

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

#7f8491
```
#7f8491 rgb(127,132,145)
```
#76819a
```
#76819a rgb(118,129,154)
```
#6d7da3
```
#6d7da3 rgb(109,125,163)
```
#6379ad
```
#6379ad rgb(99,121,173)
```
#5a76b6
```
#5a76b6 rgb(90,118,182)
```
#5172bf
```
#5172bf rgb(81,114,191)
```
#486ec8
```
#486ec8 rgb(72,110,200)
```
#3f6ad1
```
#3f6ad1 rgb(63,106,209)
```
#3667da
```
#3667da rgb(54,103,218)
```
#2c63e4
```
#2c63e4 rgb(44,99,228)
```
#235fed
```
#235fed rgb(35,95,237)
```
#1a5cf6
```
#1a5cf6 rgb(26,92,246)
```
#1158ff
```
#1158ff rgb(17,88,255)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#485678 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006ed6 Protanopia 1% of men
#0074ba Deuteranopia 1% of men
#007c82 Tritanopia 0.001% of the population

Trichromacy

#0666e5 Protanomaly 1% of men, 0.01% of women
#066ad3 Deuteranomaly 6% of men, 0.4% of women
#066faf Tritanomaly 0.01% of the population

#1158ff hex color

#1158ff Color Information

#1158ff Color Conversion

Color Schemes with #1158ff

Alternatives to #1158ff

#1158ff Preview

Shades and Tints of #1158ff

Tones of #1158ff

Color Blindness Simulator