#1286ec hex color

In a RGB color space, hex #1286ec is composed of 7.1% red, 52.5% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 92.4% cyan, 43.2% magenta, 0% yellow and 7.5% black. It has a hue angle of 208.1 degrees, a saturation of 85.8% and a lightness of 49.8%. #1286ec color hex could be obtained by blending #24ffff with #000dd9. Closest websafe color is: #0099ff.

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

● #1286ec color description : Vivid blue.

The hexadecimal color #1286ec has RGB values of R:18, G:134, B:236 and CMYK values of C:0.92, M:0.43, Y:0, K:0.07. Its decimal value is 1214188.

Hex triplet	1286ec	`#1286ec`
RGB Decimal	18, 134, 236	`rgb(18,134,236)`
RGB Percent	7.1, 52.5, 92.5	`rgb(7.1%,52.5%,92.5%)`
CMYK	92, 43, 0, 7
HSL	208.1°, 85.8, 49.8	`hsl(208.1,85.8%,49.8%)`
HSV (or HSB)	208.1°, 92.4, 92.5
Web Safe	0099ff	`#0099ff`

CIE-LAB	55.311, 8.264, -59.437
XYZ	23.911, 23.233, 82.576
xyY	0.184, 0.179, 23.233
CIE-LCH	55.311, 60.009, 277.915
CIE-LUV	55.311, -31.355, -94.309
Hunter-Lab	48.2, 4.2, -67.835
Binary	00010010, 10000110, 11101100

#1286ec
```
#1286ec rgb(18,134,236)
```
#ec7812
```
#ec7812 rgb(236,120,18)
```

Complementary Color

#12ece5
```
#12ece5 rgb(18,236,229)
```
#1286ec
```
#1286ec rgb(18,134,236)
```
#1219ec
```
#1219ec rgb(18,25,236)
```

Analogous Color

#ece512
```
#ece512 rgb(236,229,18)
```
#1286ec
```
#1286ec rgb(18,134,236)
```
#ec1219
```
#ec1219 rgb(236,18,25)
```

Split Complementary Color

#86ec12
```
#86ec12 rgb(134,236,18)
```
#1286ec
```
#1286ec rgb(18,134,236)
```
#ec1286
```
#ec1286 rgb(236,18,134)
```

Triadic Color

#12ec78
```
#12ec78 rgb(18,236,120)
```
#1286ec
```
#1286ec rgb(18,134,236)
```
#ec1286
```
#ec1286 rgb(236,18,134)
```
#ec7812
```
#ec7812 rgb(236,120,18)
```

Tetradic Color

#0d5ea5
```
#0d5ea5 rgb(13,94,165)
```
#0e6bbd
```
#0e6bbd rgb(14,107,189)
```
#1079d4
```
#1079d4 rgb(16,121,212)
```
#1286ec
```
#1286ec rgb(18,134,236)
```
#2992ef
```
#2992ef rgb(41,146,239)
```
#419ef0
```
#419ef0 rgb(65,158,240)
```
#58aaf2
```
#58aaf2 rgb(88,170,242)
```

Monochromatic Color

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

#12bdec
```
#12bdec rgb(18,189,236)
```
#12aaec
```
#12aaec rgb(18,170,236)
```
#1298ec
```
#1298ec rgb(18,152,236)
```
#1286ec
```
#1286ec rgb(18,134,236)
```
#1274ec
```
#1274ec rgb(18,116,236)
```
#1262ec
```
#1262ec rgb(18,98,236)
```
#1250ec
```
#1250ec rgb(18,80,236)
```

Similar Colors

Text with hexadecimal color #1286ec

This text has a font color of #1286ec.

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

#1286ec background color

This paragraph has a background color of #1286ec.

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

#1286ec border color

This element has a border color of #1286ec.

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

CSS codes

.text {color:#1286ec;}

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

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

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

#010a11
```
#010a11 rgb(1,10,17)
```
#031424
```
#031424 rgb(3,20,36)
```
#041f36
```
#041f36 rgb(4,31,54)
```
#052948
```
#052948 rgb(5,41,72)
```
#07335a
```
#07335a rgb(7,51,90)
```
#083e6c
```
#083e6c rgb(8,62,108)
```
#0a487f
```
#0a487f rgb(10,72,127)
```
#0b5291
```
#0b5291 rgb(11,82,145)
```
#0c5da3
```
#0c5da3 rgb(12,93,163)
```
#0e67b5
```
#0e67b5 rgb(14,103,181)
```
#0f71c8
```
#0f71c8 rgb(15,113,200)
```
#117cda
```
#117cda rgb(17,124,218)
```
#1286ec
```
#1286ec rgb(18,134,236)
```

Shade Color Variation

#238fee
```
#238fee rgb(35,143,238)
```
#3699f0
```
#3699f0 rgb(54,153,240)
```
#48a2f1
```
#48a2f1 rgb(72,162,241)
```
#5aabf2
```
#5aabf2 rgb(90,171,242)
```
#6cb4f4
```
#6cb4f4 rgb(108,180,244)
```
#7ebef5
```
#7ebef5 rgb(126,190,245)
```
#91c7f7
```
#91c7f7 rgb(145,199,247)
```
#a3d0f8
```
#a3d0f8 rgb(163,208,248)
```
#b5d9f9
```
#b5d9f9 rgb(181,217,249)
```
#c7e3fb
```
#c7e3fb rgb(199,227,251)
```
#daecfc
```
#daecfc rgb(218,236,252)
```
#ecf5fe
```
#ecf5fe rgb(236,245,254)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#7d7f81
```
#7d7f81 rgb(125,127,129)
```
#74808a
```
#74808a rgb(116,128,138)
```
#6a8094
```
#6a8094 rgb(106,128,148)
```
#60819e
```
#60819e rgb(96,129,158)
```
#5682a8
```
#5682a8 rgb(86,130,168)
```
#4d82b1
```
#4d82b1 rgb(77,130,177)
```
#4383bb
```
#4383bb rgb(67,131,187)
```
#3983c5
```
#3983c5 rgb(57,131,197)
```
#2f84cf
```
#2f84cf rgb(47,132,207)
```
#2685d8
```
#2685d8 rgb(38,133,216)
```
#1c85e2
```
#1c85e2 rgb(28,133,226)
```
#1286ec
```
#1286ec rgb(18,134,236)
```
#0887f6
```
#0887f6 rgb(8,135,246)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#5c7488 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5887e8 Protanopia 1% of men
#008deb Deuteranopia 1% of men
#0098a1 Tritanopia 0.001% of the population

Trichromacy

#3f87ea Protanomaly 1% of men, 0.01% of women
#068aeb Deuteranomaly 6% of men, 0.4% of women
#0691bc Tritanomaly 0.01% of the population

#1286ec hex color

#1286ec Color Information

#1286ec Color Conversion

Color Schemes with #1286ec

Alternatives to #1286ec

#1286ec Preview

Shades and Tints of #1286ec

Tones of #1286ec

Color Blindness Simulator