#1684f5 Color Information
In a RGB color space, hex #1684f5 is composed of 8.6% red, 51.8% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 91% cyan, 46.1% magenta, 0% yellow and 3.9% black. It has a hue angle of 210.4 degrees, a saturation of 91.8% and a lightness of 52.4%. #1684f5 color hex could be obtained by blending #2cffff with #0009eb. Closest websafe color is: #0099ff.
-
- R 9
- G 52
- B 96
-
- C 91
- M 46
- Y 0
- K 4
● #1684f5 color description : Vivid blue.
#1684f5 Color Conversion
The hexadecimal color #1684f5 has RGB values of R:22, G:132, B:245 and CMYK values of C:0.91, M:0.46, Y:0, K:0.04. Its decimal value is 1475829.
Hex triplet | 1684f5 | #1684f5 |
---|---|---|
RGB Decimal | 22, 132, 245 | rgb(22,132,245) |
RGB Percent | 8.6, 51.8, 96.1 | rgb(8.6%,51.8%,96.1%) |
CMYK | 91, 46, 0, 4 | |
HSL | 210.4°, 91.8, 52.4 | hsl(210.4,91.8%,52.4%) |
HSV (or HSB) | 210.4°, 91, 96.1 | |
Web Safe | 0099ff | #0099ff |
CIE-LAB | 55.343, 13.103, -64.38 |
---|---|
XYZ | 25.06, 23.263, 89.551 |
xyY | 0.182, 0.169, 23.263 |
CIE-LCH | 55.343, 65.7, 281.504 |
CIE-LUV | 55.343, -30.12, -102.558 |
Hunter-Lab | 48.232, 8.336, -76.319 |
Binary | 00010110, 10000100, 11110101 |
Color Schemes with #1684f5
Alternatives to #1684f5
Below, you can see some colors close to #1684f5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#1684f5 Preview
This text has a font color of #1684f5.
<span style="color:#1684f5;">Text here</span>
This paragraph has a background color of #1684f5.
<p style="background-color:#1684f5;">Content here</p>
This element has a border color of #1684f5.
<div style="border:1px solid #1684f5;">Content here</div>
.text {color:#1684f5;}
.background {background-color:#1684f5;}
.border {border:1px solid #1684f5;}
Shades and Tints of #1684f5
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)
-
#021931
#021931
rgb(2,25,49)
-
#032344
#032344
rgb(3,35,68)
-
#042d57
#042d57
rgb(4,45,87)
-
#05366a
#05366a
rgb(5,54,106)
-
#05407c
#05407c
rgb(5,64,124)
-
#064a8f
#064a8f
rgb(6,74,143)
-
#0753a2
#0753a2
rgb(7,83,162)
-
#085db5
#085db5
rgb(8,93,181)
-
#0967c8
#0967c8
rgb(9,103,200)
-
#0970da
#0970da
rgb(9,112,218)
-
#0a7aed
#0a7aed
rgb(10,122,237)
-
#1684f5
#1684f5
rgb(22,132,245)
-
#298ef6
#298ef6
rgb(41,142,246)
-
#3c98f7
#3c98f7
rgb(60,152,247)
-
#4ea2f7
#4ea2f7
rgb(78,162,247)
-
#61acf8
#61acf8
rgb(97,172,248)
-
#74b6f9
#74b6f9
rgb(116,182,249)
-
#87c0fa
#87c0fa
rgb(135,192,250)
-
#9acafb
#9acafb
rgb(154,202,251)
-
#acd3fb
#acd3fb
rgb(172,211,251)
-
#bfddfc
#bfddfc
rgb(191,221,252)
-
#d2e7fd
#d2e7fd
rgb(210,231,253)
-
#e5f1fe
#e5f1fe
rgb(229,241,254)
-
#f8fbff
#f8fbff
rgb(248,251,255)
Tones of #1684f5
A tone is produced by adding gray to any pure hue. In this case, #7d858e is the less saturated color, while #0d84fe is the most saturated one.
-
#7d858e
#7d858e
rgb(125,133,142)
-
#738598
#738598
rgb(115,133,152)
-
#6a85a1
#6a85a1
rgb(106,133,161)
-
#6185aa
#6185aa
rgb(97,133,170)
-
#5785b4
#5785b4
rgb(87,133,180)
-
#4e85bd
#4e85bd
rgb(78,133,189)
-
#4585c6
#4585c6
rgb(69,133,198)
-
#3b85d0
#3b85d0
rgb(59,133,208)
-
#3284d9
#3284d9
rgb(50,132,217)
-
#2984e2
#2984e2
rgb(41,132,226)
-
#1f84ec
#1f84ec
rgb(31,132,236)
-
#1684f5
#1684f5
rgb(22,132,245)
-
#0d84fe
#0d84fe
rgb(13,132,254)
Color Blindness Simulator
Below, you can see how #1684f5 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.