#168ac2 Color Information
In a RGB color space, hex #168ac2 is composed of 8.6% red, 54.1% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 88.7% cyan, 28.9% magenta, 0% yellow and 23.9% black. It has a hue angle of 199.5 degrees, a saturation of 79.6% and a lightness of 42.4%. #168ac2 color hex could be obtained by blending #2cffff with #001585. Closest websafe color is: #0099cc.
-
- R 9
- G 54
- B 76
-
- C 89
- M 29
- Y 0
- K 24
● #168ac2 color description : Strong blue.
#168ac2 Color Conversion
The hexadecimal color #168ac2 has RGB values of R:22, G:138, B:194 and CMYK values of C:0.89, M:0.29, Y:0, K:0.24. Its decimal value is 1477314.
Hex triplet | 168ac2 | #168ac2 |
---|---|---|
RGB Decimal | 22, 138, 194 | rgb(22,138,194) |
RGB Percent | 8.6, 54.1, 76.1 | rgb(8.6%,54.1%,76.1%) |
CMYK | 89, 29, 0, 24 | |
HSL | 199.5°, 79.6, 42.4 | hsl(199.5,79.6%,42.4%) |
HSV (or HSB) | 199.5°, 88.7, 76.1 | |
Web Safe | 0099cc | #0099cc |
CIE-LAB | 54.282, -9.794, -37.446 |
---|---|
XYZ | 19.155, 22.241, 54.319 |
xyY | 0.2, 0.232, 22.241 |
CIE-LCH | 54.282, 38.706, 255.343 |
CIE-LUV | 54.282, -34.772, -56.6 |
Hunter-Lab | 47.16, -10.031, -35.279 |
Binary | 00010110, 10001010, 11000010 |
Color Schemes with #168ac2
Alternatives to #168ac2
Below, you can see some colors close to #168ac2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#168ac2 Preview
This text has a font color of #168ac2.
<span style="color:#168ac2;">Text here</span>
This paragraph has a background color of #168ac2.
<p style="background-color:#168ac2;">Content here</p>
This element has a border color of #168ac2.
<div style="border:1px solid #168ac2;">Content here</div>
.text {color:#168ac2;}
.background {background-color:#168ac2;}
.border {border:1px solid #168ac2;}
Shades and Tints of #168ac2
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, #000000 is the darkest color, while #eef8fd is the lightest one.
-
#000000
#000000
rgb(0,0,0)
-
#020d12
#020d12
rgb(2,13,18)
-
#041923
#041923
rgb(4,25,35)
-
#062635
#062635
rgb(6,38,53)
-
#083247
#083247
rgb(8,50,71)
-
#0a3f58
#0a3f58
rgb(10,63,88)
-
#0c4b6a
#0c4b6a
rgb(12,75,106)
-
#0e587c
#0e587c
rgb(14,88,124)
-
#10648d
#10648d
rgb(16,100,141)
-
#12719f
#12719f
rgb(18,113,159)
-
#147db0
#147db0
rgb(20,125,176)
-
#168ac2
#168ac2
rgb(22,138,194)
-
#1897d4
#1897d4
rgb(24,151,212)
-
#1aa3e5
#1aa3e5
rgb(26,163,229)
-
#2caae7
#2caae7
rgb(44,170,231)
-
#3db1e9
#3db1e9
rgb(61,177,233)
-
#4fb8eb
#4fb8eb
rgb(79,184,235)
-
#61bfed
#61bfed
rgb(97,191,237)
-
#72c6ef
#72c6ef
rgb(114,198,239)
-
#84cef1
#84cef1
rgb(132,206,241)
-
#96d5f3
#96d5f3
rgb(150,213,243)
-
#a7dcf5
#a7dcf5
rgb(167,220,245)
-
#b9e3f7
#b9e3f7
rgb(185,227,247)
-
#caeaf9
#caeaf9
rgb(202,234,249)
-
#dcf1fb
#dcf1fb
rgb(220,241,251)
-
#eef8fd
#eef8fd
rgb(238,248,253)
Tones of #168ac2
A tone is produced by adding gray to any pure hue. In this case, #696d6f is the less saturated color, while #0590d3 is the most saturated one.
-
#696d6f
#696d6f
rgb(105,109,111)
-
#617077
#617077
rgb(97,112,119)
-
#587380
#587380
rgb(88,115,128)
-
#507688
#507688
rgb(80,118,136)
-
#487990
#487990
rgb(72,121,144)
-
#407c98
#407c98
rgb(64,124,152)
-
#377ea1
#377ea1
rgb(55,126,161)
-
#2f81a9
#2f81a9
rgb(47,129,169)
-
#2784b1
#2784b1
rgb(39,132,177)
-
#1e87ba
#1e87ba
rgb(30,135,186)
-
#168ac2
#168ac2
rgb(22,138,194)
-
#0e8dca
#0e8dca
rgb(14,141,202)
-
#0590d3
#0590d3
rgb(5,144,211)
Color Blindness Simulator
Below, you can see how #168ac2 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.