colorhexa.com

#1486d4 hex color

In a RGB color space, hex #1486d4 is composed of 7.8% red, 52.5% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 90.6% cyan, 36.8% magenta, 0% yellow and 16.9% black. It has a hue angle of 204.4 degrees, a saturation of 82.8% and a lightness of 45.5%. #1486d4 color hex could be obtained by blending #28ffff with #000da9. Closest websafe color is: #0099cc.

- R 8
- G 53
- B 83
RGB color chart
- C 91
- M 37
- Y 0
- K 17
CMYK color chart

● #1486d4 color description : Strong blue.

The hexadecimal color #1486d4 has RGB values of R:20, G:134, B:212 and CMYK values of C:0.91, M:0.37, Y:0, K:0.17. Its decimal value is 1345236.

Hex triplet	1486d4	`#1486d4`
RGB Decimal	20, 134, 212	`rgb(20,134,212)`
RGB Percent	7.8, 52.5, 83.1	`rgb(7.8%,52.5%,83.1%)`
CMYK	91, 37, 0, 17
HSL	204.4°, 82.8, 45.5	`hsl(204.4,82.8%,45.5%)`
HSV (or HSB)	204.4°, 90.6, 83.1
Web Safe	0099cc	`#0099cc`

CIE-LAB	53.974, -0.816, -48.127
XYZ	20.694, 21.95, 65.43
xyY	0.191, 0.203, 21.95
CIE-LCH	53.974, 48.134, 269.029
CIE-LUV	53.974, -32.487, -74.85
Hunter-Lab	46.851, -3.146, -50.005
Binary	00010100, 10000110, 11010100

#1486d4
```
#1486d4 rgb(20,134,212)
```
#d46214
```
#d46214 rgb(212,98,20)
```

Complementary Color

#14d4c2
```
#14d4c2 rgb(20,212,194)
```
#1486d4
```
#1486d4 rgb(20,134,212)
```
#1426d4
```
#1426d4 rgb(20,38,212)
```

Analogous Color

#d4c214
```
#d4c214 rgb(212,194,20)
```
#1486d4
```
#1486d4 rgb(20,134,212)
```
#d41426
```
#d41426 rgb(212,20,38)
```

Split Complementary Color

#86d414
```
#86d414 rgb(134,212,20)
```
#1486d4
```
#1486d4 rgb(20,134,212)
```
#d41486
```
#d41486 rgb(212,20,134)
```

Triadic Color

#14d462
```
#14d462 rgb(20,212,98)
```
#1486d4
```
#1486d4 rgb(20,134,212)
```
#d41486
```
#d41486 rgb(212,20,134)
```
#d46214
```
#d46214 rgb(212,98,20)
```

Tetradic Color

#0d5a8e
```
#0d5a8e rgb(13,90,142)
```
#1069a5
```
#1069a5 rgb(16,105,165)
```
#1277bd
```
#1277bd rgb(18,119,189)
```
#1486d4
```
#1486d4 rgb(20,134,212)
```
#1894e9
```
#1894e9 rgb(24,148,233)
```
#309feb
```
#309feb rgb(48,159,235)
```
#47aaee
```
#47aaee rgb(71,170,238)
```

Monochromatic Color

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

#14b6d4
```
#14b6d4 rgb(20,182,212)
```
#14a6d4
```
#14a6d4 rgb(20,166,212)
```
#1496d4
```
#1496d4 rgb(20,150,212)
```
#1486d4
```
#1486d4 rgb(20,134,212)
```
#1476d4
```
#1476d4 rgb(20,118,212)
```
#1466d4
```
#1466d4 rgb(20,102,212)
```
#1456d4
```
#1456d4 rgb(20,86,212)
```

Similar Colors

Text with hexadecimal color #1486d4

This text has a font color of #1486d4.

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

#1486d4 background color

This paragraph has a background color of #1486d4.

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

#1486d4 border color

This element has a border color of #1486d4.

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

CSS codes

.text {color:#1486d4;}

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

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

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

#01090f
```
#01090f rgb(1,9,15)
```
#031521
```
#031521 rgb(3,21,33)
```
#052033
```
#052033 rgb(5,32,51)
```
#062b45
```
#062b45 rgb(6,43,69)
```
#083757
```
#083757 rgb(8,55,87)
```
#0a4268
```
#0a4268 rgb(10,66,104)
```
#0c4d7a
```
#0c4d7a rgb(12,77,122)
```
#0d598c
```
#0d598c rgb(13,89,140)
```
#0f649e
```
#0f649e rgb(15,100,158)
```
#116fb0
```
#116fb0 rgb(17,111,176)
```
#127bc2
```
#127bc2 rgb(18,123,194)
```
#1486d4
```
#1486d4 rgb(20,134,212)
```
#1691e6
```
#1691e6 rgb(22,145,230)
```

Shade Color Variation

#259aea
```
#259aea rgb(37,154,234)
```
#37a2ec
```
#37a2ec rgb(55,162,236)
```
#49abee
```
#49abee rgb(73,171,238)
```
#5bb3ef
```
#5bb3ef rgb(91,179,239)
```
#6dbbf1
```
#6dbbf1 rgb(109,187,241)
```
#7ec4f3
```
#7ec4f3 rgb(126,196,243)
```
#90ccf5
```
#90ccf5 rgb(144,204,245)
```
#a2d4f6
```
#a2d4f6 rgb(162,212,246)
```
#b4dcf8
```
#b4dcf8 rgb(180,220,248)
```
#c6e5fa
```
#c6e5fa rgb(198,229,250)
```
#d8edfb
```
#d8edfb rgb(216,237,251)
```
#eaf5fd
```
#eaf5fd rgb(234,245,253)
```
#fcfeff
```
#fcfeff rgb(252,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6d757b is the less saturated color, while #0289e6 is the most saturated one.

#6d757b
```
#6d757b rgb(109,117,123)
```
#647784
```
#647784 rgb(100,119,132)
```
#5b798d
```
#5b798d rgb(91,121,141)
```
#527a96
```
#527a96 rgb(82,122,150)
```
#4a7c9e
```
#4a7c9e rgb(74,124,158)
```
#417ea7
```
#417ea7 rgb(65,126,167)
```
#387fb0
```
#387fb0 rgb(56,127,176)
```
#2f81b9
```
#2f81b9 rgb(47,129,185)
```
#2683c2
```
#2683c2 rgb(38,131,194)
```
#1d84cb
```
#1d84cb rgb(29,132,203)
```
#1486d4
```
#1486d4 rgb(20,134,212)
```
#0b88dd
```
#0b88dd rgb(11,136,221)
```
#0289e6
```
#0289e6 rgb(2,137,230)
```

Tone Color Variation

Below, you can see how #1486d4 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

#6d6d6d Achromatopsia 0.005% of the population
#5b7282 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6785d0 Protanopia 1% of men
#4b88d7 Deuteranopia 1% of men
#00949e Tritanopia 0.001% of the population

Trichromacy

#4985d1 Protanomaly 1% of men, 0.01% of women
#3787d6 Deuteranomaly 6% of men, 0.4% of women
#078fb1 Tritanomaly 0.01% of the population