#1286bf hex color

In a RGB color space, hex #1286bf is composed of 7.1% red, 52.5% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 90.6% cyan, 29.8% magenta, 0% yellow and 25.1% black. It has a hue angle of 199.8 degrees, a saturation of 82.8% and a lightness of 41%. #1286bf color hex could be obtained by blending #24ffff with #000d7f. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 7
- G 53
- B 75
RGB color chart
- C 91
- M 30
- Y 0
- K 25
CMYK color chart

● #1286bf color description : Strong blue.

The hexadecimal color #1286bf has RGB values of R:18, G:134, B:191 and CMYK values of C:0.91, M:0.3, Y:0, K:0.25. Its decimal value is 1214143.

Hex triplet	1286bf	`#1286bf`
RGB Decimal	18, 134, 191	`rgb(18,134,191)`
RGB Percent	7.1, 52.5, 74.9	`rgb(7.1%,52.5%,74.9%)`
CMYK	91, 30, 0, 25
HSL	199.8°, 82.8, 41	`hsl(199.8,82.8%,41%)`
HSV (or HSB)	199.8°, 90.6, 74.9
Web Safe	0099cc	`#0099cc`

CIE-LAB	52.882, -8.841, -37.939
XYZ	18.176, 20.939, 52.371
xyY	0.199, 0.229, 20.939
CIE-LCH	52.882, 38.956, 256.882
CIE-LUV	52.882, -33.873, -57.234
Hunter-Lab	45.759, -9.175, -35.826
Binary	00010010, 10000110, 10111111

#1286bf
```
#1286bf rgb(18,134,191)
```
#bf4b12
```
#bf4b12 rgb(191,75,18)
```

Complementary Color

#12bfa2
```
#12bfa2 rgb(18,191,162)
```
#1286bf
```
#1286bf rgb(18,134,191)
```
#1230bf
```
#1230bf rgb(18,48,191)
```

Analogous Color

#bfa212
```
#bfa212 rgb(191,162,18)
```
#1286bf
```
#1286bf rgb(18,134,191)
```
#bf1230
```
#bf1230 rgb(191,18,48)
```

Split Complementary Color

#86bf12
```
#86bf12 rgb(134,191,18)
```
#1286bf
```
#1286bf rgb(18,134,191)
```
#bf1286
```
#bf1286 rgb(191,18,134)
```

Triadic Color

#12bf4b
```
#12bf4b rgb(18,191,75)
```
#1286bf
```
#1286bf rgb(18,134,191)
```
#bf1286
```
#bf1286 rgb(191,18,134)
```
#bf4b12
```
#bf4b12 rgb(191,75,18)
```

Tetradic Color

#0b5579
```
#0b5579 rgb(11,85,121)
```
#0e6590
```
#0e6590 rgb(14,101,144)
```
#1076a8
```
#1076a8 rgb(16,118,168)
```
#1286bf
```
#1286bf rgb(18,134,191)
```
#1496d6
```
#1496d6 rgb(20,150,214)
```
#1ba5e9
```
#1ba5e9 rgb(27,165,233)
```
#32aeec
```
#32aeec rgb(50,174,236)
```

Monochromatic Color

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

#12b1bf
```
#12b1bf rgb(18,177,191)
```
#12a3bf
```
#12a3bf rgb(18,163,191)
```
#1294bf
```
#1294bf rgb(18,148,191)
```
#1286bf
```
#1286bf rgb(18,134,191)
```
#1278bf
```
#1278bf rgb(18,120,191)
```
#1269bf
```
#1269bf rgb(18,105,191)
```
#125bbf
```
#125bbf rgb(18,91,191)
```

Similar Colors

Text with hexadecimal color #1286bf

This text has a font color of #1286bf.

<span style="color:#1286bf;">Text here</span>

#1286bf background color

This paragraph has a background color of #1286bf.

<p style="background-color:#1286bf;">Content here</p>

#1286bf border color

This element has a border color of #1286bf.

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

CSS codes

.text {color:#1286bf;}

.background {background-color:#1286bf;}

.border {border:1px solid #1286bf;}

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, #01080c is the darkest color, while #f9fdfe is the lightest one.

#01080c
```
#01080c rgb(1,8,12)
```
#03151e
```
#03151e rgb(3,21,30)
```
#042130
```
#042130 rgb(4,33,48)
```
#062e42
```
#062e42 rgb(6,46,66)
```
#083b53
```
#083b53 rgb(8,59,83)
```
#0a4765
```
#0a4765 rgb(10,71,101)
```
#0b5477
```
#0b5477 rgb(11,84,119)
```
#0d6089
```
#0d6089 rgb(13,96,137)
```
#0f6d9b
```
#0f6d9b rgb(15,109,155)
```
#1079ad
```
#1079ad rgb(16,121,173)
```
#1286bf
```
#1286bf rgb(18,134,191)
```
#1493d1
```
#1493d1 rgb(20,147,209)
```
#159fe3
```
#159fe3 rgb(21,159,227)
```

Shade Color Variation

#22a8ea
```
#22a8ea rgb(34,168,234)
```
#34afec
```
#34afec rgb(52,175,236)
```
#46b6ee
```
#46b6ee rgb(70,182,238)
```
#57bdef
```
#57bdef rgb(87,189,239)
```
#69c4f1
```
#69c4f1 rgb(105,196,241)
```
#7bcbf3
```
#7bcbf3 rgb(123,203,243)
```
#8dd2f4
```
#8dd2f4 rgb(141,210,244)
```
#9fd9f6
```
#9fd9f6 rgb(159,217,246)
```
#b1e0f8
```
#b1e0f8 rgb(177,224,248)
```
#c3e7f9
```
#c3e7f9 rgb(195,231,249)
```
#d5eefb
```
#d5eefb rgb(213,238,251)
```
#e7f6fd
```
#e7f6fd rgb(231,246,253)
```
#f9fdfe
```
#f9fdfe rgb(249,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #626b6f is the less saturated color, while #028bcf is the most saturated one.

#626b6f
```
#626b6f rgb(98,107,111)
```
#5a6d77
```
#5a6d77 rgb(90,109,119)
```
#52707f
```
#52707f rgb(82,112,127)
```
#4a7387
```
#4a7387 rgb(74,115,135)
```
#42768f
```
#42768f rgb(66,118,143)
```
#3a7897
```
#3a7897 rgb(58,120,151)
```
#327b9f
```
#327b9f rgb(50,123,159)
```
#2a7ea7
```
#2a7ea7 rgb(42,126,167)
```
#2281af
```
#2281af rgb(34,129,175)
```
#1a83b7
```
#1a83b7 rgb(26,131,183)
```
#1286bf
```
#1286bf rgb(18,134,191)
```
#0a89c7
```
#0a89c7 rgb(10,137,199)
```
#028bcf
```
#028bcf rgb(2,139,207)
```

Tone Color Variation

Below, you can see how #1286bf 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

#6a6a6a Achromatopsia 0.005% of the population
#58707b Atypical Achromatopsia 0.001% of the population

Dichromacy

#7083bb Protanopia 1% of men
#6084c5 Deuteranopia 1% of men
#00919b Tritanopia 0.001% of the population

Trichromacy

#4e84bc Protanomaly 1% of men, 0.01% of women
#4485c3 Deuteranomaly 6% of men, 0.4% of women
#068da8 Tritanomaly 0.01% of the population

#1286bf hex color

#1286bf Color Information

#1286bf Color Conversion

Color Schemes with #1286bf

Alternatives to #1286bf

#1286bf Preview

Shades and Tints of #1286bf

Tones of #1286bf

Color Blindness Simulator