#168aed Color Information
In a RGB color space, hex #168aed is composed of 8.6% red, 54.1% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 90.7% cyan, 41.8% magenta, 0% yellow and 7.1% black. It has a hue angle of 207.6 degrees, a saturation of 85.7% and a lightness of 50.8%. #168aed color hex could be obtained by blending #2cffff with #0015db. Closest websafe color is: #0099ff.
-
- R 9
- G 54
- B 93
-
- C 91
- M 42
- Y 0
- K 7
● #168aed color description : Vivid blue.
#168aed Color Conversion
The hexadecimal color #168aed has RGB values of R:22, G:138, B:237 and CMYK values of C:0.91, M:0.42, Y:0, K:0.07. Its decimal value is 1477357.
Hex triplet | 168aed | #168aed |
---|---|---|
RGB Decimal | 22, 138, 237 | rgb(22,138,237) |
RGB Percent | 8.6, 54.1, 92.9 | rgb(8.6%,54.1%,92.9%) |
CMYK | 91, 42, 0, 7 | |
HSL | 207.6°, 85.7, 50.8 | hsl(207.6,85.7%,50.8%) |
HSV (or HSB) | 207.6°, 90.7, 92.9 | |
Web Safe | 0099ff | #0099ff |
CIE-LAB | 56.545, 6.386, -58.013 |
---|---|
XYZ | 24.702, 24.46, 83.535 |
xyY | 0.186, 0.184, 24.46 |
CIE-LCH | 56.545, 58.363, 276.282 |
CIE-LUV | 56.545, -32.331, -92.292 |
Hunter-Lab | 49.457, 2.605, -65.525 |
Binary | 00010110, 10001010, 11101101 |
Color Schemes with #168aed
Alternatives to #168aed
Below, you can see some colors close to #168aed. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#168aed Preview
This text has a font color of #168aed.
<span style="color:#168aed;">Text here</span>
This paragraph has a background color of #168aed.
<p style="background-color:#168aed;">Content here</p>
This element has a border color of #168aed.
<div style="border:1px solid #168aed;">Content here</div>
.text {color:#168aed;}
.background {background-color:#168aed;}
.border {border:1px solid #168aed;}
Shades and Tints of #168aed
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 #f1f8fe is the lightest one.
-
#000204
#000204
rgb(0,2,4)
-
#020d16
#020d16
rgb(2,13,22)
-
#031728
#031728
rgb(3,23,40)
-
#05223a
#05223a
rgb(5,34,58)
-
#062c4d
#062c4d
rgb(6,44,77)
-
#07365f
#07365f
rgb(7,54,95)
-
#094171
#094171
rgb(9,65,113)
-
#0a4b83
#0a4b83
rgb(10,75,131)
-
#0c5695
#0c5695
rgb(12,86,149)
-
#0d60a8
#0d60a8
rgb(13,96,168)
-
#0e6bba
#0e6bba
rgb(14,107,186)
-
#1075cc
#1075cc
rgb(16,117,204)
-
#1180de
#1180de
rgb(17,128,222)
-
#168aed
#168aed
rgb(22,138,237)
-
#2893ee
#2893ee
rgb(40,147,238)
-
#3a9cf0
#3a9cf0
rgb(58,156,240)
-
#4da5f1
#4da5f1
rgb(77,165,241)
-
#5faff3
#5faff3
rgb(95,175,243)
-
#71b8f4
#71b8f4
rgb(113,184,244)
-
#83c1f5
#83c1f5
rgb(131,193,245)
-
#95caf7
#95caf7
rgb(149,202,247)
-
#a8d3f8
#a8d3f8
rgb(168,211,248)
-
#badcfa
#badcfa
rgb(186,220,250)
-
#cce5fb
#cce5fb
rgb(204,229,251)
-
#deeffc
#deeffc
rgb(222,239,252)
-
#f1f8fe
#f1f8fe
rgb(241,248,254)
Tones of #168aed
A tone is produced by adding gray to any pure hue. In this case, #808283 is the less saturated color, while #0c8bf7 is the most saturated one.
-
#808283
#808283
rgb(128,130,131)
-
#77828c
#77828c
rgb(119,130,140)
-
#6d8396
#6d8396
rgb(109,131,150)
-
#6384a0
#6384a0
rgb(99,132,160)
-
#5a85a9
#5a85a9
rgb(90,133,169)
-
#5085b3
#5085b3
rgb(80,133,179)
-
#4686bd
#4686bd
rgb(70,134,189)
-
#3d87c6
#3d87c6
rgb(61,135,198)
-
#3388d0
#3388d0
rgb(51,136,208)
-
#2988da
#2988da
rgb(41,136,218)
-
#2089e3
#2089e3
rgb(32,137,227)
-
#168aed
#168aed
rgb(22,138,237)
-
#0c8bf7
#0c8bf7
rgb(12,139,247)
Color Blindness Simulator
Below, you can see how #168aed 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.