#186aa2 Color Information
In a RGB color space, hex #186aa2 is composed of 9.4% red, 41.6% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 85.2% cyan, 34.6% magenta, 0% yellow and 36.5% black. It has a hue angle of 204.3 degrees, a saturation of 74.2% and a lightness of 36.5%. #186aa2 color hex could be obtained by blending #30d4ff with #000045. Closest websafe color is: #006699.
-
- R 9
- G 42
- B 64
-
- C 85
- M 35
- Y 0
- K 36
● #186aa2 color description : Dark blue.
#186aa2 Color Conversion
The hexadecimal color #186aa2 has RGB values of R:24, G:106, B:162 and CMYK values of C:0.85, M:0.35, Y:0, K:0.36. Its decimal value is 1600162.
Hex triplet | 186aa2 | #186aa2 |
---|---|---|
RGB Decimal | 24, 106, 162 | rgb(24,106,162) |
RGB Percent | 9.4, 41.6, 63.5 | rgb(9.4%,41.6%,63.5%) |
CMYK | 85, 35, 0, 36 | |
HSL | 204.3°, 74.2, 36.5 | hsl(204.3,74.2%,36.5%) |
HSV (or HSB) | 204.3°, 85.2, 63.5 | |
Web Safe | 006699 | #006699 |
CIE-LAB | 42.928, -2.815, -36.793 |
---|---|
XYZ | 12.051, 13.11, 36.076 |
xyY | 0.197, 0.214, 13.11 |
CIE-LCH | 42.928, 36.9, 265.624 |
CIE-LUV | 42.928, -25.528, -53.6 |
Hunter-Lab | 36.207, -3.954, -33.729 |
Binary | 00011000, 01101010, 10100010 |
Color Schemes with #186aa2
Alternatives to #186aa2
Below, you can see some colors close to #186aa2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#186aa2 Preview
This text has a font color of #186aa2.
<span style="color:#186aa2;">Text here</span>
This paragraph has a background color of #186aa2.
<p style="background-color:#186aa2;">Content here</p>
This element has a border color of #186aa2.
<div style="border:1px solid #186aa2;">Content here</div>
.text {color:#186aa2;}
.background {background-color:#186aa2;}
.border {border:1px solid #186aa2;}
Shades and Tints of #186aa2
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, #010508 is the darkest color, while #f6fbfe is the lightest one.
-
#010508
#010508
rgb(1,5,8)
-
#041119
#041119
rgb(4,17,25)
-
#061c2a
#061c2a
rgb(6,28,42)
-
#09273b
#09273b
rgb(9,39,59)
-
#0b324d
#0b324d
rgb(11,50,77)
-
#0e3d5e
#0e3d5e
rgb(14,61,94)
-
#10486f
#10486f
rgb(16,72,111)
-
#135480
#135480
rgb(19,84,128)
-
#155f91
#155f91
rgb(21,95,145)
-
#186aa2
#186aa2
rgb(24,106,162)
-
#1b75b3
#1b75b3
rgb(27,117,179)
-
#1d80c4
#1d80c4
rgb(29,128,196)
-
#208cd5
#208cd5
rgb(32,140,213)
-
#2995df
#2995df
rgb(41,149,223)
-
#3a9ee2
#3a9ee2
rgb(58,158,226)
-
#4ba6e4
#4ba6e4
rgb(75,166,228)
-
#5cafe7
#5cafe7
rgb(92,175,231)
-
#6db7e9
#6db7e9
rgb(109,183,233)
-
#7fc0ec
#7fc0ec
rgb(127,192,236)
-
#90c8ef
#90c8ef
rgb(144,200,239)
-
#a1d0f1
#a1d0f1
rgb(161,208,241)
-
#b2d9f4
#b2d9f4
rgb(178,217,244)
-
#c3e1f6
#c3e1f6
rgb(195,225,246)
-
#d4eaf9
#d4eaf9
rgb(212,234,249)
-
#e5f2fb
#e5f2fb
rgb(229,242,251)
-
#f6fbfe
#f6fbfe
rgb(246,251,254)
Tones of #186aa2
A tone is produced by adding gray to any pure hue. In this case, #585e62 is the less saturated color, while #036eb7 is the most saturated one.
-
#585e62
#585e62
rgb(88,94,98)
-
#515f69
#515f69
rgb(81,95,105)
-
#4a6170
#4a6170
rgb(74,97,112)
-
#436277
#436277
rgb(67,98,119)
-
#3c637e
#3c637e
rgb(60,99,126)
-
#356585
#356585
rgb(53,101,133)
-
#2d668d
#2d668d
rgb(45,102,141)
-
#266794
#266794
rgb(38,103,148)
-
#1f699b
#1f699b
rgb(31,105,155)
-
#186aa2
#186aa2
rgb(24,106,162)
-
#116ba9
#116ba9
rgb(17,107,169)
-
#0a6db0
#0a6db0
rgb(10,109,176)
-
#036eb7
#036eb7
rgb(3,110,183)
Color Blindness Simulator
Below, you can see how #186aa2 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.