#168fb8 hex color

In a RGB color space, hex #168fb8 is composed of 8.6% red, 56.1% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 88% cyan, 22.3% magenta, 0% yellow and 27.8% black. It has a hue angle of 195.2 degrees, a saturation of 78.6% and a lightness of 40.4%. #168fb8 color hex could be obtained by blending #2cffff with #001f71. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 9
- G 56
- B 72
RGB color chart
- C 88
- M 22
- Y 0
- K 28
CMYK color chart

● #168fb8 color description : Strong blue.

The hexadecimal color #168fb8 has RGB values of R:22, G:143, B:184 and CMYK values of C:0.88, M:0.22, Y:0, K:0.28. Its decimal value is 1478584.

Hex triplet	168fb8	`#168fb8`
RGB Decimal	22, 143, 184	`rgb(22,143,184)`
RGB Percent	8.6, 56.1, 72.2	`rgb(8.6%,56.1%,72.2%)`
CMYK	88, 22, 0, 28
HSL	195.2°, 78.6, 40.4	`hsl(195.2,78.6%,40.4%)`
HSV (or HSB)	195.2°, 88, 72.2
Web Safe	0099cc	`#0099cc`

CIE-LAB	55.354, -16.221, -30.08
XYZ	18.803, 23.274, 48.846
xyY	0.207, 0.256, 23.274
CIE-LCH	55.354, 34.175, 241.664
CIE-LUV	55.354, -37.164, -44.018
Hunter-Lab	48.244, -14.856, -26.26
Binary	00010110, 10001111, 10111000

#168fb8
```
#168fb8 rgb(22,143,184)
```
#b83f16
```
#b83f16 rgb(184,63,22)
```

Complementary Color

#16b890
```
#16b890 rgb(22,184,144)
```
#168fb8
```
#168fb8 rgb(22,143,184)
```
#163eb8
```
#163eb8 rgb(22,62,184)
```

Analogous Color

#b89016
```
#b89016 rgb(184,144,22)
```
#168fb8
```
#168fb8 rgb(22,143,184)
```
#b8163e
```
#b8163e rgb(184,22,62)
```

Split Complementary Color

#8fb816
```
#8fb816 rgb(143,184,22)
```
#168fb8
```
#168fb8 rgb(22,143,184)
```
#b8168f
```
#b8168f rgb(184,22,143)
```

Triadic Color

#16b83f
```
#16b83f rgb(22,184,63)
```
#168fb8
```
#168fb8 rgb(22,143,184)
```
#b8168f
```
#b8168f rgb(184,22,143)
```
#b83f16
```
#b83f16 rgb(184,63,22)
```

Tetradic Color

#0e5a74
```
#0e5a74 rgb(14,90,116)
```
#116c8a
```
#116c8a rgb(17,108,138)
```
#137da1
```
#137da1 rgb(19,125,161)
```
#168fb8
```
#168fb8 rgb(22,143,184)
```
#19a1cf
```
#19a1cf rgb(25,161,207)
```
#1db2e4
```
#1db2e4 rgb(29,178,228)
```
#34b9e7
```
#34b9e7 rgb(52,185,231)
```

Monochromatic Color

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

#16b8b8
```
#16b8b8 rgb(22,184,184)
```
#16aab8
```
#16aab8 rgb(22,170,184)
```
#169db8
```
#169db8 rgb(22,157,184)
```
#168fb8
```
#168fb8 rgb(22,143,184)
```
#1682b8
```
#1682b8 rgb(22,130,184)
```
#1674b8
```
#1674b8 rgb(22,116,184)
```
#1667b8
```
#1667b8 rgb(22,103,184)
```

Similar Colors

Text with hexadecimal color #168fb8

This text has a font color of #168fb8.

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

#168fb8 background color

This paragraph has a background color of #168fb8.

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

#168fb8 border color

This element has a border color of #168fb8.

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

CSS codes

.text {color:#168fb8;}

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

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

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

#010709
```
#010709 rgb(1,7,9)
```
#03141a
```
#03141a rgb(3,20,26)
```
#05222c
```
#05222c rgb(5,34,44)
```
#07303d
```
#07303d rgb(7,48,61)
```
#093d4f
```
#093d4f rgb(9,61,79)
```
#0c4b60
```
#0c4b60 rgb(12,75,96)
```
#0e5972
```
#0e5972 rgb(14,89,114)
```
#106683
```
#106683 rgb(16,102,131)
```
#127495
```
#127495 rgb(18,116,149)
```
#1481a6
```
#1481a6 rgb(20,129,166)
```
#168fb8
```
#168fb8 rgb(22,143,184)
```
#189dca
```
#189dca rgb(24,157,202)
```
#1aaadb
```
#1aaadb rgb(26,170,219)
```

Shade Color Variation

#24b4e5
```
#24b4e5 rgb(36,180,229)
```
#36bae7
```
#36bae7 rgb(54,186,231)
```
#47c0e9
```
#47c0e9 rgb(71,192,233)
```
#59c6eb
```
#59c6eb rgb(89,198,235)
```
#6acced
```
#6acced rgb(106,204,237)
```
#7cd2ef
```
#7cd2ef rgb(124,210,239)
```
#8dd8f1
```
#8dd8f1 rgb(141,216,241)
```
#9fdef3
```
#9fdef3 rgb(159,222,243)
```
#b0e4f6
```
#b0e4f6 rgb(176,228,246)
```
#c2eaf8
```
#c2eaf8 rgb(194,234,248)
```
#d3f0fa
```
#d3f0fa rgb(211,240,250)
```
#e5f6fc
```
#e5f6fc rgb(229,246,252)
```
#f6fcfe
```
#f6fcfe rgb(246,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #656869 is the less saturated color, while #0697c8 is the most saturated one.

#656869
```
#656869 rgb(101,104,105)
```
#5d6c71
```
#5d6c71 rgb(93,108,113)
```
#557079
```
#557079 rgb(85,112,121)
```
#4d7481
```
#4d7481 rgb(77,116,129)
```
#467888
```
#467888 rgb(70,120,136)
```
#3e7b90
```
#3e7b90 rgb(62,123,144)
```
#367f98
```
#367f98 rgb(54,127,152)
```
#2e83a0
```
#2e83a0 rgb(46,131,160)
```
#2687a8
```
#2687a8 rgb(38,135,168)
```
#1e8bb0
```
#1e8bb0 rgb(30,139,176)
```
#168fb8
```
#168fb8 rgb(22,143,184)
```
#0e93c0
```
#0e93c0 rgb(14,147,192)
```
#0697c8
```
#0697c8 rgb(6,151,200)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#5d757e Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e89b3 Protanopia 1% of men
#7589c0 Deuteranopia 1% of men
#0098a3 Tritanopia 0.001% of the population

Trichromacy

#588bb5 Protanomaly 1% of men, 0.01% of women
#528bbd Deuteranomaly 6% of men, 0.4% of women
#0895aa Tritanomaly 0.01% of the population

#168fb8 hex color

#168fb8 Color Information

#168fb8 Color Conversion

Color Schemes with #168fb8

Alternatives to #168fb8

#168fb8 Preview

Shades and Tints of #168fb8

Tones of #168fb8

Color Blindness Simulator