#1486fd hex color

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

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

● #1486fd color description : Vivid blue.

The hexadecimal color #1486fd has RGB values of R:20, G:134, B:253 and CMYK values of C:0.92, M:0.47, Y:0, K:0.01. Its decimal value is 1345277.

Hex triplet	1486fd	`#1486fd`
RGB Decimal	20, 134, 253	`rgb(20,134,253)`
RGB Percent	7.8, 52.5, 99.2	`rgb(7.8%,52.5%,99.2%)`
CMYK	92, 47, 0, 1
HSL	210.6°, 98.3, 53.5	`hsl(210.6,98.3%,53.5%)`
HSV (or HSB)	210.6°, 92.1, 99.2
Web Safe	0099ff	`#0099ff`

CIE-LAB	56.375, 14.84, -67.135
XYZ	26.539, 24.288, 96.212
xyY	0.18, 0.165, 24.288
CIE-LCH	56.375, 68.756, 282.465
CIE-LUV	56.375, -30.497, -107.467
Hunter-Lab	49.283, 9.877, -81.25
Binary	00010100, 10000110, 11111101

#1486fd
```
#1486fd rgb(20,134,253)
```
#fd8b14
```
#fd8b14 rgb(253,139,20)
```

Complementary Color

#14fbfd
```
#14fbfd rgb(20,251,253)
```
#1486fd
```
#1486fd rgb(20,134,253)
```
#1714fd
```
#1714fd rgb(23,20,253)
```

Analogous Color

#fbfd14
```
#fbfd14 rgb(251,253,20)
```
#1486fd
```
#1486fd rgb(20,134,253)
```
#fd1714
```
#fd1714 rgb(253,23,20)
```

Split Complementary Color

#86fd14
```
#86fd14 rgb(134,253,20)
```
#1486fd
```
#1486fd rgb(20,134,253)
```
#fd1486
```
#fd1486 rgb(253,20,134)
```

Triadic Color

#14fd8b
```
#14fd8b rgb(20,253,139)
```
#1486fd
```
#1486fd rgb(20,134,253)
```
#fd1486
```
#fd1486 rgb(253,20,134)
```
#fd8b14
```
#fd8b14 rgb(253,139,20)
```

Tetradic Color

#0260c3
```
#0260c3 rgb(2,96,195)
```
#026ddc
```
#026ddc rgb(2,109,220)
```
#0279f5
```
#0279f5 rgb(2,121,245)
```
#1486fd
```
#1486fd rgb(20,134,253)
```
#2d93fd
```
#2d93fd rgb(45,147,253)
```
#47a0fd
```
#47a0fd rgb(71,160,253)
```
#60adfe
```
#60adfe rgb(96,173,254)
```

Monochromatic Color

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

#14c0fd
```
#14c0fd rgb(20,192,253)
```
#14adfd
```
#14adfd rgb(20,173,253)
```
#1499fd
```
#1499fd rgb(20,153,253)
```
#1486fd
```
#1486fd rgb(20,134,253)
```
#1473fd
```
#1473fd rgb(20,115,253)
```
#145ffd
```
#145ffd rgb(20,95,253)
```
#144cfd
```
#144cfd rgb(20,76,253)
```

Similar Colors

Text with hexadecimal color #1486fd

This text has a font color of #1486fd.

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

#1486fd background color

This paragraph has a background color of #1486fd.

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

#1486fd border color

This element has a border color of #1486fd.

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

CSS codes

.text {color:#1486fd;}

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

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

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

#000912
```
#000912 rgb(0,9,18)
```
#001225
```
#001225 rgb(0,18,37)
```
#001c39
```
#001c39 rgb(0,28,57)
```
#01264c
```
#01264c rgb(1,38,76)
```
#012f60
```
#012f60 rgb(1,47,96)
```
#013973
```
#013973 rgb(1,57,115)
```
#014287
```
#014287 rgb(1,66,135)
```
#014c9a
```
#014c9a rgb(1,76,154)
```
#0156ad
```
#0156ad rgb(1,86,173)
```
#025fc1
```
#025fc1 rgb(2,95,193)
```
#0269d4
```
#0269d4 rgb(2,105,212)
```
#0272e8
```
#0272e8 rgb(2,114,232)
```
#027cfb
```
#027cfb rgb(2,124,251)
```

Shade Color Variation

#1486fd
```
#1486fd rgb(20,134,253)
```
#2790fd
```
#2790fd rgb(39,144,253)
```
#3b9afd
```
#3b9afd rgb(59,154,253)
```
#4ea4fd
```
#4ea4fd rgb(78,164,253)
```
#62aefe
```
#62aefe rgb(98,174,254)
```
#75b8fe
```
#75b8fe rgb(117,184,254)
```
#89c2fe
```
#89c2fe rgb(137,194,254)
```
#9cccfe
```
#9cccfe rgb(156,204,254)
```
#b0d6fe
```
#b0d6fe rgb(176,214,254)
```
#c3e0fe
```
#c3e0fe rgb(195,224,254)
```
#d6eaff
```
#d6eaff rgb(214,234,255)
```
#eaf4ff
```
#eaf4ff rgb(234,244,255)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#818890
```
#818890 rgb(129,136,144)
```
#788899
```
#788899 rgb(120,136,153)
```
#6f88a2
```
#6f88a2 rgb(111,136,162)
```
#6688ab
```
#6688ab rgb(102,136,171)
```
#5d88b4
```
#5d88b4 rgb(93,136,180)
```
#5487bd
```
#5487bd rgb(84,135,189)
```
#4b87c6
```
#4b87c6 rgb(75,135,198)
```
#4287cf
```
#4287cf rgb(66,135,207)
```
#3887d9
```
#3887d9 rgb(56,135,217)
```
#2f87e2
```
#2f87e2 rgb(47,135,226)
```
#2686eb
```
#2686eb rgb(38,134,235)
```
#1d86f4
```
#1d86f4 rgb(29,134,244)
```
#1486fd
```
#1486fd rgb(20,134,253)
```

Tone Color Variation

Below, you can see how #1486fd 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
#078cf3 Deuteranomaly 6% of men, 0.4% of women
#0793c4 Tritanomaly 0.01% of the population

#1486fd hex color

#1486fd Color Information

#1486fd Color Conversion

Color Schemes with #1486fd

Alternatives to #1486fd

#1486fd Preview

Shades and Tints of #1486fd

Tones of #1486fd

Color Blindness Simulator