#1986d4 hex color

In a RGB color space, hex #1986d4 is composed of 9.8% red, 52.5% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 88.2% cyan, 36.8% magenta, 0% yellow and 16.9% black. It has a hue angle of 205 degrees, a saturation of 78.9% and a lightness of 46.5%. #1986d4 color hex could be obtained by blending #32ffff with #000da9. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 10
- G 53
- B 83
RGB color chart
- C 88
- M 37
- Y 0
- K 17
CMYK color chart

● #1986d4 color description : Strong blue.

The hexadecimal color #1986d4 has RGB values of R:25, G:134, B:212 and CMYK values of C:0.88, M:0.37, Y:0, K:0.17. Its decimal value is 1672916.

Hex triplet	1986d4	`#1986d4`
RGB Decimal	25, 134, 212	`rgb(25,134,212)`
RGB Percent	9.8, 52.5, 83.1	`rgb(9.8%,52.5%,83.1%)`
CMYK	88, 37, 0, 17
HSL	205°, 78.9, 46.5	`hsl(205,78.9%,46.5%)`
HSV (or HSB)	205°, 88.2, 83.1
Web Safe	0099cc	`#0099cc`

CIE-LAB	54.036, -0.538, -48.026
XYZ	20.807, 22.008, 65.435
xyY	0.192, 0.203, 22.008
CIE-LCH	54.036, 48.029, 269.359
CIE-LUV	54.036, -32.141, -74.729
Hunter-Lab	46.913, -2.93, -49.859
Binary	00011001, 10000110, 11010100

#1986d4
```
#1986d4 rgb(25,134,212)
```
#d46719
```
#d46719 rgb(212,103,25)
```

Complementary Color

#19d4c5
```
#19d4c5 rgb(25,212,197)
```
#1986d4
```
#1986d4 rgb(25,134,212)
```
#1929d4
```
#1929d4 rgb(25,41,212)
```

Analogous Color

#d4c519
```
#d4c519 rgb(212,197,25)
```
#1986d4
```
#1986d4 rgb(25,134,212)
```
#d41929
```
#d41929 rgb(212,25,41)
```

Split Complementary Color

#86d419
```
#86d419 rgb(134,212,25)
```
#1986d4
```
#1986d4 rgb(25,134,212)
```
#d41986
```
#d41986 rgb(212,25,134)
```

Triadic Color

#19d467
```
#19d467 rgb(25,212,103)
```
#1986d4
```
#1986d4 rgb(25,134,212)
```
#d41986
```
#d41986 rgb(212,25,134)
```
#d46719
```
#d46719 rgb(212,103,25)
```

Tetradic Color

#115b90
```
#115b90 rgb(17,91,144)
```
#1469a6
```
#1469a6 rgb(20,105,166)
```
#1678bd
```
#1678bd rgb(22,120,189)
```
#1986d4
```
#1986d4 rgb(25,134,212)
```
#2293e5
```
#2293e5 rgb(34,147,229)
```
#389fe8
```
#389fe8 rgb(56,159,232)
```
#4faaea
```
#4faaea rgb(79,170,234)
```

Monochromatic Color

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

#19b5d4
```
#19b5d4 rgb(25,181,212)
```
#19a5d4
```
#19a5d4 rgb(25,165,212)
```
#1996d4
```
#1996d4 rgb(25,150,212)
```
#1986d4
```
#1986d4 rgb(25,134,212)
```
#1976d4
```
#1976d4 rgb(25,118,212)
```
#1967d4
```
#1967d4 rgb(25,103,212)
```
#1957d4
```
#1957d4 rgb(25,87,212)
```

Similar Colors

Text with hexadecimal color #1986d4

This text has a font color of #1986d4.

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

#1986d4 background color

This paragraph has a background color of #1986d4.

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

#1986d4 border color

This element has a border color of #1986d4.

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

CSS codes

.text {color:#1986d4;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#020c13
```
#020c13 rgb(2,12,19)
```
#041725
```
#041725 rgb(4,23,37)
```
#062236
```
#062236 rgb(6,34,54)
```
#082d48
```
#082d48 rgb(8,45,72)
```
#0b3859
```
#0b3859 rgb(11,56,89)
```
#0d436b
```
#0d436b rgb(13,67,107)
```
#0f4f7c
```
#0f4f7c rgb(15,79,124)
```
#115a8e
```
#115a8e rgb(17,90,142)
```
#13659f
```
#13659f rgb(19,101,159)
```
#1570b1
```
#1570b1 rgb(21,112,177)
```
#177bc2
```
#177bc2 rgb(23,123,194)
```
#1986d4
```
#1986d4 rgb(25,134,212)
```

Shade Color Variation

#1c91e4
```
#1c91e4 rgb(28,145,228)
```
#2e99e6
```
#2e99e6 rgb(46,153,230)
```
#3fa2e8
```
#3fa2e8 rgb(63,162,232)
```
#51aaea
```
#51aaea rgb(81,170,234)
```
#63b3ed
```
#63b3ed rgb(99,179,237)
```
#74bcef
```
#74bcef rgb(116,188,239)
```
#86c4f1
```
#86c4f1 rgb(134,196,241)
```
#97cdf3
```
#97cdf3 rgb(151,205,243)
```
#a9d5f5
```
#a9d5f5 rgb(169,213,245)
```
#badef7
```
#badef7 rgb(186,222,247)
```
#cce6f9
```
#cce6f9 rgb(204,230,249)
```
#ddeffb
```
#ddeffb rgb(221,239,251)
```
#eff7fd
```
#eff7fd rgb(239,247,253)
```

Tint Color Variation

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

#747779
```
#747779 rgb(116,119,121)
```
#6b7882
```
#6b7882 rgb(107,120,130)
```
#627a8b
```
#627a8b rgb(98,122,139)
```
#597b94
```
#597b94 rgb(89,123,148)
```
#507d9d
```
#507d9d rgb(80,125,157)
```
#477ea6
```
#477ea6 rgb(71,126,166)
```
#3d80b0
```
#3d80b0 rgb(61,128,176)
```
#3481b9
```
#3481b9 rgb(52,129,185)
```
#2b83c2
```
#2b83c2 rgb(43,131,194)
```
#2284cb
```
#2284cb rgb(34,132,203)
```
#1986d4
```
#1986d4 rgb(25,134,212)
```
#1088dd
```
#1088dd rgb(16,136,221)
```
#0789e6
```
#0789e6 rgb(7,137,230)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#5d7382 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6885d0 Protanopia 1% of men
#4b88d7 Deuteranopia 1% of men
#00959e Tritanopia 0.001% of the population

Trichromacy

#4b85d1 Protanomaly 1% of men, 0.01% of women
#3987d6 Deuteranomaly 6% of men, 0.4% of women
#098fb1 Tritanomaly 0.01% of the population

#1986d4 hex color

#1986d4 Color Information

#1986d4 Color Conversion

Color Schemes with #1986d4

Alternatives to #1986d4

#1986d4 Preview

Shades and Tints of #1986d4

Tones of #1986d4

Color Blindness Simulator