#1286f7 hex color

In a RGB color space, hex #1286f7 is composed of 7.1% red, 52.5% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 92.7% cyan, 45.7% magenta, 0% yellow and 3.1% black. It has a hue angle of 209.6 degrees, a saturation of 93.5% and a lightness of 52%. #1286f7 color hex could be obtained by blending #24ffff with #000def. Closest websafe color is: #0099ff.

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

● #1286f7 color description : Vivid blue.

The hexadecimal color #1286f7 has RGB values of R:18, G:134, B:247 and CMYK values of C:0.93, M:0.46, Y:0, K:0.03. Its decimal value is 1214199.

Hex triplet	1286f7	`#1286f7`
RGB Decimal	18, 134, 247	`rgb(18,134,247)`
RGB Percent	7.1, 52.5, 96.9	`rgb(7.1%,52.5%,96.9%)`
CMYK	93, 46, 0, 3
HSL	209.6°, 93.5, 52	`hsl(209.6,93.5%,52%)`
HSV (or HSB)	209.6°, 92.7, 96.9
Web Safe	0099ff	`#0099ff`

CIE-LAB	55.979, 12.474, -64.463
XYZ	25.559, 23.892, 91.255
xyY	0.182, 0.17, 23.892
CIE-LCH	55.979, 65.659, 280.952
CIE-LUV	55.979, -30.852, -102.901
Hunter-Lab	48.879, 7.8, -76.476
Binary	00010010, 10000110, 11110111

#1286f7
```
#1286f7 rgb(18,134,247)
```
#f78312
```
#f78312 rgb(247,131,18)
```

Complementary Color

#12f7f6
```
#12f7f6 rgb(18,247,246)
```
#1286f7
```
#1286f7 rgb(18,134,247)
```
#1213f7
```
#1213f7 rgb(18,19,247)
```

Analogous Color

#f7f612
```
#f7f612 rgb(247,246,18)
```
#1286f7
```
#1286f7 rgb(18,134,247)
```
#f71213
```
#f71213 rgb(247,18,19)
```

Split Complementary Color

#86f712
```
#86f712 rgb(134,247,18)
```
#1286f7
```
#1286f7 rgb(18,134,247)
```
#f71286
```
#f71286 rgb(247,18,134)
```

Triadic Color

#12f783
```
#12f783 rgb(18,247,131)
```
#1286f7
```
#1286f7 rgb(18,134,247)
```
#f71286
```
#f71286 rgb(247,18,134)
```
#f78312
```
#f78312 rgb(247,131,18)
```

Tetradic Color

#065fb6
```
#065fb6 rgb(6,95,182)
```
#076ccf
```
#076ccf rgb(7,108,207)
```
#0879e8
```
#0879e8 rgb(8,121,232)
```
#1286f7
```
#1286f7 rgb(18,134,247)
```
#2b93f8
```
#2b93f8 rgb(43,147,248)
```
#439ff9
```
#439ff9 rgb(67,159,249)
```
#5cacf9
```
#5cacf9 rgb(92,172,249)
```

Monochromatic Color

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

#12bff7
```
#12bff7 rgb(18,191,247)
```
#12acf7
```
#12acf7 rgb(18,172,247)
```
#1299f7
```
#1299f7 rgb(18,153,247)
```
#1286f7
```
#1286f7 rgb(18,134,247)
```
#1273f7
```
#1273f7 rgb(18,115,247)
```
#1260f7
```
#1260f7 rgb(18,96,247)
```
#124df7
```
#124df7 rgb(18,77,247)
```

Similar Colors

Text with hexadecimal color #1286f7

This text has a font color of #1286f7.

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

#1286f7 background color

This paragraph has a background color of #1286f7.

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

#1286f7 border color

This element has a border color of #1286f7.

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

CSS codes

.text {color:#1286f7;}

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

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

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, #00050a is the darkest color, while #f6faff is the lightest one.

#00050a
```
#00050a rgb(0,5,10)
```
#010f1d
```
#010f1d rgb(1,15,29)
```
#021930
```
#021930 rgb(2,25,48)
```
#022343
```
#022343 rgb(2,35,67)
```
#032d56
```
#032d56 rgb(3,45,86)
```
#043769
```
#043769 rgb(4,55,105)
```
#04417c
```
#04417c rgb(4,65,124)
```
#054b8e
```
#054b8e rgb(5,75,142)
```
#0554a1
```
#0554a1 rgb(5,84,161)
```
#065eb4
```
#065eb4 rgb(6,94,180)
```
#0768c7
```
#0768c7 rgb(7,104,199)
```
#0772da
```
#0772da rgb(7,114,218)
```
#087ced
```
#087ced rgb(8,124,237)
```

Shade Color Variation

#1286f7
```
#1286f7 rgb(18,134,247)
```
#2590f8
```
#2590f8 rgb(37,144,248)
```
#3899f8
```
#3899f8 rgb(56,153,248)
```
#4ba3f9
```
#4ba3f9 rgb(75,163,249)
```
#5eadfa
```
#5eadfa rgb(94,173,250)
```
#71b6fa
```
#71b6fa rgb(113,182,250)
```
#84c0fb
```
#84c0fb rgb(132,192,251)
```
#97cafb
```
#97cafb rgb(151,202,251)
```
#aad4fc
```
#aad4fc rgb(170,212,252)
```
#bdddfd
```
#bdddfd rgb(189,221,253)
```
#d0e7fd
```
#d0e7fd rgb(208,231,253)
```
#e3f1fe
```
#e3f1fe rgb(227,241,254)
```
#f6faff
```
#f6faff rgb(246,250,255)
```

Tint Color Variation

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

#838586
```
#838586 rgb(131,133,134)
```
#7a858f
```
#7a858f rgb(122,133,143)
```
#708599
```
#708599 rgb(112,133,153)
```
#6785a2
```
#6785a2 rgb(103,133,162)
```
#5d85ac
```
#5d85ac rgb(93,133,172)
```
#5485b5
```
#5485b5 rgb(84,133,181)
```
#4b85be
```
#4b85be rgb(75,133,190)
```
#4185c8
```
#4185c8 rgb(65,133,200)
```
#3886d1
```
#3886d1 rgb(56,134,209)
```
#2e86db
```
#2e86db rgb(46,134,219)
```
#2586e4
```
#2586e4 rgb(37,134,228)
```
#1b86ee
```
#1b86ee rgb(27,134,238)
```
#1286f7
```
#1286f7 rgb(18,134,247)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#5d748b Atypical Achromatopsia 0.001% of the population

Dichromacy

#4f88f4 Protanopia 1% of men
#008fec Deuteranopia 1% of men
#009aa3 Tritanopia 0.001% of the population

Trichromacy

#3987f5 Protanomaly 1% of men, 0.01% of women
#068bf0 Deuteranomaly 6% of men, 0.4% of women
#0692c1 Tritanomaly 0.01% of the population

#1286f7 hex color

#1286f7 Color Information

#1286f7 Color Conversion

Color Schemes with #1286f7

Alternatives to #1286f7

#1286f7 Preview

Shades and Tints of #1286f7

Tones of #1286f7

Color Blindness Simulator