#168ad2 Color Information
In a RGB color space, hex #168ad2 is composed of 8.6% red, 54.1% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 89.5% cyan, 34.3% magenta, 0% yellow and 17.6% black. It has a hue angle of 203 degrees, a saturation of 81% and a lightness of 45.5%. #168ad2 color hex could be obtained by blending #2cffff with #0015a5. Closest websafe color is: #0099cc.
-
- R 9
- G 54
- B 82
-
- C 90
- M 34
- Y 0
- K 18
● #168ad2 color description : Strong blue.
#168ad2 Color Conversion
The hexadecimal color #168ad2 has RGB values of R:22, G:138, B:210 and CMYK values of C:0.9, M:0.34, Y:0, K:0.18. Its decimal value is 1477330.
Hex triplet | 168ad2 | #168ad2 |
---|---|---|
RGB Decimal | 22, 138, 210 | rgb(22,138,210) |
RGB Percent | 8.6, 54.1, 82.4 | rgb(8.6%,54.1%,82.4%) |
CMYK | 90, 34, 0, 18 | |
HSL | 203°, 81, 45.5 | hsl(203,81%,45.5%) |
HSV (or HSB) | 203°, 89.5, 82.4 | |
Web Safe | 0099cc | #0099cc |
CIE-LAB | 55.071, -3.833, -45.258 |
---|---|
XYZ | 21.049, 22.999, 64.299 |
xyY | 0.194, 0.212, 22.999 |
CIE-LCH | 55.071, 45.42, 265.16 |
CIE-LUV | 55.071, -33.791, -70.164 |
Hunter-Lab | 47.957, -5.577, -45.924 |
Binary | 00010110, 10001010, 11010010 |
Color Schemes with #168ad2
Alternatives to #168ad2
Below, you can see some colors close to #168ad2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#168ad2 Preview
This text has a font color of #168ad2.
<span style="color:#168ad2;">Text here</span>
This paragraph has a background color of #168ad2.
<p style="background-color:#168ad2;">Content here</p>
This element has a border color of #168ad2.
<div style="border:1px solid #168ad2;">Content here</div>
.text {color:#168ad2;}
.background {background-color:#168ad2;}
.border {border:1px solid #168ad2;}
Shades and Tints of #168ad2
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)
-
#031520
#031520
rgb(3,21,32)
-
#052132
#052132
rgb(5,33,50)
-
#072d44
#072d44
rgb(7,45,68)
-
#093856
#093856
rgb(9,56,86)
-
#0b4467
#0b4467
rgb(11,68,103)
-
#0d5079
#0d5079
rgb(13,80,121)
-
#0f5b8b
#0f5b8b
rgb(15,91,139)
-
#10679d
#10679d
rgb(16,103,157)
-
#1273ae
#1273ae
rgb(18,115,174)
-
#147ec0
#147ec0
rgb(20,126,192)
-
#168ad2
#168ad2
rgb(22,138,210)
-
#1896e4
#1896e4
rgb(24,150,228)
-
#279ee8
#279ee8
rgb(39,158,232)
-
#39a6ea
#39a6ea
rgb(57,166,234)
-
#4aaeec
#4aaeec
rgb(74,174,236)
-
#5cb6ee
#5cb6ee
rgb(92,182,238)
-
#6ebef0
#6ebef0
rgb(110,190,240)
-
#80c6f2
#80c6f2
rgb(128,198,242)
-
#91cef4
#91cef4
rgb(145,206,244)
-
#a3d6f5
#a3d6f5
rgb(163,214,245)
-
#b5def7
#b5def7
rgb(181,222,247)
-
#c7e6f9
#c7e6f9
rgb(199,230,249)
-
#d8eefb
#d8eefb
rgb(216,238,251)
-
#eaf6fd
#eaf6fd
rgb(234,246,253)
-
#fcfeff
#fcfeff
rgb(252,254,255)
Tones of #168ad2
A tone is produced by adding gray to any pure hue. In this case, #6f7579 is the less saturated color, while #048ee4 is the most saturated one.
-
#6f7579
#6f7579
rgb(111,117,121)
-
#667782
#667782
rgb(102,119,130)
-
#5d798b
#5d798b
rgb(93,121,139)
-
#547b94
#547b94
rgb(84,123,148)
-
#4c7d9c
#4c7d9c
rgb(76,125,156)
-
#4380a5
#4380a5
rgb(67,128,165)
-
#3a82ae
#3a82ae
rgb(58,130,174)
-
#3184b7
#3184b7
rgb(49,132,183)
-
#2886c0
#2886c0
rgb(40,134,192)
-
#1f88c9
#1f88c9
rgb(31,136,201)
-
#168ad2
#168ad2
rgb(22,138,210)
-
#0d8cdb
#0d8cdb
rgb(13,140,219)
-
#048ee4
#048ee4
rgb(4,142,228)
Color Blindness Simulator
Below, you can see how #168ad2 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.