#1986d2 hex color

In a RGB color space, hex #1986d2 is composed of 9.8% red, 52.5% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 88.1% cyan, 36.2% magenta, 0% yellow and 17.6% black. It has a hue angle of 204.6 degrees, a saturation of 78.7% and a lightness of 46.1%. #1986d2 color hex could be obtained by blending #32ffff with #000da5. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 10
- G 53
- B 82
RGB color chart
- C 88
- M 36
- Y 0
- K 18
CMYK color chart

● #1986d2 color description : Strong blue.

The hexadecimal color #1986d2 has RGB values of R:25, G:134, B:210 and CMYK values of C:0.88, M:0.36, Y:0, K:0.18. Its decimal value is 1672914.

Hex triplet	1986d2	`#1986d2`
RGB Decimal	25, 134, 210	`rgb(25,134,210)`
RGB Percent	9.8, 52.5, 82.4	`rgb(9.8%,52.5%,82.4%)`
CMYK	88, 36, 0, 18
HSL	204.6°, 78.7, 46.1	`hsl(204.6,78.7%,46.1%)`
HSV (or HSB)	204.6°, 88.1, 82.4
Web Safe	0099cc	`#0099cc`

CIE-LAB	53.929, -1.294, -47.066
XYZ	20.556, 21.908, 64.115
xyY	0.193, 0.206, 21.908
CIE-LCH	53.929, 47.084, 268.426
CIE-LUV	53.929, -32.25, -73.071
Hunter-Lab	46.806, -3.518, -48.45
Binary	00011001, 10000110, 11010010

#1986d2
```
#1986d2 rgb(25,134,210)
```
#d26519
```
#d26519 rgb(210,101,25)
```

Complementary Color

#19d2c2
```
#19d2c2 rgb(25,210,194)
```
#1986d2
```
#1986d2 rgb(25,134,210)
```
#192ad2
```
#192ad2 rgb(25,42,210)
```

Analogous Color

#d2c219
```
#d2c219 rgb(210,194,25)
```
#1986d2
```
#1986d2 rgb(25,134,210)
```
#d2192a
```
#d2192a rgb(210,25,42)
```

Split Complementary Color

#86d219
```
#86d219 rgb(134,210,25)
```
#1986d2
```
#1986d2 rgb(25,134,210)
```
#d21986
```
#d21986 rgb(210,25,134)
```

Triadic Color

#19d265
```
#19d265 rgb(25,210,101)
```
#1986d2
```
#1986d2 rgb(25,134,210)
```
#d21986
```
#d21986 rgb(210,25,134)
```
#d26519
```
#d26519 rgb(210,101,25)
```

Tetradic Color

#115a8e
```
#115a8e rgb(17,90,142)
```
#1469a4
```
#1469a4 rgb(20,105,164)
```
#1677bb
```
#1677bb rgb(22,119,187)
```
#1986d2
```
#1986d2 rgb(25,134,210)
```
#2094e4
```
#2094e4 rgb(32,148,228)
```
#379fe7
```
#379fe7 rgb(55,159,231)
```
#4eaaea
```
#4eaaea rgb(78,170,234)
```

Monochromatic Color

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

#19b4d2
```
#19b4d2 rgb(25,180,210)
```
#19a5d2
```
#19a5d2 rgb(25,165,210)
```
#1995d2
```
#1995d2 rgb(25,149,210)
```
#1986d2
```
#1986d2 rgb(25,134,210)
```
#1977d2
```
#1977d2 rgb(25,119,210)
```
#1967d2
```
#1967d2 rgb(25,103,210)
```
#1958d2
```
#1958d2 rgb(25,88,210)
```

Similar Colors

Text with hexadecimal color #1986d2

This text has a font color of #1986d2.

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

#1986d2 background color

This paragraph has a background color of #1986d2.

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

#1986d2 border color

This element has a border color of #1986d2.

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

CSS codes

.text {color:#1986d2;}

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

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

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, #020b11 is the darkest color, while #ffffff is the lightest one.

#020b11
```
#020b11 rgb(2,11,17)
```
#041623
```
#041623 rgb(4,22,35)
```
#062134
```
#062134 rgb(6,33,52)
```
#082d46
```
#082d46 rgb(8,45,70)
```
#0a3857
```
#0a3857 rgb(10,56,87)
```
#0c4369
```
#0c4369 rgb(12,67,105)
```
#0f4e7a
```
#0f4e7a rgb(15,78,122)
```
#11598c
```
#11598c rgb(17,89,140)
```
#13649d
```
#13649d rgb(19,100,157)
```
#1570af
```
#1570af rgb(21,112,175)
```
#177bc0
```
#177bc0 rgb(23,123,192)
```
#1986d2
```
#1986d2 rgb(25,134,210)
```
#1b91e4
```
#1b91e4 rgb(27,145,228)
```

Shade Color Variation

#2c9ae6
```
#2c9ae6 rgb(44,154,230)
```
#3ea2e8
```
#3ea2e8 rgb(62,162,232)
```
#4fabea
```
#4fabea rgb(79,171,234)
```
#61b3ec
```
#61b3ec rgb(97,179,236)
```
#72bbee
```
#72bbee rgb(114,187,238)
```
#84c4f0
```
#84c4f0 rgb(132,196,240)
```
#95ccf2
```
#95ccf2 rgb(149,204,242)
```
#a7d5f5
```
#a7d5f5 rgb(167,213,245)
```
#b9ddf7
```
#b9ddf7 rgb(185,221,247)
```
#cae6f9
```
#cae6f9 rgb(202,230,249)
```
#dceefb
```
#dceefb rgb(220,238,251)
```
#edf6fd
```
#edf6fd rgb(237,246,253)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#737678
```
#737678 rgb(115,118,120)
```
#6a7781
```
#6a7781 rgb(106,119,129)
```
#61798a
```
#61798a rgb(97,121,138)
```
#587b93
```
#587b93 rgb(88,123,147)
```
#4f7c9c
```
#4f7c9c rgb(79,124,156)
```
#467ea5
```
#467ea5 rgb(70,126,165)
```
#3d80ae
```
#3d80ae rgb(61,128,174)
```
#3481b7
```
#3481b7 rgb(52,129,183)
```
#2b83c0
```
#2b83c0 rgb(43,131,192)
```
#2284c9
```
#2284c9 rgb(34,132,201)
```
#1986d2
```
#1986d2 rgb(25,134,210)
```
#1088db
```
#1088db rgb(16,136,219)
```
#0789e4
```
#0789e4 rgb(7,137,228)
```

Tone Color Variation

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

#6985ce Protanopia 1% of men
#4e88d6 Deuteranopia 1% of men
#00949e Tritanopia 0.001% of the population

Trichromacy

#4b85cf Protanomaly 1% of men, 0.01% of women
#3a87d4 Deuteranomaly 6% of men, 0.4% of women
#098fb1 Tritanomaly 0.01% of the population

#1986d2 hex color

#1986d2 Color Information

#1986d2 Color Conversion

Color Schemes with #1986d2

Alternatives to #1986d2

#1986d2 Preview

Shades and Tints of #1986d2

Tones of #1986d2

Color Blindness Simulator