#1986b3 hex color

In a RGB color space, hex #1986b3 is composed of 9.8% red, 52.5% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 86% cyan, 25.1% magenta, 0% yellow and 29.8% black. It has a hue angle of 197.5 degrees, a saturation of 75.5% and a lightness of 40%. #1986b3 color hex could be obtained by blending #32ffff with #000d67. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 10
- G 53
- B 70
RGB color chart
- C 86
- M 25
- Y 0
- K 30
CMYK color chart

● #1986b3 color description : Strong blue.

The hexadecimal color #1986b3 has RGB values of R:25, G:134, B:179 and CMYK values of C:0.86, M:0.25, Y:0, K:0.3. Its decimal value is 1672883.

Hex triplet	1986b3	`#1986b3`
RGB Decimal	25, 134, 179	`rgb(25,134,179)`
RGB Percent	9.8, 52.5, 70.2	`rgb(9.8%,52.5%,70.2%)`
CMYK	86, 25, 0, 30
HSL	197.5°, 75.5, 40	`hsl(197.5,75.5%,40%)`
HSV (or HSB)	197.5°, 86, 70.2
Web Safe	0099cc	`#0099cc`

CIE-LAB	52.409, -12.819, -31.803
XYZ	17.061, 20.51, 45.705
xyY	0.205, 0.246, 20.51
CIE-LCH	52.409, 34.289, 248.047
CIE-LUV	52.409, -34.116, -46.766
Hunter-Lab	45.288, -12.01, -28.135
Binary	00011001, 10000110, 10110011

#1986b3
```
#1986b3 rgb(25,134,179)
```
#b34619
```
#b34619 rgb(179,70,25)
```

Complementary Color

#19b393
```
#19b393 rgb(25,179,147)
```
#1986b3
```
#1986b3 rgb(25,134,179)
```
#1939b3
```
#1939b3 rgb(25,57,179)
```

Analogous Color

#b39319
```
#b39319 rgb(179,147,25)
```
#1986b3
```
#1986b3 rgb(25,134,179)
```
#b31939
```
#b31939 rgb(179,25,57)
```

Split Complementary Color

#86b319
```
#86b319 rgb(134,179,25)
```
#1986b3
```
#1986b3 rgb(25,134,179)
```
#b31986
```
#b31986 rgb(179,25,134)
```

Triadic Color

#19b346
```
#19b346 rgb(25,179,70)
```
#1986b3
```
#1986b3 rgb(25,134,179)
```
#b31986
```
#b31986 rgb(179,25,134)
```
#b34619
```
#b34619 rgb(179,70,25)
```

Tetradic Color

#105470
```
#105470 rgb(16,84,112)
```
#136586
```
#136586 rgb(19,101,134)
```
#16759d
```
#16759d rgb(22,117,157)
```
#1986b3
```
#1986b3 rgb(25,134,179)
```
#1c97c9
```
#1c97c9 rgb(28,151,201)
```
#1fa8e0
```
#1fa8e0 rgb(31,168,224)
```
#36b0e3
```
#36b0e3 rgb(54,176,227)
```

Monochromatic Color

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

#19adb3
```
#19adb3 rgb(25,173,179)
```
#19a0b3
```
#19a0b3 rgb(25,160,179)
```
#1993b3
```
#1993b3 rgb(25,147,179)
```
#1986b3
```
#1986b3 rgb(25,134,179)
```
#1979b3
```
#1979b3 rgb(25,121,179)
```
#196cb3
```
#196cb3 rgb(25,108,179)
```
#195fb3
```
#195fb3 rgb(25,95,179)
```

Similar Colors

Text with hexadecimal color #1986b3

This text has a font color of #1986b3.

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

#1986b3 background color

This paragraph has a background color of #1986b3.

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

#1986b3 border color

This element has a border color of #1986b3.

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

CSS codes

.text {color:#1986b3;}

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

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

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

#010507
```
#010507 rgb(1,5,7)
```
#031218
```
#031218 rgb(3,18,24)
```
#061f29
```
#061f29 rgb(6,31,41)
```
#082c3b
```
#082c3b rgb(8,44,59)
```
#0b394c
```
#0b394c rgb(11,57,76)
```
#0d465d
```
#0d465d rgb(13,70,93)
```
#0f526e
```
#0f526e rgb(15,82,110)
```
#125f7f
```
#125f7f rgb(18,95,127)
```
#146c91
```
#146c91 rgb(20,108,145)
```
#1779a2
```
#1779a2 rgb(23,121,162)
```
#1986b3
```
#1986b3 rgb(25,134,179)
```
#1b93c4
```
#1b93c4 rgb(27,147,196)
```
#1ea0d5
```
#1ea0d5 rgb(30,160,213)
```

Shade Color Variation

#26aae1
```
#26aae1 rgb(38,170,225)
```
#37b1e3
```
#37b1e3 rgb(55,177,227)
```
#49b8e6
```
#49b8e6 rgb(73,184,230)
```
#5abee8
```
#5abee8 rgb(90,190,232)
```
#6bc5ea
```
#6bc5ea rgb(107,197,234)
```
#7ccced
```
#7ccced rgb(124,204,237)
```
#8dd3ef
```
#8dd3ef rgb(141,211,239)
```
#9fd9f2
```
#9fd9f2 rgb(159,217,242)
```
#b0e0f4
```
#b0e0f4 rgb(176,224,244)
```
#c1e7f6
```
#c1e7f6 rgb(193,231,246)
```
#d2eef9
```
#d2eef9 rgb(210,238,249)
```
#e3f4fb
```
#e3f4fb rgb(227,244,251)
```
#f5fbfe
```
#f5fbfe rgb(245,251,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #60696c is the less saturated color, while #0190cb is the most saturated one.

#60696c
```
#60696c rgb(96,105,108)
```
#586c74
```
#586c74 rgb(88,108,116)
```
#506f7c
```
#506f7c rgb(80,111,124)
```
#487284
```
#487284 rgb(72,114,132)
```
#40768c
```
#40768c rgb(64,118,140)
```
#387994
```
#387994 rgb(56,121,148)
```
#317c9b
```
#317c9b rgb(49,124,155)
```
#297fa3
```
#297fa3 rgb(41,127,163)
```
#2183ab
```
#2183ab rgb(33,131,171)
```
#1986b3
```
#1986b3 rgb(25,134,179)
```
#1189bb
```
#1189bb rgb(17,137,187)
```
#098dc3
```
#098dc3 rgb(9,141,195)
```
#0190cb
```
#0190cb rgb(1,144,203)
```

Tone Color Variation

Below, you can see how #1986b3 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
#5b7079 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7582af Protanopia 1% of men
#6a83ba Deuteranopia 1% of men
#00909a Tritanopia 0.001% of the population

Trichromacy

#5383b0 Protanomaly 1% of men, 0.01% of women
#4c84b7 Deuteranomaly 6% of men, 0.4% of women
#098ca3 Tritanomaly 0.01% of the population

#1986b3 hex color

#1986b3 Color Information

#1986b3 Color Conversion

Color Schemes with #1986b3

Alternatives to #1986b3

#1986b3 Preview

Shades and Tints of #1986b3

Tones of #1986b3

Color Blindness Simulator