#0186bf hex color

In a RGB color space, hex #0186bf is composed of 0.4% red, 52.5% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 99.5% cyan, 29.8% magenta, 0% yellow and 25.1% black. It has a hue angle of 198 degrees, a saturation of 99% and a lightness of 37.6%. #0186bf color hex could be obtained by blending #02ffff with #000d7f. Closest websafe color is: #0099cc.

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

● #0186bf color description : Strong blue.

The hexadecimal color #0186bf has RGB values of R:1, G:134, B:191 and CMYK values of C:0.99, M:0.3, Y:0, K:0.25. Its decimal value is 100031.

Hex triplet	0186bf	`#0186bf`
RGB Decimal	1, 134, 191	`rgb(1,134,191)`
RGB Percent	0.4, 52.5, 74.9	`rgb(0.4%,52.5%,74.9%)`
CMYK	99, 30, 0, 25
HSL	198°, 99, 37.6	`hsl(198,99%,37.6%)`
HSV (or HSB)	198°, 99.5, 74.9
Web Safe	0099cc	`#0099cc`

CIE-LAB	52.748, -9.52, -38.159
XYZ	17.939, 20.816, 52.36
xyY	0.197, 0.228, 20.816
CIE-LCH	52.748, 39.329, 255.992
CIE-LUV	52.748, -34.681, -57.496
Hunter-Lab	45.625, -9.66, -36.104
Binary	00000001, 10000110, 10111111

#0186bf
```
#0186bf rgb(1,134,191)
```
#bf3a01
```
#bf3a01 rgb(191,58,1)
```

Complementary Color

#01bf99
```
#01bf99 rgb(1,191,153)
```
#0186bf
```
#0186bf rgb(1,134,191)
```
#0127bf
```
#0127bf rgb(1,39,191)
```

Analogous Color

#bf9901
```
#bf9901 rgb(191,153,1)
```
#0186bf
```
#0186bf rgb(1,134,191)
```
#bf0127
```
#bf0127 rgb(191,1,39)
```

Split Complementary Color

#86bf01
```
#86bf01 rgb(134,191,1)
```
#0186bf
```
#0186bf rgb(1,134,191)
```
#bf0186
```
#bf0186 rgb(191,1,134)
```

Triadic Color

#01bf3a
```
#01bf3a rgb(1,191,58)
```
#0186bf
```
#0186bf rgb(1,134,191)
```
#bf0186
```
#bf0186 rgb(191,1,134)
```
#bf3a01
```
#bf3a01 rgb(191,58,1)
```

Tetradic Color

#015173
```
#015173 rgb(1,81,115)
```
#01628c
```
#01628c rgb(1,98,140)
```
#0174a6
```
#0174a6 rgb(1,116,166)
```
#0186bf
```
#0186bf rgb(1,134,191)
```
#0198d8
```
#0198d8 rgb(1,152,216)
```
#01aaf2
```
#01aaf2 rgb(1,170,242)
```
#0fb6fe
```
#0fb6fe rgb(15,182,254)
```

Monochromatic Color

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

#01b6bf
```
#01b6bf rgb(1,182,191)
```
#01a6bf
```
#01a6bf rgb(1,166,191)
```
#0196bf
```
#0196bf rgb(1,150,191)
```
#0186bf
```
#0186bf rgb(1,134,191)
```
#0176bf
```
#0176bf rgb(1,118,191)
```
#0166bf
```
#0166bf rgb(1,102,191)
```
#0157bf
```
#0157bf rgb(1,87,191)
```

Similar Colors

Text with hexadecimal color #0186bf

This text has a font color of #0186bf.

<span style="color:#0186bf;">Text here</span>

#0186bf background color

This paragraph has a background color of #0186bf.

<p style="background-color:#0186bf;">Content here</p>

#0186bf border color

This element has a border color of #0186bf.

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

CSS codes

.text {color:#0186bf;}

.background {background-color:#0186bf;}

.border {border:1px solid #0186bf;}

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, #000b0f is the darkest color, while #fbfeff is the lightest one.

#000b0f
```
#000b0f rgb(0,11,15)
```
#001823
```
#001823 rgb(0,24,35)
```
#002636
```
#002636 rgb(0,38,54)
```
#00344a
```
#00344a rgb(0,52,74)
```
#00425d
```
#00425d rgb(0,66,93)
```
#014f71
```
#014f71 rgb(1,79,113)
```
#015d84
```
#015d84 rgb(1,93,132)
```
#016b98
```
#016b98 rgb(1,107,152)
```
#0178ab
```
#0178ab rgb(1,120,171)
```
#0186bf
```
#0186bf rgb(1,134,191)
```
#0194d3
```
#0194d3 rgb(1,148,211)
```
#01a1e6
```
#01a1e6 rgb(1,161,230)
```
#01affa
```
#01affa rgb(1,175,250)
```

Shade Color Variation

#11b7fe
```
#11b7fe rgb(17,183,254)
```
#24bdfe
```
#24bdfe rgb(36,189,254)
```
#38c2fe
```
#38c2fe rgb(56,194,254)
```
#4bc8fe
```
#4bc8fe rgb(75,200,254)
```
#5fcefe
```
#5fcefe rgb(95,206,254)
```
#72d4fe
```
#72d4fe rgb(114,212,254)
```
#86dafe
```
#86dafe rgb(134,218,254)
```
#99e0fe
```
#99e0fe rgb(153,224,254)
```
#ade6ff
```
#ade6ff rgb(173,230,255)
```
#c0ecff
```
#c0ecff rgb(192,236,255)
```
#d4f2ff
```
#d4f2ff rgb(212,242,255)
```
#e7f8ff
```
#e7f8ff rgb(231,248,255)
```
#fbfeff
```
#fbfeff rgb(251,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5a6366 is the less saturated color, while #0186bf is the most saturated one.

#5a6366
```
#5a6366 rgb(90,99,102)
```
#52666e
```
#52666e rgb(82,102,110)
```
#4b6875
```
#4b6875 rgb(75,104,117)
```
#436b7d
```
#436b7d rgb(67,107,125)
```
#3c6e84
```
#3c6e84 rgb(60,110,132)
```
#35718b
```
#35718b rgb(53,113,139)
```
#2d7493
```
#2d7493 rgb(45,116,147)
```
#26779a
```
#26779a rgb(38,119,154)
```
#1f7aa1
```
#1f7aa1 rgb(31,122,161)
```
#177da9
```
#177da9 rgb(23,125,169)
```
#1080b0
```
#1080b0 rgb(16,128,176)
```
#0883b8
```
#0883b8 rgb(8,131,184)
```
#0186bf
```
#0186bf rgb(1,134,191)
```

Tone Color Variation

Below, you can see how #0186bf 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

#656565 Achromatopsia 0.005% of the population
#516c77 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7082bb Protanopia 1% of men
#5f84c5 Deuteranopia 1% of men
#00919b Tritanopia 0.001% of the population

Trichromacy

#4883bc Protanomaly 1% of men, 0.01% of women
#3d85c3 Deuteranomaly 6% of men, 0.4% of women
#008da8 Tritanomaly 0.01% of the population

#0186bf hex color

#0186bf Color Information

#0186bf Color Conversion

Color Schemes with #0186bf

Alternatives to #0186bf

#0186bf Preview

Shades and Tints of #0186bf

Tones of #0186bf

Color Blindness Simulator