#1486c4 hex color

In a RGB color space, hex #1486c4 is composed of 7.8% red, 52.5% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 89.8% cyan, 31.6% magenta, 0% yellow and 23.1% black. It has a hue angle of 201.1 degrees, a saturation of 81.5% and a lightness of 42.4%. #1486c4 color hex could be obtained by blending #28ffff with #000d89. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 8
- G 53
- B 77
RGB color chart
- C 90
- M 32
- Y 0
- K 23
CMYK color chart

● #1486c4 color description : Strong blue.

The hexadecimal color #1486c4 has RGB values of R:20, G:134, B:196 and CMYK values of C:0.9, M:0.32, Y:0, K:0.23. Its decimal value is 1345220.

Hex triplet	1486c4	`#1486c4`
RGB Decimal	20, 134, 196	`rgb(20,134,196)`
RGB Percent	7.8, 52.5, 76.9	`rgb(7.8%,52.5%,76.9%)`
CMYK	90, 32, 0, 23
HSL	201.1°, 81.5, 42.4	`hsl(201.1,81.5%,42.4%)`
HSV (or HSB)	201.1°, 89.8, 76.9
Web Safe	0099cc	`#0099cc`

CIE-LAB	53.149, -6.861, -40.368
XYZ	18.775, 21.183, 55.321
xyY	0.197, 0.222, 21.183
CIE-LCH	53.149, 40.947, 260.354
CIE-LUV	53.149, -33.428, -61.443
Hunter-Lab	46.025, -7.727, -39.048
Binary	00010100, 10000110, 11000100

#1486c4
```
#1486c4 rgb(20,134,196)
```
#c45214
```
#c45214 rgb(196,82,20)
```

Complementary Color

#14c4aa
```
#14c4aa rgb(20,196,170)
```
#1486c4
```
#1486c4 rgb(20,134,196)
```
#142ec4
```
#142ec4 rgb(20,46,196)
```

Analogous Color

#c4aa14
```
#c4aa14 rgb(196,170,20)
```
#1486c4
```
#1486c4 rgb(20,134,196)
```
#c4142e
```
#c4142e rgb(196,20,46)
```

Split Complementary Color

#86c414
```
#86c414 rgb(134,196,20)
```
#1486c4
```
#1486c4 rgb(20,134,196)
```
#c41486
```
#c41486 rgb(196,20,134)
```

Triadic Color

#14c452
```
#14c452 rgb(20,196,82)
```
#1486c4
```
#1486c4 rgb(20,134,196)
```
#c41486
```
#c41486 rgb(196,20,134)
```
#c45214
```
#c45214 rgb(196,82,20)
```

Tetradic Color

#0d577f
```
#0d577f rgb(13,87,127)
```
#0f6696
```
#0f6696 rgb(15,102,150)
```
#1276ad
```
#1276ad rgb(18,118,173)
```
#1486c4
```
#1486c4 rgb(20,134,196)
```
#1696db
```
#1696db rgb(22,150,219)
```
#23a3e9
```
#23a3e9 rgb(35,163,233)
```
#3aaceb
```
#3aaceb rgb(58,172,235)
```

Monochromatic Color

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

#14b2c4
```
#14b2c4 rgb(20,178,196)
```
#14a3c4
```
#14a3c4 rgb(20,163,196)
```
#1495c4
```
#1495c4 rgb(20,149,196)
```
#1486c4
```
#1486c4 rgb(20,134,196)
```
#1477c4
```
#1477c4 rgb(20,119,196)
```
#1469c4
```
#1469c4 rgb(20,105,196)
```
#145ac4
```
#145ac4 rgb(20,90,196)
```

Similar Colors

Text with hexadecimal color #1486c4

This text has a font color of #1486c4.

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

#1486c4 background color

This paragraph has a background color of #1486c4.

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

#1486c4 border color

This element has a border color of #1486c4.

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

CSS codes

.text {color:#1486c4;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#020c12
```
#020c12 rgb(2,12,18)
```
#041824
```
#041824 rgb(4,24,36)
```
#052536
```
#052536 rgb(5,37,54)
```
#073147
```
#073147 rgb(7,49,71)
```
#093d59
```
#093d59 rgb(9,61,89)
```
#0b496b
```
#0b496b rgb(11,73,107)
```
#0d557d
```
#0d557d rgb(13,85,125)
```
#0f618f
```
#0f618f rgb(15,97,143)
```
#106ea0
```
#106ea0 rgb(16,110,160)
```
#127ab2
```
#127ab2 rgb(18,122,178)
```
#1486c4
```
#1486c4 rgb(20,134,196)
```
#1692d6
```
#1692d6 rgb(22,146,214)
```

Shade Color Variation

#189ee7
```
#189ee7 rgb(24,158,231)
```
#2aa6e9
```
#2aa6e9 rgb(42,166,233)
```
#3badeb
```
#3badeb rgb(59,173,235)
```
#4db5ed
```
#4db5ed rgb(77,181,237)
```
#5fbcef
```
#5fbcef rgb(95,188,239)
```
#71c4f0
```
#71c4f0 rgb(113,196,240)
```
#83cbf2
```
#83cbf2 rgb(131,203,242)
```
#94d2f4
```
#94d2f4 rgb(148,210,244)
```
#a6daf6
```
#a6daf6 rgb(166,218,246)
```
#b8e1f8
```
#b8e1f8 rgb(184,225,248)
```
#cae9fa
```
#cae9fa rgb(202,233,250)
```
#dcf0fb
```
#dcf0fb rgb(220,240,251)
```
#edf8fd
```
#edf8fd rgb(237,248,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #676d71 is the less saturated color, while #038bd5 is the most saturated one.

#676d71
```
#676d71 rgb(103,109,113)
```
#5f7079
```
#5f7079 rgb(95,112,121)
```
#567282
```
#567282 rgb(86,114,130)
```
#4e758a
```
#4e758a rgb(78,117,138)
```
#467792
```
#467792 rgb(70,119,146)
```
#3e7a9a
```
#3e7a9a rgb(62,122,154)
```
#357ca3
```
#357ca3 rgb(53,124,163)
```
#2d7fab
```
#2d7fab rgb(45,127,171)
```
#2581b3
```
#2581b3 rgb(37,129,179)
```
#1c84bc
```
#1c84bc rgb(28,132,188)
```
#1486c4
```
#1486c4 rgb(20,134,196)
```
#0c88cc
```
#0c88cc rgb(12,136,204)
```
#038bd5
```
#038bd5 rgb(3,139,213)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#5a707d Atypical Achromatopsia 0.001% of the population

Dichromacy

#6f83c0 Protanopia 1% of men
#5c85c9 Deuteranopia 1% of men
#00929c Tritanopia 0.001% of the population

Trichromacy

#4d84c1 Protanomaly 1% of men, 0.01% of women
#4285c7 Deuteranomaly 6% of men, 0.4% of women
#078eaa Tritanomaly 0.01% of the population

#1486c4 hex color

#1486c4 Color Information

#1486c4 Color Conversion

Color Schemes with #1486c4

Alternatives to #1486c4

#1486c4 Preview

Shades and Tints of #1486c4

Tones of #1486c4

Color Blindness Simulator