#186bff Color Information
In a RGB color space, hex #186bff is composed of 9.4% red, 42% green and 100% blue. Whereas in a CMYK color space, it is composed of 90.6% cyan, 58% magenta, 0% yellow and 0% black. It has a hue angle of 218.4 degrees, a saturation of 100% and a lightness of 54.7%. #186bff color hex could be obtained by blending #30d6ff with #0000ff. Closest websafe color is: #0066ff.
-
- R 9
- G 42
- B 100
-
- C 91
- M 58
- Y 0
- K 0
● #186bff color description : Vivid blue.
#186bff Color Conversion
The hexadecimal color #186bff has RGB values of R:24, G:107, B:255 and CMYK values of C:0.91, M:0.58, Y:0, K:0. Its decimal value is 1600511.
Hex triplet | 186bff | #186bff |
---|---|---|
RGB Decimal | 24, 107, 255 | rgb(24,107,255) |
RGB Percent | 9.4, 42, 100 | rgb(9.4%,42%,100%) |
CMYK | 91, 58, 0, 0 | |
HSL | 218.4°, 100, 54.7 | hsl(218.4,100%,54.7%) |
HSV (or HSB) | 218.4°, 90.6, 100 | |
Web Safe | 0066ff | #0066ff |
CIE-LAB | 49.408, 32.689, -79.547 |
---|---|
XYZ | 23.68, 17.928, 96.815 |
xyY | 0.171, 0.13, 17.928 |
CIE-LCH | 49.408, 86.002, 292.34 |
CIE-LUV | 49.408, -22.723, -123.065 |
Hunter-Lab | 42.341, 25.735, -105.931 |
Binary | 00011000, 01101011, 11111111 |
Color Schemes with #186bff
Alternatives to #186bff
Below, you can see some colors close to #186bff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#186bff Preview
This text has a font color of #186bff.
<span style="color:#186bff;">Text here</span>
This paragraph has a background color of #186bff.
<p style="background-color:#186bff;">Content here</p>
This element has a border color of #186bff.
<div style="border:1px solid #186bff;">Content here</div>
.text {color:#186bff;}
.background {background-color:#186bff;}
.border {border:1px solid #186bff;}
Shades and Tints of #186bff
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, #000204 is the darkest color, while #f0f5ff is the lightest one.
-
#000204
#000204
rgb(0,2,4)
-
#000918
#000918
rgb(0,9,24)
-
#00102c
#00102c
rgb(0,16,44)
-
#00173f
#00173f
rgb(0,23,63)
-
#001e53
#001e53
rgb(0,30,83)
-
#002566
#002566
rgb(0,37,102)
-
#002c7a
#002c7a
rgb(0,44,122)
-
#00338e
#00338e
rgb(0,51,142)
-
#003aa1
#003aa1
rgb(0,58,161)
-
#0041b5
#0041b5
rgb(0,65,181)
-
#0048c9
#0048c9
rgb(0,72,201)
-
#004fdc
#004fdc
rgb(0,79,220)
-
#0056f0
#0056f0
rgb(0,86,240)
-
#045eff
#045eff
rgb(4,94,255)
-
#186bff
#186bff
rgb(24,107,255)
-
#2c78ff
#2c78ff
rgb(44,120,255)
-
#3f84ff
#3f84ff
rgb(63,132,255)
-
#5391ff
#5391ff
rgb(83,145,255)
-
#669dff
#669dff
rgb(102,157,255)
-
#7aaaff
#7aaaff
rgb(122,170,255)
-
#8eb6ff
#8eb6ff
rgb(142,182,255)
-
#a1c3ff
#a1c3ff
rgb(161,195,255)
-
#b5d0ff
#b5d0ff
rgb(181,208,255)
-
#c9dcff
#c9dcff
rgb(201,220,255)
-
#dce9ff
#dce9ff
rgb(220,233,255)
-
#f0f5ff
#f0f5ff
rgb(240,245,255)
Tones of #186bff
A tone is produced by adding gray to any pure hue. In this case, #838994 is the less saturated color, while #186bff is the most saturated one.
-
#838994
#838994
rgb(131,137,148)
-
#7a879d
#7a879d
rgb(122,135,157)
-
#7184a6
#7184a6
rgb(113,132,166)
-
#6882af
#6882af
rgb(104,130,175)
-
#5f7fb8
#5f7fb8
rgb(95,127,184)
-
#567dc1
#567dc1
rgb(86,125,193)
-
#4d7aca
#4d7aca
rgb(77,122,202)
-
#4478d3
#4478d3
rgb(68,120,211)
-
#3c75db
#3c75db
rgb(60,117,219)
-
#3373e4
#3373e4
rgb(51,115,228)
-
#2a70ed
#2a70ed
rgb(42,112,237)
-
#216ef6
#216ef6
rgb(33,110,246)
-
#186bff
#186bff
rgb(24,107,255)
Color Blindness Simulator
Below, you can see how #186bff 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.