#168ba6 hex color

In a RGB color space, hex #168ba6 is composed of 8.6% red, 54.5% green and 65.1% blue. Whereas in a CMYK color space, it is composed of 86.7% cyan, 16.3% magenta, 0% yellow and 34.9% black. It has a hue angle of 191.3 degrees, a saturation of 76.6% and a lightness of 36.9%. #168ba6 color hex could be obtained by blending #2cffff with #00174d. Closest websafe color is: #009999.

♥
- f
- t
- g
- R 9
- G 55
- B 65
RGB color chart
- C 87
- M 16
- Y 0
- K 35
CMYK color chart

● #168ba6 color description : Dark cyan.

The hexadecimal color #168ba6 has RGB values of R:22, G:139, B:166 and CMYK values of C:0.87, M:0.16, Y:0, K:0.35. Its decimal value is 1477542.

Hex triplet	168ba6	`#168ba6`
RGB Decimal	22, 139, 166	`rgb(22,139,166)`
RGB Percent	8.6, 54.5, 65.1	`rgb(8.6%,54.5%,65.1%)`
CMYK	87, 16, 0, 35
HSL	191.3°, 76.6, 36.9	`hsl(191.3,76.6%,36.9%)`
HSV (or HSB)	191.3°, 86.7, 65.1
Web Safe	009999	`#009999`

CIE-LAB	53.371, -20.402, -22.837
XYZ	16.445, 21.387, 39.336
xyY	0.213, 0.277, 21.387
CIE-LCH	53.371, 30.623, 228.224
CIE-LUV	53.371, -37.02, -31.592
Hunter-Lab	46.247, -17.46, -18.058
Binary	00010110, 10001011, 10100110

#168ba6
```
#168ba6 rgb(22,139,166)
```
#a63116
```
#a63116 rgb(166,49,22)
```

Complementary Color

#16a679
```
#16a679 rgb(22,166,121)
```
#168ba6
```
#168ba6 rgb(22,139,166)
```
#1643a6
```
#1643a6 rgb(22,67,166)
```

Analogous Color

#a67916
```
#a67916 rgb(166,121,22)
```
#168ba6
```
#168ba6 rgb(22,139,166)
```
#a61643
```
#a61643 rgb(166,22,67)
```

Split Complementary Color

#8ba616
```
#8ba616 rgb(139,166,22)
```
#168ba6
```
#168ba6 rgb(22,139,166)
```
#a6168b
```
#a6168b rgb(166,22,139)
```

Triadic Color

#16a631
```
#16a631 rgb(22,166,49)
```
#168ba6
```
#168ba6 rgb(22,139,166)
```
#a6168b
```
#a6168b rgb(166,22,139)
```
#a63116
```
#a63116 rgb(166,49,22)
```

Tetradic Color

#0d5262
```
#0d5262 rgb(13,82,98)
```
#106579
```
#106579 rgb(16,101,121)
```
#13788f
```
#13788f rgb(19,120,143)
```
#168ba6
```
#168ba6 rgb(22,139,166)
```
#199ebd
```
#199ebd rgb(25,158,189)
```
#1cb1d3
```
#1cb1d3 rgb(28,177,211)
```
#26bfe2
```
#26bfe2 rgb(38,191,226)
```

Monochromatic Color

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

#16a69d
```
#16a69d rgb(22,166,157)
```
#16a3a6
```
#16a3a6 rgb(22,163,166)
```
#1697a6
```
#1697a6 rgb(22,151,166)
```
#168ba6
```
#168ba6 rgb(22,139,166)
```
#167fa6
```
#167fa6 rgb(22,127,166)
```
#1673a6
```
#1673a6 rgb(22,115,166)
```
#1667a6
```
#1667a6 rgb(22,103,166)
```

Similar Colors

Text with hexadecimal color #168ba6

This text has a font color of #168ba6.

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

#168ba6 background color

This paragraph has a background color of #168ba6.

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

#168ba6 border color

This element has a border color of #168ba6.

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

CSS codes

.text {color:#168ba6;}

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

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

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, #01080a is the darkest color, while #f8fdfe is the lightest one.

#01080a
```
#01080a rgb(1,8,10)
```
#04171b
```
#04171b rgb(4,23,27)
```
#06252d
```
#06252d rgb(6,37,45)
```
#08343e
```
#08343e rgb(8,52,62)
```
#0b424f
```
#0b424f rgb(11,66,79)
```
#0d5161
```
#0d5161 rgb(13,81,97)
```
#0f5f72
```
#0f5f72 rgb(15,95,114)
```
#116e83
```
#116e83 rgb(17,110,131)
```
#147c95
```
#147c95 rgb(20,124,149)
```
#168ba6
```
#168ba6 rgb(22,139,166)
```
#189ab7
```
#189ab7 rgb(24,154,183)
```
#1ba8c9
```
#1ba8c9 rgb(27,168,201)
```
#1db7da
```
#1db7da rgb(29,183,218)
```

Shade Color Variation

#28c0e3
```
#28c0e3 rgb(40,192,227)
```
#39c5e5
```
#39c5e5 rgb(57,197,229)
```
#4bcae7
```
#4bcae7 rgb(75,202,231)
```
#5ccfe9
```
#5ccfe9 rgb(92,207,233)
```
#6dd4ec
```
#6dd4ec rgb(109,212,236)
```
#7fd9ee
```
#7fd9ee rgb(127,217,238)
```
#90def0
```
#90def0 rgb(144,222,240)
```
#a1e3f3
```
#a1e3f3 rgb(161,227,243)
```
#b3e8f5
```
#b3e8f5 rgb(179,232,245)
```
#c4eef7
```
#c4eef7 rgb(196,238,247)
```
#d5f3f9
```
#d5f3f9 rgb(213,243,249)
```
#e6f8fc
```
#e6f8fc rgb(230,248,252)
```
#f8fdfe
```
#f8fdfe rgb(248,253,254)
```

Tint Color Variation

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

#576265
```
#576265 rgb(87,98,101)
```
#50676c
```
#50676c rgb(80,103,108)
```
#496b73
```
#496b73 rgb(73,107,115)
```
#41707b
```
#41707b rgb(65,112,123)
```
#3a7482
```
#3a7482 rgb(58,116,130)
```
#337989
```
#337989 rgb(51,121,137)
```
#2c7d90
```
#2c7d90 rgb(44,125,144)
```
#248298
```
#248298 rgb(36,130,152)
```
#1d869f
```
#1d869f rgb(29,134,159)
```
#168ba6
```
#168ba6 rgb(22,139,166)
```
#0f90ad
```
#0f90ad rgb(15,144,173)
```
#0894b4
```
#0894b4 rgb(8,148,180)
```
#0099bc
```
#0099bc rgb(0,153,188)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#5a7177 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e84a2 Protanopia 1% of men
#7984af Deuteranopia 1% of men
#00939d Tritanopia 0.001% of the population

Trichromacy

#5887a3 Protanomaly 1% of men, 0.01% of women
#5586ac Deuteranomaly 6% of men, 0.4% of women
#0890a0 Tritanomaly 0.01% of the population

#168ba6 hex color

#168ba6 Color Information

#168ba6 Color Conversion

Color Schemes with #168ba6

Alternatives to #168ba6

#168ba6 Preview

Shades and Tints of #168ba6

Tones of #168ba6

Color Blindness Simulator