#168dd2 Color Information
In a RGB color space, hex #168dd2 is composed of 8.6% red, 55.3% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 89.5% cyan, 32.9% magenta, 0% yellow and 17.6% black. It has a hue angle of 202 degrees, a saturation of 81% and a lightness of 45.5%. #168dd2 color hex could be obtained by blending #2cffff with #001ba5. Closest websafe color is: #0099cc.
-
- R 9
- G 55
- B 82
-
- C 90
- M 33
- Y 0
- K 18
● #168dd2 color description : Strong blue.
#168dd2 Color Conversion
The hexadecimal color #168dd2 has RGB values of R:22, G:141, B:210 and CMYK values of C:0.9, M:0.33, Y:0, K:0.18. Its decimal value is 1478098.
Hex triplet | 168dd2 | #168dd2 |
---|---|---|
RGB Decimal | 22, 141, 210 | rgb(22,141,210) |
RGB Percent | 8.6, 55.3, 82.4 | rgb(8.6%,55.3%,82.4%) |
CMYK | 90, 33, 0, 18 | |
HSL | 202°, 81, 45.5 | hsl(202,81%,45.5%) |
HSV (or HSB) | 202°, 89.5, 82.4 | |
Web Safe | 0099cc | #0099cc |
CIE-LAB | 55.959, -5.583, -43.854 |
---|---|
XYZ | 21.486, 23.871, 64.444 |
xyY | 0.196, 0.217, 23.871 |
CIE-LCH | 55.959, 44.208, 262.744 |
CIE-LUV | 55.959, -34.79, -67.887 |
Hunter-Lab | 48.858, -7.006, -44.003 |
Binary | 00010110, 10001101, 11010010 |
Color Schemes with #168dd2
Alternatives to #168dd2
Below, you can see some colors close to #168dd2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#168dd2 Preview
This text has a font color of #168dd2.
<span style="color:#168dd2;">Text here</span>
This paragraph has a background color of #168dd2.
<p style="background-color:#168dd2;">Content here</p>
This element has a border color of #168dd2.
<div style="border:1px solid #168dd2;">Content here</div>
.text {color:#168dd2;}
.background {background-color:#168dd2;}
.border {border:1px solid #168dd2;}
Shades and Tints of #168dd2
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, #020a0f is the darkest color, while #fcfeff is the lightest one.
-
#020a0f
#020a0f
rgb(2,10,15)
-
#031620
#031620
rgb(3,22,32)
-
#052232
#052232
rgb(5,34,50)
-
#072e44
#072e44
rgb(7,46,68)
-
#093a56
#093a56
rgb(9,58,86)
-
#0b4567
#0b4567
rgb(11,69,103)
-
#0d5179
#0d5179
rgb(13,81,121)
-
#0f5d8b
#0f5d8b
rgb(15,93,139)
-
#10699d
#10699d
rgb(16,105,157)
-
#1275ae
#1275ae
rgb(18,117,174)
-
#1481c0
#1481c0
rgb(20,129,192)
-
#168dd2
#168dd2
rgb(22,141,210)
-
#1899e4
#1899e4
rgb(24,153,228)
-
#27a1e8
#27a1e8
rgb(39,161,232)
-
#39a9ea
#39a9ea
rgb(57,169,234)
-
#4ab1ec
#4ab1ec
rgb(74,177,236)
-
#5cb8ee
#5cb8ee
rgb(92,184,238)
-
#6ec0f0
#6ec0f0
rgb(110,192,240)
-
#80c8f2
#80c8f2
rgb(128,200,242)
-
#91d0f4
#91d0f4
rgb(145,208,244)
-
#a3d7f5
#a3d7f5
rgb(163,215,245)
-
#b5dff7
#b5dff7
rgb(181,223,247)
-
#c7e7f9
#c7e7f9
rgb(199,231,249)
-
#d8eefb
#d8eefb
rgb(216,238,251)
-
#eaf6fd
#eaf6fd
rgb(234,246,253)
-
#fcfeff
#fcfeff
rgb(252,254,255)
Tones of #168dd2
A tone is produced by adding gray to any pure hue. In this case, #6f7579 is the less saturated color, while #0492e4 is the most saturated one.
-
#6f7579
#6f7579
rgb(111,117,121)
-
#667882
#667882
rgb(102,120,130)
-
#5d7a8b
#5d7a8b
rgb(93,122,139)
-
#547c94
#547c94
rgb(84,124,148)
-
#4c7f9c
#4c7f9c
rgb(76,127,156)
-
#4381a5
#4381a5
rgb(67,129,165)
-
#3a84ae
#3a84ae
rgb(58,132,174)
-
#3186b7
#3186b7
rgb(49,134,183)
-
#2888c0
#2888c0
rgb(40,136,192)
-
#1f8bc9
#1f8bc9
rgb(31,139,201)
-
#168dd2
#168dd2
rgb(22,141,210)
-
#0d8fdb
#0d8fdb
rgb(13,143,219)
-
#0492e4
#0492e4
rgb(4,146,228)
Color Blindness Simulator
Below, you can see how #168dd2 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.