#1686f5 Color Information
In a RGB color space, hex #1686f5 is composed of 8.6% red, 52.5% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 91% cyan, 45.3% magenta, 0% yellow and 3.9% black. It has a hue angle of 209.9 degrees, a saturation of 91.8% and a lightness of 52.4%. #1686f5 color hex could be obtained by blending #2cffff with #000deb. Closest websafe color is: #0099ff.
-
- R 9
- G 53
- B 96
-
- C 91
- M 45
- Y 0
- K 4
● #1686f5 color description : Vivid blue.
#1686f5 Color Conversion
The hexadecimal color #1686f5 has RGB values of R:22, G:134, B:245 and CMYK values of C:0.91, M:0.45, Y:0, K:0.04. Its decimal value is 1476341.
Hex triplet | 1686f5 | #1686f5 |
---|---|---|
RGB Decimal | 22, 134, 245 | rgb(22,134,245) |
RGB Percent | 8.6, 52.5, 96.1 | rgb(8.6%,52.5%,96.1%) |
CMYK | 91, 45, 0, 4 | |
HSL | 209.9°, 91.8, 52.4 | hsl(209.9,91.8%,52.4%) |
HSV (or HSB) | 209.9°, 91, 96.1 | |
Web Safe | 0099ff | #0099ff |
CIE-LAB | 55.898, 11.872, -63.486 |
---|---|
XYZ | 25.334, 23.811, 89.642 |
xyY | 0.183, 0.172, 23.811 |
CIE-LCH | 55.898, 64.586, 280.592 |
CIE-LUV | 55.898, -30.725, -101.274 |
Hunter-Lab | 48.797, 7.277, -74.761 |
Binary | 00010110, 10000110, 11110101 |
Color Schemes with #1686f5
Alternatives to #1686f5
Below, you can see some colors close to #1686f5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#1686f5 Preview
This text has a font color of #1686f5.
<span style="color:#1686f5;">Text here</span>
This paragraph has a background color of #1686f5.
<p style="background-color:#1686f5;">Content here</p>
This element has a border color of #1686f5.
<div style="border:1px solid #1686f5;">Content here</div>
.text {color:#1686f5;}
.background {background-color:#1686f5;}
.border {border:1px solid #1686f5;}
Shades and Tints of #1686f5
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, #00060c is the darkest color, while #f8fbff is the lightest one.
-
#00060c
#00060c
rgb(0,6,12)
-
#01101e
#01101e
rgb(1,16,30)
-
#021a31
#021a31
rgb(2,26,49)
-
#032444
#032444
rgb(3,36,68)
-
#042d57
#042d57
rgb(4,45,87)
-
#05376a
#05376a
rgb(5,55,106)
-
#05417c
#05417c
rgb(5,65,124)
-
#064b8f
#064b8f
rgb(6,75,143)
-
#0755a2
#0755a2
rgb(7,85,162)
-
#085fb5
#085fb5
rgb(8,95,181)
-
#0969c8
#0969c8
rgb(9,105,200)
-
#0972da
#0972da
rgb(9,114,218)
-
#0a7ced
#0a7ced
rgb(10,124,237)
-
#1686f5
#1686f5
rgb(22,134,245)
-
#2990f6
#2990f6
rgb(41,144,246)
-
#3c9af7
#3c9af7
rgb(60,154,247)
-
#4ea3f7
#4ea3f7
rgb(78,163,247)
-
#61adf8
#61adf8
rgb(97,173,248)
-
#74b7f9
#74b7f9
rgb(116,183,249)
-
#87c1fa
#87c1fa
rgb(135,193,250)
-
#9acafb
#9acafb
rgb(154,202,251)
-
#acd4fb
#acd4fb
rgb(172,212,251)
-
#bfdefc
#bfdefc
rgb(191,222,252)
-
#d2e8fd
#d2e8fd
rgb(210,232,253)
-
#e5f1fe
#e5f1fe
rgb(229,241,254)
-
#f8fbff
#f8fbff
rgb(248,251,255)
Tones of #1686f5
A tone is produced by adding gray to any pure hue. In this case, #7d868e is the less saturated color, while #0d86fe is the most saturated one.
-
#7d868e
#7d868e
rgb(125,134,142)
-
#738698
#738698
rgb(115,134,152)
-
#6a86a1
#6a86a1
rgb(106,134,161)
-
#6186aa
#6186aa
rgb(97,134,170)
-
#5786b4
#5786b4
rgb(87,134,180)
-
#4e86bd
#4e86bd
rgb(78,134,189)
-
#4586c6
#4586c6
rgb(69,134,198)
-
#3b86d0
#3b86d0
rgb(59,134,208)
-
#3286d9
#3286d9
rgb(50,134,217)
-
#2986e2
#2986e2
rgb(41,134,226)
-
#1f86ec
#1f86ec
rgb(31,134,236)
-
#1686f5
#1686f5
rgb(22,134,245)
-
#0d86fe
#0d86fe
rgb(13,134,254)
Color Blindness Simulator
Below, you can see how #1686f5 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.