#1386ff hex color

In a RGB color space, hex #1386ff is composed of 7.5% red, 52.5% green and 100% blue. Whereas in a CMYK color space, it is composed of 92.5% cyan, 47.5% magenta, 0% yellow and 0% black. It has a hue angle of 210.8 degrees, a saturation of 100% and a lightness of 53.7%. #1386ff color hex could be obtained by blending #26ffff with #000dff. Closest websafe color is: #0099ff.

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

● #1386ff color description : Vivid blue.

The hexadecimal color #1386ff has RGB values of R:19, G:134, B:255 and CMYK values of C:0.93, M:0.47, Y:0, K:0. Its decimal value is 1279743.

Hex triplet	1386ff	`#1386ff`
RGB Decimal	19, 134, 255	`rgb(19,134,255)`
RGB Percent	7.5, 52.5, 100	`rgb(7.5%,52.5%,100%)`
CMYK	93, 47, 0, 0
HSL	210.8°, 100, 53.7	`hsl(210.8,100%,53.7%)`
HSV (or HSB)	210.8°, 92.5, 100
Web Safe	0099ff	`#0099ff`

CIE-LAB	56.492, 15.565, -68.048
XYZ	26.84, 24.406, 97.899
xyY	0.18, 0.164, 24.406
CIE-LCH	56.492, 69.805, 282.884
CIE-LUV	56.492, -30.466, -109.008
Hunter-Lab	49.403, 10.521, -82.91
Binary	00010011, 10000110, 11111111

#1386ff
```
#1386ff rgb(19,134,255)
```
#ff8c13
```
#ff8c13 rgb(255,140,19)
```

Complementary Color

#13fcff
```
#13fcff rgb(19,252,255)
```
#1386ff
```
#1386ff rgb(19,134,255)
```
#1613ff
```
#1613ff rgb(22,19,255)
```

Analogous Color

#fcff13
```
#fcff13 rgb(252,255,19)
```
#1386ff
```
#1386ff rgb(19,134,255)
```
#ff1613
```
#ff1613 rgb(255,22,19)
```

Split Complementary Color

#86ff13
```
#86ff13 rgb(134,255,19)
```
#1386ff
```
#1386ff rgb(19,134,255)
```
#ff1386
```
#ff1386 rgb(255,19,134)
```

Triadic Color

#13ff8c
```
#13ff8c rgb(19,255,140)
```
#1386ff
```
#1386ff rgb(19,134,255)
```
#ff1386
```
#ff1386 rgb(255,19,134)
```
#ff8c13
```
#ff8c13 rgb(255,140,19)
```

Tetradic Color

#0060c6
```
#0060c6 rgb(0,96,198)
```
#006ddf
```
#006ddf rgb(0,109,223)
```
#0079f9
```
#0079f9 rgb(0,121,249)
```
#1386ff
```
#1386ff rgb(19,134,255)
```
#2d93ff
```
#2d93ff rgb(45,147,255)
```
#46a0ff
```
#46a0ff rgb(70,160,255)
```
#60adff
```
#60adff rgb(96,173,255)
```

Monochromatic Color

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

#13c1ff
```
#13c1ff rgb(19,193,255)
```
#13adff
```
#13adff rgb(19,173,255)
```
#139aff
```
#139aff rgb(19,154,255)
```
#1386ff
```
#1386ff rgb(19,134,255)
```
#1372ff
```
#1372ff rgb(19,114,255)
```
#135fff
```
#135fff rgb(19,95,255)
```
#134bff
```
#134bff rgb(19,75,255)
```

Similar Colors

Text with hexadecimal color #1386ff

This text has a font color of #1386ff.

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

#1386ff background color

This paragraph has a background color of #1386ff.

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

#1386ff border color

This element has a border color of #1386ff.

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

CSS codes

.text {color:#1386ff;}

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

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

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

#000913
```
#000913 rgb(0,9,19)
```
#001327
```
#001327 rgb(0,19,39)
```
#001c3a
```
#001c3a rgb(0,28,58)
```
#00264e
```
#00264e rgb(0,38,78)
```
#002f61
```
#002f61 rgb(0,47,97)
```
#003975
```
#003975 rgb(0,57,117)
```
#004389
```
#004389 rgb(0,67,137)
```
#004c9c
```
#004c9c rgb(0,76,156)
```
#0056b0
```
#0056b0 rgb(0,86,176)
```
#005fc4
```
#005fc4 rgb(0,95,196)
```
#0069d7
```
#0069d7 rgb(0,105,215)
```
#0072eb
```
#0072eb rgb(0,114,235)
```
#007cfe
```
#007cfe rgb(0,124,254)
```

Shade Color Variation

#1386ff
```
#1386ff rgb(19,134,255)
```
#2790ff
```
#2790ff rgb(39,144,255)
```
#3a9aff
```
#3a9aff rgb(58,154,255)
```
#4ea4ff
```
#4ea4ff rgb(78,164,255)
```
#61aeff
```
#61aeff rgb(97,174,255)
```
#75b8ff
```
#75b8ff rgb(117,184,255)
```
#89c2ff
```
#89c2ff rgb(137,194,255)
```
#9cccff
```
#9cccff rgb(156,204,255)
```
#b0d6ff
```
#b0d6ff rgb(176,214,255)
```
#c4e1ff
```
#c4e1ff rgb(196,225,255)
```
#d7ebff
```
#d7ebff rgb(215,235,255)
```
#ebf5ff
```
#ebf5ff rgb(235,245,255)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#808992
```
#808992 rgb(128,137,146)
```
#77899b
```
#77899b rgb(119,137,155)
```
#6e88a4
```
#6e88a4 rgb(110,136,164)
```
#6588ad
```
#6588ad rgb(101,136,173)
```
#5c88b6
```
#5c88b6 rgb(92,136,182)
```
#5388bf
```
#5388bf rgb(83,136,191)
```
#4987c9
```
#4987c9 rgb(73,135,201)
```
#4087d2
```
#4087d2 rgb(64,135,210)
```
#3787db
```
#3787db rgb(55,135,219)
```
#2e87e4
```
#2e87e4 rgb(46,135,228)
```
#2586ed
```
#2586ed rgb(37,134,237)
```
#1c86f6
```
#1c86f6 rgb(28,134,246)
```
#1386ff
```
#1386ff rgb(19,134,255)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#5e758d Atypical Achromatopsia 0.001% of the population

Dichromacy

#4689fc Protanopia 1% of men
#0090ed Deuteranopia 1% of men
#009ba4 Tritanopia 0.001% of the population

Trichromacy

#3388fd Protanomaly 1% of men, 0.01% of women
#068cf4 Deuteranomaly 6% of men, 0.4% of women
#0693c5 Tritanomaly 0.01% of the population

#1386ff hex color

#1386ff Color Information

#1386ff Color Conversion

Color Schemes with #1386ff

Alternatives to #1386ff

#1386ff Preview

Shades and Tints of #1386ff

Tones of #1386ff

Color Blindness Simulator