colorhexa.com

#168ad8 hex color

In a RGB color space, hex #168ad8 is composed of 8.6% red, 54.1% green and 84.7% blue. Whereas in a CMYK color space, it is composed of 89.8% cyan, 36.1% magenta, 0% yellow and 15.3% black. It has a hue angle of 204.1 degrees, a saturation of 81.5% and a lightness of 46.7%. #168ad8 color hex could be obtained by blending #2cffff with #0015b1. Closest websafe color is: #0099cc.

- R 9
- G 54
- B 85
RGB color chart
- C 90
- M 36
- Y 0
- K 15
CMYK color chart

● #168ad8 color description : Strong blue.

The hexadecimal color #168ad8 has RGB values of R:22, G:138, B:216 and CMYK values of C:0.9, M:0.36, Y:0, K:0.15. Its decimal value is 1477336.

Hex triplet	168ad8	`#168ad8`
RGB Decimal	22, 138, 216	`rgb(22,138,216)`
RGB Percent	8.6, 54.1, 84.7	`rgb(8.6%,54.1%,84.7%)`
CMYK	90, 36, 0, 15
HSL	204.1°, 81.5, 46.7	`hsl(204.1,81.5%,46.7%)`
HSV (or HSB)	204.1°, 89.8, 84.7
Web Safe	0099cc	`#0099cc`

CIE-LAB	55.383, -1.574, -48.139
XYZ	21.811, 23.303, 68.31
xyY	0.192, 0.205, 23.303
CIE-LCH	55.383, 48.165, 268.128
CIE-LUV	55.383, -33.444, -75.171
Hunter-Lab	48.274, -3.829, -50.108
Binary	00010110, 10001010, 11011000

#168ad8
```
#168ad8 rgb(22,138,216)
```
#d86416
```
#d86416 rgb(216,100,22)
```

Complementary Color

#16d8c5
```
#16d8c5 rgb(22,216,197)
```
#168ad8
```
#168ad8 rgb(22,138,216)
```
#1629d8
```
#1629d8 rgb(22,41,216)
```

Analogous Color

#d8c516
```
#d8c516 rgb(216,197,22)
```
#168ad8
```
#168ad8 rgb(22,138,216)
```
#d81629
```
#d81629 rgb(216,22,41)
```

Split Complementary Color

#8ad816
```
#8ad816 rgb(138,216,22)
```
#168ad8
```
#168ad8 rgb(22,138,216)
```
#d8168a
```
#d8168a rgb(216,22,138)
```

Triadic Color

#16d864
```
#16d864 rgb(22,216,100)
```
#168ad8
```
#168ad8 rgb(22,138,216)
```
#d8168a
```
#d8168a rgb(216,22,138)
```
#d86416
```
#d86416 rgb(216,100,22)
```

Tetradic Color

#0f5e93
```
#0f5e93 rgb(15,94,147)
```
#116caa
```
#116caa rgb(17,108,170)
```
#147bc1
```
#147bc1 rgb(20,123,193)
```
#168ad8
```
#168ad8 rgb(22,138,216)
```
#1f97e8
```
#1f97e8 rgb(31,151,232)
```
#36a2eb
```
#36a2eb rgb(54,162,235)
```
#4eaded
```
#4eaded rgb(78,173,237)
```

Monochromatic Color

Below, you can see some colors close to #168ad8. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#16bbd8
```
#16bbd8 rgb(22,187,216)
```
#16aad8
```
#16aad8 rgb(22,170,216)
```
#169ad8
```
#169ad8 rgb(22,154,216)
```
#168ad8
```
#168ad8 rgb(22,138,216)
```
#167ad8
```
#167ad8 rgb(22,122,216)
```
#166ad8
```
#166ad8 rgb(22,106,216)
```
#165ad8
```
#165ad8 rgb(22,90,216)
```

Similar Colors

Text with hexadecimal color #168ad8

This text has a font color of #168ad8.

<span style="color:#168ad8;">Text here</span>

#168ad8 background color

This paragraph has a background color of #168ad8.

<p style="background-color:#168ad8;">Content here</p>

#168ad8 border color

This element has a border color of #168ad8.

<div style="border:1px solid #168ad8;">Content here</div>

CSS codes

.text {color:#168ad8;}

.background {background-color:#168ad8;}

.border {border:1px solid #168ad8;}

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, #000202 is the darkest color, while #f0f8fd is the lightest one.

#000202
```
#000202 rgb(0,2,2)
```
#020d14
```
#020d14 rgb(2,13,20)
```
#041826
```
#041826 rgb(4,24,38)
```
#062438
```
#062438 rgb(6,36,56)
```
#072f4a
```
#072f4a rgb(7,47,74)
```
#093a5b
```
#093a5b rgb(9,58,91)
```
#0b466d
```
#0b466d rgb(11,70,109)
```
#0d517f
```
#0d517f rgb(13,81,127)
```
#0f5d91
```
#0f5d91 rgb(15,93,145)
```
#1168a3
```
#1168a3 rgb(17,104,163)
```
#1273b4
```
#1273b4 rgb(18,115,180)
```
#147fc6
```
#147fc6 rgb(20,127,198)
```
#168ad8
```
#168ad8 rgb(22,138,216)
```

Shade Color Variation

#1a95e8
```
#1a95e8 rgb(26,149,232)
```
#2c9de9
```
#2c9de9 rgb(44,157,233)
```
#3ea5eb
```
#3ea5eb rgb(62,165,235)
```
#4faeed
```
#4faeed rgb(79,174,237)
```
#61b6ef
```
#61b6ef rgb(97,182,239)
```
#73bef1
```
#73bef1 rgb(115,190,241)
```
#85c6f3
```
#85c6f3 rgb(133,198,243)
```
#97cff4
```
#97cff4 rgb(151,207,244)
```
#a8d7f6
```
#a8d7f6 rgb(168,215,246)
```
#badff8
```
#badff8 rgb(186,223,248)
```
#cce7fa
```
#cce7fa rgb(204,231,250)
```
#def0fc
```
#def0fc rgb(222,240,252)
```
#f0f8fd
```
#f0f8fd rgb(240,248,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #72787c is the less saturated color, while #048eea is the most saturated one.

#72787c
```
#72787c rgb(114,120,124)
```
#687a86
```
#687a86 rgb(104,122,134)
```
#5f7c8f
```
#5f7c8f rgb(95,124,143)
```
#567d98
```
#567d98 rgb(86,125,152)
```
#4d7fa1
```
#4d7fa1 rgb(77,127,161)
```
#4481aa
```
#4481aa rgb(68,129,170)
```
#3b83b3
```
#3b83b3 rgb(59,131,179)
```
#3185bd
```
#3185bd rgb(49,133,189)
```
#2886c6
```
#2886c6 rgb(40,134,198)
```
#1f88cf
```
#1f88cf rgb(31,136,207)
```
#168ad8
```
#168ad8 rgb(22,138,216)
```
#0d8ce1
```
#0d8ce1 rgb(13,140,225)
```
#048eea
```
#048eea rgb(4,142,234)
```

Tone Color Variation

Below, you can see how #168ad8 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.

Monochromacy

#707070 Achromatopsia 0.005% of the population
#5e7585 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6b88d4 Protanopia 1% of men
#508bdb Deuteranopia 1% of men
#0098a2 Tritanopia 0.001% of the population

Trichromacy

#4c89d5 Protanomaly 1% of men, 0.01% of women
#3a8bda Deuteranomaly 6% of men, 0.4% of women
#0893b5 Tritanomaly 0.01% of the population