#0186bb hex color

In a RGB color space, hex #0186bb is composed of 0.4% red, 52.5% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 99.5% cyan, 28.3% magenta, 0% yellow and 26.7% black. It has a hue angle of 197.1 degrees, a saturation of 98.9% and a lightness of 36.9%. #0186bb color hex could be obtained by blending #02ffff with #000d77. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 0
- G 53
- B 73
RGB color chart
- C 99
- M 28
- Y 0
- K 27
CMYK color chart

● #0186bb color description : Strong blue.

The hexadecimal color #0186bb has RGB values of R:1, G:134, B:187 and CMYK values of C:0.99, M:0.28, Y:0, K:0.27. Its decimal value is 100027.

Hex triplet	0186bb	`#0186bb`
RGB Decimal	1, 134, 187	`rgb(1,134,187)`
RGB Percent	0.4, 52.5, 73.3	`rgb(0.4%,52.5%,73.3%)`
CMYK	99, 28, 0, 27
HSL	197.1°, 98.9, 36.9	`hsl(197.1,98.9%,36.9%)`
HSV (or HSB)	197.1°, 99.5, 73.3
Web Safe	0099cc	`#0099cc`

CIE-LAB	52.556, -11.026, -36.175
XYZ	17.505, 20.643, 50.073
xyY	0.198, 0.234, 20.643
CIE-LCH	52.556, 37.818, 253.048
CIE-LUV	52.556, -34.954, -54.076
Hunter-Lab	45.434, -10.738, -33.539
Binary	00000001, 10000110, 10111011

#0186bb
```
#0186bb rgb(1,134,187)
```
#bb3601
```
#bb3601 rgb(187,54,1)
```

Complementary Color

#01bb93
```
#01bb93 rgb(1,187,147)
```
#0186bb
```
#0186bb rgb(1,134,187)
```
#0129bb
```
#0129bb rgb(1,41,187)
```

Analogous Color

#bb9301
```
#bb9301 rgb(187,147,1)
```
#0186bb
```
#0186bb rgb(1,134,187)
```
#bb0129
```
#bb0129 rgb(187,1,41)
```

Split Complementary Color

#86bb01
```
#86bb01 rgb(134,187,1)
```
#0186bb
```
#0186bb rgb(1,134,187)
```
#bb0186
```
#bb0186 rgb(187,1,134)
```

Triadic Color

#01bb36
```
#01bb36 rgb(1,187,54)
```
#0186bb
```
#0186bb rgb(1,134,187)
```
#bb0186
```
#bb0186 rgb(187,1,134)
```
#bb3601
```
#bb3601 rgb(187,54,1)
```

Tetradic Color

#014f6f
```
#014f6f rgb(1,79,111)
```
#016288
```
#016288 rgb(1,98,136)
```
#0174a2
```
#0174a2 rgb(1,116,162)
```
#0186bb
```
#0186bb rgb(1,134,187)
```
#0198d4
```
#0198d4 rgb(1,152,212)
```
#01aaee
```
#01aaee rgb(1,170,238)
```
#0bb8fe
```
#0bb8fe rgb(11,184,254)
```

Monochromatic Color

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

#01b5bb
```
#01b5bb rgb(1,181,187)
```
#01a5bb
```
#01a5bb rgb(1,165,187)
```
#0196bb
```
#0196bb rgb(1,150,187)
```
#0186bb
```
#0186bb rgb(1,134,187)
```
#0177bb
```
#0177bb rgb(1,119,187)
```
#0167bb
```
#0167bb rgb(1,103,187)
```
#0158bb
```
#0158bb rgb(1,88,187)
```

Similar Colors

Text with hexadecimal color #0186bb

This text has a font color of #0186bb.

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

#0186bb background color

This paragraph has a background color of #0186bb.

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

#0186bb border color

This element has a border color of #0186bb.

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

CSS codes

.text {color:#0186bb;}

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

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

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, #00080b is the darkest color, while #f7fdff is the lightest one.

#00080b
```
#00080b rgb(0,8,11)
```
#00161f
```
#00161f rgb(0,22,31)
```
#002432
```
#002432 rgb(0,36,50)
```
#003246
```
#003246 rgb(0,50,70)
```
#004059
```
#004059 rgb(0,64,89)
```
#014e6d
```
#014e6d rgb(1,78,109)
```
#015c80
```
#015c80 rgb(1,92,128)
```
#016a94
```
#016a94 rgb(1,106,148)
```
#0178a7
```
#0178a7 rgb(1,120,167)
```
#0186bb
```
#0186bb rgb(1,134,187)
```
#0194cf
```
#0194cf rgb(1,148,207)
```
#01a2e2
```
#01a2e2 rgb(1,162,226)
```
#01b0f6
```
#01b0f6 rgb(1,176,246)
```

Shade Color Variation

#0db9fe
```
#0db9fe rgb(13,185,254)
```
#20bffe
```
#20bffe rgb(32,191,254)
```
#34c4fe
```
#34c4fe rgb(52,196,254)
```
#47cafe
```
#47cafe rgb(71,202,254)
```
#5bd0fe
```
#5bd0fe rgb(91,208,254)
```
#6ed5fe
```
#6ed5fe rgb(110,213,254)
```
#82dbfe
```
#82dbfe rgb(130,219,254)
```
#95e0fe
```
#95e0fe rgb(149,224,254)
```
#a9e6ff
```
#a9e6ff rgb(169,230,255)
```
#bcecff
```
#bcecff rgb(188,236,255)
```
#d0f1ff
```
#d0f1ff rgb(208,241,255)
```
#e3f7ff
```
#e3f7ff rgb(227,247,255)
```
#f7fdff
```
#f7fdff rgb(247,253,255)
```

Tint Color Variation

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

#586164
```
#586164 rgb(88,97,100)
```
#51646b
```
#51646b rgb(81,100,107)
```
#496773
```
#496773 rgb(73,103,115)
```
#426a7a
```
#426a7a rgb(66,106,122)
```
#3b6d81
```
#3b6d81 rgb(59,109,129)
```
#347088
```
#347088 rgb(52,112,136)
```
#2c7390
```
#2c7390 rgb(44,115,144)
```
#257697
```
#257697 rgb(37,118,151)
```
#1e7a9e
```
#1e7a9e rgb(30,122,158)
```
#177da5
```
#177da5 rgb(23,125,165)
```
#0f80ad
```
#0f80ad rgb(15,128,173)
```
#0883b4
```
#0883b4 rgb(8,131,180)
```
#0186bb
```
#0186bb rgb(1,134,187)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#506b75 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7282b7 Protanopia 1% of men
#6383c2 Deuteranopia 1% of men
#00919a Tritanopia 0.001% of the population

Trichromacy

#4883b8 Protanomaly 1% of men, 0.01% of women
#3f84bf Deuteranomaly 6% of men, 0.4% of women
#008da6 Tritanomaly 0.01% of the population

#0186bb hex color

#0186bb Color Information

#0186bb Color Conversion

Color Schemes with #0186bb

Alternatives to #0186bb

#0186bb Preview

Shades and Tints of #0186bb

Tones of #0186bb

Color Blindness Simulator