#1286fd hex color

In a RGB color space, hex #1286fd is composed of 7.1% red, 52.5% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 92.9% cyan, 47% magenta, 0% yellow and 0.8% black. It has a hue angle of 210.4 degrees, a saturation of 98.3% and a lightness of 53.1%. #1286fd color hex could be obtained by blending #24ffff with #000dfb. Closest websafe color is: #0099ff.

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

● #1286fd color description : Vivid blue.

The hexadecimal color #1286fd has RGB values of R:18, G:134, B:253 and CMYK values of C:0.93, M:0.47, Y:0, K:0.01. Its decimal value is 1214205.

Hex triplet	1286fd	`#1286fd`
RGB Decimal	18, 134, 253	`rgb(18,134,253)`
RGB Percent	7.1, 52.5, 99.2	`rgb(7.1%,52.5%,99.2%)`
CMYK	93, 47, 0, 1
HSL	210.4°, 98.3, 53.1	`hsl(210.4,98.3%,53.1%)`
HSV (or HSB)	210.4°, 92.9, 99.2
Web Safe	0099ff	`#0099ff`

CIE-LAB	56.355, 14.766, -67.168
XYZ	26.5, 24.268, 96.211
xyY	0.18, 0.165, 24.268
CIE-LCH	56.355, 68.772, 282.399
CIE-LUV	56.355, -30.596, -107.504
Hunter-Lab	49.263, 9.811, -81.31
Binary	00010010, 10000110, 11111101

#1286fd
```
#1286fd rgb(18,134,253)
```
#fd8912
```
#fd8912 rgb(253,137,18)
```

Complementary Color

#12fcfd
```
#12fcfd rgb(18,252,253)
```
#1286fd
```
#1286fd rgb(18,134,253)
```
#1412fd
```
#1412fd rgb(20,18,253)
```

Analogous Color

#fcfd12
```
#fcfd12 rgb(252,253,18)
```
#1286fd
```
#1286fd rgb(18,134,253)
```
#fd1412
```
#fd1412 rgb(253,20,18)
```

Split Complementary Color

#86fd12
```
#86fd12 rgb(134,253,18)
```
#1286fd
```
#1286fd rgb(18,134,253)
```
#fd1286
```
#fd1286 rgb(253,18,134)
```

Triadic Color

#12fd89
```
#12fd89 rgb(18,253,137)
```
#1286fd
```
#1286fd rgb(18,134,253)
```
#fd1286
```
#fd1286 rgb(253,18,134)
```
#fd8912
```
#fd8912 rgb(253,137,18)
```

Tetradic Color

#0260c1
```
#0260c1 rgb(2,96,193)
```
#026dda
```
#026dda rgb(2,109,218)
```
#0279f3
```
#0279f3 rgb(2,121,243)
```
#1286fd
```
#1286fd rgb(18,134,253)
```
#2b93fd
```
#2b93fd rgb(43,147,253)
```
#45a0fd
```
#45a0fd rgb(69,160,253)
```
#5eadfe
```
#5eadfe rgb(94,173,254)
```

Monochromatic Color

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

#12c1fd
```
#12c1fd rgb(18,193,253)
```
#12adfd
```
#12adfd rgb(18,173,253)
```
#129afd
```
#129afd rgb(18,154,253)
```
#1286fd
```
#1286fd rgb(18,134,253)
```
#1272fd
```
#1272fd rgb(18,114,253)
```
#125ffd
```
#125ffd rgb(18,95,253)
```
#124bfd
```
#124bfd rgb(18,75,253)
```

Similar Colors

Text with hexadecimal color #1286fd

This text has a font color of #1286fd.

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

#1286fd background color

This paragraph has a background color of #1286fd.

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

#1286fd border color

This element has a border color of #1286fd.

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

CSS codes

.text {color:#1286fd;}

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

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

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

#000810
```
#000810 rgb(0,8,16)
```
#001223
```
#001223 rgb(0,18,35)
```
#001b37
```
#001b37 rgb(0,27,55)
```
#01254a
```
#01254a rgb(1,37,74)
```
#012f5e
```
#012f5e rgb(1,47,94)
```
#013871
```
#013871 rgb(1,56,113)
```
#014285
```
#014285 rgb(1,66,133)
```
#014c98
```
#014c98 rgb(1,76,152)
```
#0155ab
```
#0155ab rgb(1,85,171)
```
#025fbf
```
#025fbf rgb(2,95,191)
```
#0269d2
```
#0269d2 rgb(2,105,210)
```
#0272e6
```
#0272e6 rgb(2,114,230)
```
#027cf9
```
#027cf9 rgb(2,124,249)
```

Shade Color Variation

#1286fd
```
#1286fd rgb(18,134,253)
```
#2590fd
```
#2590fd rgb(37,144,253)
```
#399afd
```
#399afd rgb(57,154,253)
```
#4ca4fd
```
#4ca4fd rgb(76,164,253)
```
#60aefe
```
#60aefe rgb(96,174,254)
```
#73b8fe
```
#73b8fe rgb(115,184,254)
```
#87c2fe
```
#87c2fe rgb(135,194,254)
```
#9accfe
```
#9accfe rgb(154,204,254)
```
#aed5fe
```
#aed5fe rgb(174,213,254)
```
#c1dffe
```
#c1dffe rgb(193,223,254)
```
#d5e9ff
```
#d5e9ff rgb(213,233,255)
```
#e8f3ff
```
#e8f3ff rgb(232,243,255)
```
#fbfdff
```
#fbfdff rgb(251,253,255)
```

Tint Color Variation

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

#80878f
```
#80878f rgb(128,135,143)
```
#778798
```
#778798 rgb(119,135,152)
```
#6e87a1
```
#6e87a1 rgb(110,135,161)
```
#6587aa
```
#6587aa rgb(101,135,170)
```
#5c87b3
```
#5c87b3 rgb(92,135,179)
```
#5287bd
```
#5287bd rgb(82,135,189)
```
#4987c6
```
#4987c6 rgb(73,135,198)
```
#4087cf
```
#4087cf rgb(64,135,207)
```
#3786d8
```
#3786d8 rgb(55,134,216)
```
#2e86e1
```
#2e86e1 rgb(46,134,225)
```
#2486eb
```
#2486eb rgb(36,134,235)
```
#1b86f4
```
#1b86f4 rgb(27,134,244)
```
#1286fd
```
#1286fd rgb(18,134,253)
```

Tone Color Variation

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

#4989fa Protanopia 1% of men
#0090ed Deuteranopia 1% of men
#009ba4 Tritanopia 0.001% of the population

Trichromacy

#3588fb Protanomaly 1% of men, 0.01% of women
#068cf3 Deuteranomaly 6% of men, 0.4% of women
#0693c4 Tritanomaly 0.01% of the population

#1286fd hex color

#1286fd Color Information

#1286fd Color Conversion

Color Schemes with #1286fd

Alternatives to #1286fd

#1286fd Preview

Shades and Tints of #1286fd

Tones of #1286fd

Color Blindness Simulator