#186bb2 Color Information
In a RGB color space, hex #186bb2 is composed of 9.4% red, 42% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 86.5% cyan, 39.9% magenta, 0% yellow and 30.2% black. It has a hue angle of 207.7 degrees, a saturation of 76.2% and a lightness of 39.6%. #186bb2 color hex could be obtained by blending #30d6ff with #000065. Closest websafe color is: #006699.
-
- R 9
- G 42
- B 70
-
- C 87
- M 40
- Y 0
- K 30
● #186bb2 color description : Dark blue.
#186bb2 Color Conversion
The hexadecimal color #186bb2 has RGB values of R:24, G:107, B:178 and CMYK values of C:0.87, M:0.4, Y:0, K:0.3. Its decimal value is 1600434.
Hex triplet | 186bb2 | #186bb2 |
---|---|---|
RGB Decimal | 24, 107, 178 | rgb(24,107,178) |
RGB Percent | 9.4, 42, 69.8 | rgb(9.4%,42%,69.8%) |
CMYK | 87, 40, 0, 30 | |
HSL | 207.7°, 76.2, 39.6 | hsl(207.7,76.2%,39.6%) |
HSV (or HSB) | 207.7°, 86.5, 69.8 | |
Web Safe | 006699 | #006699 |
CIE-LAB | 44.122, 2.811, -44.299 |
---|---|
XYZ | 13.668, 13.923, 44.084 |
xyY | 0.191, 0.194, 13.923 |
CIE-LCH | 44.122, 44.388, 273.63 |
CIE-LUV | 44.122, -25.081, -66.036 |
Hunter-Lab | 37.313, 0.089, -43.93 |
Binary | 00011000, 01101011, 10110010 |
Color Schemes with #186bb2
Alternatives to #186bb2
Below, you can see some colors close to #186bb2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#186bb2 Preview
This text has a font color of #186bb2.
<span style="color:#186bb2;">Text here</span>
This paragraph has a background color of #186bb2.
<p style="background-color:#186bb2;">Content here</p>
This element has a border color of #186bb2.
<div style="border:1px solid #186bb2;">Content here</div>
.text {color:#186bb2;}
.background {background-color:#186bb2;}
.border {border:1px solid #186bb2;}
Shades and Tints of #186bb2
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, #010305 is the darkest color, while #f3f9fd is the lightest one.
-
#010305
#010305
rgb(1,3,5)
-
#030d16
#030d16
rgb(3,13,22)
-
#051828
#051828
rgb(5,24,40)
-
#082239
#082239
rgb(8,34,57)
-
#0a2d4a
#0a2d4a
rgb(10,45,74)
-
#0c375c
#0c375c
rgb(12,55,92)
-
#0f416d
#0f416d
rgb(15,65,109)
-
#114c7e
#114c7e
rgb(17,76,126)
-
#13568f
#13568f
rgb(19,86,143)
-
#1661a1
#1661a1
rgb(22,97,161)
-
#186bb2
#186bb2
rgb(24,107,178)
-
#1a75c3
#1a75c3
rgb(26,117,195)
-
#1d80d5
#1d80d5
rgb(29,128,213)
-
#238ae1
#238ae1
rgb(35,138,225)
-
#3593e4
#3593e4
rgb(53,147,228)
-
#469ce6
#469ce6
rgb(70,156,230)
-
#57a5e8
#57a5e8
rgb(87,165,232)
-
#69afeb
#69afeb
rgb(105,175,235)
-
#7ab8ed
#7ab8ed
rgb(122,184,237)
-
#8bc1ef
#8bc1ef
rgb(139,193,239)
-
#9ccaf2
#9ccaf2
rgb(156,202,242)
-
#aed4f4
#aed4f4
rgb(174,212,244)
-
#bfddf6
#bfddf6
rgb(191,221,246)
-
#d0e6f9
#d0e6f9
rgb(208,230,249)
-
#e2effb
#e2effb
rgb(226,239,251)
-
#f3f9fd
#f3f9fd
rgb(243,249,253)
Tones of #186bb2
A tone is produced by adding gray to any pure hue. In this case, #5e666c is the less saturated color, while #016dc9 is the most saturated one.
-
#5e666c
#5e666c
rgb(94,102,108)
-
#566674
#566674
rgb(86,102,116)
-
#4e677c
#4e677c
rgb(78,103,124)
-
#476783
#476783
rgb(71,103,131)
-
#3f688b
#3f688b
rgb(63,104,139)
-
#376993
#376993
rgb(55,105,147)
-
#2f699b
#2f699b
rgb(47,105,155)
-
#286aa2
#286aa2
rgb(40,106,162)
-
#206aaa
#206aaa
rgb(32,106,170)
-
#186bb2
#186bb2
rgb(24,107,178)
-
#106cba
#106cba
rgb(16,108,186)
-
#086cc2
#086cc2
rgb(8,108,194)
-
#016dc9
#016dc9
rgb(1,109,201)
Color Blindness Simulator
Below, you can see how #186bb2 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.