#1986e2 hex color

In a RGB color space, hex #1986e2 is composed of 9.8% red, 52.5% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 88.9% cyan, 40.7% magenta, 0% yellow and 11.4% black. It has a hue angle of 207.5 degrees, a saturation of 80.1% and a lightness of 49.2%. #1986e2 color hex could be obtained by blending #32ffff with #000dc5. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 10
- G 53
- B 89
RGB color chart
- C 89
- M 41
- Y 0
- K 11
CMYK color chart

● #1986e2 color description : Vivid blue.

The hexadecimal color #1986e2 has RGB values of R:25, G:134, B:226 and CMYK values of C:0.89, M:0.41, Y:0, K:0.11. Its decimal value is 1672930.

Hex triplet	1986e2	`#1986e2`
RGB Decimal	25, 134, 226	`rgb(25,134,226)`
RGB Percent	9.8, 52.5, 88.6	`rgb(9.8%,52.5%,88.6%)`
CMYK	89, 41, 0, 11
HSL	207.5°, 80.1, 49.2	`hsl(207.5,80.1%,49.2%)`
HSV (or HSB)	207.5°, 88.9, 88.6
Web Safe	0099cc	`#0099cc`

CIE-LAB	54.81, 4.777, -54.657
XYZ	22.65, 22.746, 75.144
xyY	0.188, 0.189, 22.746
CIE-LCH	54.81, 54.866, 274.995
CIE-LUV	54.81, -31.414, -86.17
Hunter-Lab	47.693, 1.312, -60.032
Binary	00011001, 10000110, 11100010

#1986e2
```
#1986e2 rgb(25,134,226)
```
#e27519
```
#e27519 rgb(226,117,25)
```

Complementary Color

#19e2da
```
#19e2da rgb(25,226,218)
```
#1986e2
```
#1986e2 rgb(25,134,226)
```
#1922e2
```
#1922e2 rgb(25,34,226)
```

Analogous Color

#e2da19
```
#e2da19 rgb(226,218,25)
```
#1986e2
```
#1986e2 rgb(25,134,226)
```
#e21922
```
#e21922 rgb(226,25,34)
```

Split Complementary Color

#86e219
```
#86e219 rgb(134,226,25)
```
#1986e2
```
#1986e2 rgb(25,134,226)
```
#e21986
```
#e21986 rgb(226,25,134)
```

Triadic Color

#19e275
```
#19e275 rgb(25,226,117)
```
#1986e2
```
#1986e2 rgb(25,134,226)
```
#e21986
```
#e21986 rgb(226,25,134)
```
#e27519
```
#e27519 rgb(226,117,25)
```

Tetradic Color

#115d9d
```
#115d9d rgb(17,93,157)
```
#146bb4
```
#146bb4 rgb(20,107,180)
```
#1678cb
```
#1678cb rgb(22,120,203)
```
#1986e2
```
#1986e2 rgb(25,134,226)
```
#2d92e8
```
#2d92e8 rgb(45,146,232)
```
#449eea
```
#449eea rgb(68,158,234)
```
#5baaed
```
#5baaed rgb(91,170,237)
```

Monochromatic Color

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

#19b8e2
```
#19b8e2 rgb(25,184,226)
```
#19a8e2
```
#19a8e2 rgb(25,168,226)
```
#1997e2
```
#1997e2 rgb(25,151,226)
```
#1986e2
```
#1986e2 rgb(25,134,226)
```
#1975e2
```
#1975e2 rgb(25,117,226)
```
#1965e2
```
#1965e2 rgb(25,101,226)
```
#1954e2
```
#1954e2 rgb(25,84,226)
```

Similar Colors

Text with hexadecimal color #1986e2

This text has a font color of #1986e2.

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

#1986e2 background color

This paragraph has a background color of #1986e2.

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

#1986e2 border color

This element has a border color of #1986e2.

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

CSS codes

.text {color:#1986e2;}

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

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

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, #02080e is the darkest color, while #fbfdff is the lightest one.

#02080e
```
#02080e rgb(2,8,14)
```
#041320
```
#041320 rgb(4,19,32)
```
#051d31
```
#051d31 rgb(5,29,49)
```
#072843
```
#072843 rgb(7,40,67)
```
#093255
```
#093255 rgb(9,50,85)
```
#0b3d66
```
#0b3d66 rgb(11,61,102)
```
#0d4778
```
#0d4778 rgb(13,71,120)
```
#0f528a
```
#0f528a rgb(15,82,138)
```
#115c9b
```
#115c9b rgb(17,92,155)
```
#1367ad
```
#1367ad rgb(19,103,173)
```
#1571bf
```
#1571bf rgb(21,113,191)
```
#177cd0
```
#177cd0 rgb(23,124,208)
```
#1986e2
```
#1986e2 rgb(25,134,226)
```

Shade Color Variation

#278fe7
```
#278fe7 rgb(39,143,231)
```
#3999e9
```
#3999e9 rgb(57,153,233)
```
#4ba2eb
```
#4ba2eb rgb(75,162,235)
```
#5cabed
```
#5cabed rgb(92,171,237)
```
#6eb4ef
```
#6eb4ef rgb(110,180,239)
```
#80bdf1
```
#80bdf1 rgb(128,189,241)
```
#91c6f3
```
#91c6f3 rgb(145,198,243)
```
#a3cff5
```
#a3cff5 rgb(163,207,245)
```
#b5d9f7
```
#b5d9f7 rgb(181,217,247)
```
#c6e2f9
```
#c6e2f9 rgb(198,226,249)
```
#d8ebfb
```
#d8ebfb rgb(216,235,251)
```
#eaf4fd
```
#eaf4fd rgb(234,244,253)
```
#fbfdff
```
#fbfdff rgb(251,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7a7e81 is the less saturated color, while #0688f5 is the most saturated one.

#7a7e81
```
#7a7e81 rgb(122,126,129)
```
#707f8b
```
#707f8b rgb(112,127,139)
```
#667f95
```
#667f95 rgb(102,127,149)
```
#5d809e
```
#5d809e rgb(93,128,158)
```
#5381a8
```
#5381a8 rgb(83,129,168)
```
#4982b2
```
#4982b2 rgb(73,130,178)
```
#4083bb
```
#4083bb rgb(64,131,187)
```
#3684c5
```
#3684c5 rgb(54,132,197)
```
#2c84cf
```
#2c84cf rgb(44,132,207)
```
#2385d8
```
#2385d8 rgb(35,133,216)
```
#1986e2
```
#1986e2 rgb(25,134,226)
```
#0f87ec
```
#0f87ec rgb(15,135,236)
```
#0688f5
```
#0688f5 rgb(6,136,245)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#5f7487 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6086de Protanopia 1% of men
#338be3 Deuteranopia 1% of men
#0097a0 Tritanopia 0.001% of the population

Trichromacy

#4686e0 Protanomaly 1% of men, 0.01% of women
#2a89e3 Deuteranomaly 6% of men, 0.4% of women
#0990b8 Tritanomaly 0.01% of the population

#1986e2 hex color

#1986e2 Color Information

#1986e2 Color Conversion

Color Schemes with #1986e2

Alternatives to #1986e2

#1986e2 Preview

Shades and Tints of #1986e2

Tones of #1986e2

Color Blindness Simulator