#1486fa hex color

In a RGB color space, hex #1486fa is composed of 7.8% red, 52.5% green and 98% blue. Whereas in a CMYK color space, it is composed of 92% cyan, 46.4% magenta, 0% yellow and 2% black. It has a hue angle of 210.3 degrees, a saturation of 95.8% and a lightness of 52.9%. #1486fa color hex could be obtained by blending #28ffff with #000df5. Closest websafe color is: #0099ff.

♥
- f
- t
- g
- R 8
- G 53
- B 98
RGB color chart
- C 92
- M 46
- Y 0
- K 2
CMYK color chart

● #1486fa color description : Vivid blue.

The hexadecimal color #1486fa has RGB values of R:20, G:134, B:250 and CMYK values of C:0.92, M:0.46, Y:0, K:0.02. Its decimal value is 1345274.

Hex triplet	1486fa	`#1486fa`
RGB Decimal	20, 134, 250	`rgb(20,134,250)`
RGB Percent	7.8, 52.5, 98	`rgb(7.8%,52.5%,98%)`
CMYK	92, 46, 0, 2
HSL	210.3°, 95.8, 52.9	`hsl(210.3,95.8%,52.9%)`
HSV (or HSB)	210.3°, 92, 98
Web Safe	0099ff	`#0099ff`

CIE-LAB	56.186, 13.696, -65.785
XYZ	26.065, 24.099, 93.715
xyY	0.181, 0.167, 24.099
CIE-LCH	56.186, 67.196, 281.761
CIE-LUV	56.186, -30.622, -105.173
Hunter-Lab	49.09, 8.868, -78.823
Binary	00010100, 10000110, 11111010

#1486fa
```
#1486fa rgb(20,134,250)
```
#fa8814
```
#fa8814 rgb(250,136,20)
```

Complementary Color

#14f9fa
```
#14f9fa rgb(20,249,250)
```
#1486fa
```
#1486fa rgb(20,134,250)
```
#1514fa
```
#1514fa rgb(21,20,250)
```

Analogous Color

#f9fa14
```
#f9fa14 rgb(249,250,20)
```
#1486fa
```
#1486fa rgb(20,134,250)
```
#fa1514
```
#fa1514 rgb(250,21,20)
```

Split Complementary Color

#86fa14
```
#86fa14 rgb(134,250,20)
```
#1486fa
```
#1486fa rgb(20,134,250)
```
#fa1486
```
#fa1486 rgb(250,20,134)
```

Triadic Color

#14fa88
```
#14fa88 rgb(20,250,136)
```
#1486fa
```
#1486fa rgb(20,134,250)
```
#fa1486
```
#fa1486 rgb(250,20,134)
```
#fa8814
```
#fa8814 rgb(250,136,20)
```

Tetradic Color

#0460bd
```
#0460bd rgb(4,96,189)
```
#056dd6
```
#056dd6 rgb(5,109,214)
```
#0579ef
```
#0579ef rgb(5,121,239)
```
#1486fa
```
#1486fa rgb(20,134,250)
```
#2d93fb
```
#2d93fb rgb(45,147,251)
```
#46a0fb
```
#46a0fb rgb(70,160,251)
```
#5fadfc
```
#5fadfc rgb(95,173,252)
```

Monochromatic Color

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

#14c0fa
```
#14c0fa rgb(20,192,250)
```
#14acfa
```
#14acfa rgb(20,172,250)
```
#1499fa
```
#1499fa rgb(20,153,250)
```
#1486fa
```
#1486fa rgb(20,134,250)
```
#1473fa
```
#1473fa rgb(20,115,250)
```
#1460fa
```
#1460fa rgb(20,96,250)
```
#144dfa
```
#144dfa rgb(20,77,250)
```

Similar Colors

Text with hexadecimal color #1486fa

This text has a font color of #1486fa.

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

#1486fa background color

This paragraph has a background color of #1486fa.

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

#1486fa border color

This element has a border color of #1486fa.

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

CSS codes

.text {color:#1486fa;}

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

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

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, #00070f is the darkest color, while #fafdff is the lightest one.

#00070f
```
#00070f rgb(0,7,15)
```
#011122
```
#011122 rgb(1,17,34)
```
#011b35
```
#011b35 rgb(1,27,53)
```
#022548
```
#022548 rgb(2,37,72)
```
#022e5c
```
#022e5c rgb(2,46,92)
```
#02386f
```
#02386f rgb(2,56,111)
```
#034282
```
#034282 rgb(3,66,130)
```
#034c95
```
#034c95 rgb(3,76,149)
```
#0455a8
```
#0455a8 rgb(4,85,168)
```
#045fbc
```
#045fbc rgb(4,95,188)
```
#0469cf
```
#0469cf rgb(4,105,207)
```
#0572e2
```
#0572e2 rgb(5,114,226)
```
#057cf5
```
#057cf5 rgb(5,124,245)
```

Shade Color Variation

#1486fa
```
#1486fa rgb(20,134,250)
```
#2790fa
```
#2790fa rgb(39,144,250)
```
#3a9afb
```
#3a9afb rgb(58,154,251)
```
#4ea4fb
```
#4ea4fb rgb(78,164,251)
```
#61aefc
```
#61aefc rgb(97,174,252)
```
#74b7fc
```
#74b7fc rgb(116,183,252)
```
#87c1fc
```
#87c1fc rgb(135,193,252)
```
#9acbfd
```
#9acbfd rgb(154,203,253)
```
#aed5fd
```
#aed5fd rgb(174,213,253)
```
#c1dffe
```
#c1dffe rgb(193,223,254)
```
#d4e9fe
```
#d4e9fe rgb(212,233,254)
```
#e7f3fe
```
#e7f3fe rgb(231,243,254)
```
#fafdff
```
#fafdff rgb(250,253,255)
```

Tint Color Variation

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

#83878b
```
#83878b rgb(131,135,139)
```
#7a8794
```
#7a8794 rgb(122,135,148)
```
#70879e
```
#70879e rgb(112,135,158)
```
#6787a7
```
#6787a7 rgb(103,135,167)
```
#5e87b0
```
#5e87b0 rgb(94,135,176)
```
#5587b9
```
#5587b9 rgb(85,135,185)
```
#4b86c3
```
#4b86c3 rgb(75,134,195)
```
#4286cc
```
#4286cc rgb(66,134,204)
```
#3986d5
```
#3986d5 rgb(57,134,213)
```
#3086de
```
#3086de rgb(48,134,222)
```
#2686e8
```
#2686e8 rgb(38,134,232)
```
#1d86f1
```
#1d86f1 rgb(29,134,241)
```
#1486fa
```
#1486fa rgb(20,134,250)
```

Tone Color Variation

Below, you can see how #1486fa 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
#5e758c Atypical Achromatopsia 0.001% of the population

Dichromacy

#4c89f7 Protanopia 1% of men
#008fed Deuteranopia 1% of men
#009aa3 Tritanopia 0.001% of the population

Trichromacy

#3788f8 Protanomaly 1% of men, 0.01% of women
#078cf1 Deuteranomaly 6% of men, 0.4% of women
#0793c3 Tritanomaly 0.01% of the population

#1486fa hex color

#1486fa Color Information

#1486fa Color Conversion

Color Schemes with #1486fa

Alternatives to #1486fa

#1486fa Preview

Shades and Tints of #1486fa

Tones of #1486fa

Color Blindness Simulator