#168aaf hex color

In a RGB color space, hex #168aaf is composed of 8.6% red, 54.1% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 87.4% cyan, 21.1% magenta, 0% yellow and 31.4% black. It has a hue angle of 194.5 degrees, a saturation of 77.7% and a lightness of 38.6%. #168aaf color hex could be obtained by blending #2cffff with #00155f. Closest websafe color is: #009999.

♥
- f
- t
- g
- R 9
- G 54
- B 69
RGB color chart
- C 87
- M 21
- Y 0
- K 31
CMYK color chart

● #168aaf color description : Dark cyan.

The hexadecimal color #168aaf has RGB values of R:22, G:138, B:175 and CMYK values of C:0.87, M:0.21, Y:0, K:0.31. Its decimal value is 1477295.

Hex triplet	168aaf	`#168aaf`
RGB Decimal	22, 138, 175	`rgb(22,138,175)`
RGB Percent	8.6, 54.1, 68.6	`rgb(8.6%,54.1%,68.6%)`
CMYK	87, 21, 0, 31
HSL	194.5°, 77.7, 38.6	`hsl(194.5,77.7%,38.6%)`
HSV (or HSB)	194.5°, 87.4, 68.6
Web Safe	009999	`#009999`

CIE-LAB	53.429, -16.695, -27.922
XYZ	17.155, 21.441, 43.789
xyY	0.208, 0.26, 21.441
CIE-LCH	53.429, 32.533, 239.125
CIE-LUV	53.429, -36.036, -40.205
Hunter-Lab	46.304, -14.901, -23.657
Binary	00010110, 10001010, 10101111

#168aaf
```
#168aaf rgb(22,138,175)
```
#af3b16
```
#af3b16 rgb(175,59,22)
```

Complementary Color

#16af88
```
#16af88 rgb(22,175,136)
```
#168aaf
```
#168aaf rgb(22,138,175)
```
#163eaf
```
#163eaf rgb(22,62,175)
```

Analogous Color

#af8816
```
#af8816 rgb(175,136,22)
```
#168aaf
```
#168aaf rgb(22,138,175)
```
#af163e
```
#af163e rgb(175,22,62)
```

Split Complementary Color

#8aaf16
```
#8aaf16 rgb(138,175,22)
```
#168aaf
```
#168aaf rgb(22,138,175)
```
#af168a
```
#af168a rgb(175,22,138)
```

Triadic Color

#16af3b
```
#16af3b rgb(22,175,59)
```
#168aaf
```
#168aaf rgb(22,138,175)
```
#af168a
```
#af168a rgb(175,22,138)
```
#af3b16
```
#af3b16 rgb(175,59,22)
```

Tetradic Color

#0d546b
```
#0d546b rgb(13,84,107)
```
#106682
```
#106682 rgb(16,102,130)
```
#137898
```
#137898 rgb(19,120,152)
```
#168aaf
```
#168aaf rgb(22,138,175)
```
#199cc6
```
#199cc6 rgb(25,156,198)
```
#1caedc
```
#1caedc rgb(28,174,220)
```
#2db8e5
```
#2db8e5 rgb(45,184,229)
```

Monochromatic Color

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

#16afae
```
#16afae rgb(22,175,174)
```
#16a4af
```
#16a4af rgb(22,164,175)
```
#1697af
```
#1697af rgb(22,151,175)
```
#168aaf
```
#168aaf rgb(22,138,175)
```
#167daf
```
#167daf rgb(22,125,175)
```
#1671af
```
#1671af rgb(22,113,175)
```
#1664af
```
#1664af rgb(22,100,175)
```

Similar Colors

Text with hexadecimal color #168aaf

This text has a font color of #168aaf.

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

#168aaf background color

This paragraph has a background color of #168aaf.

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

#168aaf border color

This element has a border color of #168aaf.

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

CSS codes

.text {color:#168aaf;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#020e12
```
#020e12 rgb(2,14,18)
```
#041c24
```
#041c24 rgb(4,28,36)
```
#072a35
```
#072a35 rgb(7,42,53)
```
#093846
```
#093846 rgb(9,56,70)
```
#0b4558
```
#0b4558 rgb(11,69,88)
```
#0d5369
```
#0d5369 rgb(13,83,105)
```
#0f617b
```
#0f617b rgb(15,97,123)
```
#126f8c
```
#126f8c rgb(18,111,140)
```
#147c9e
```
#147c9e rgb(20,124,158)
```
#168aaf
```
#168aaf rgb(22,138,175)
```
#1898c0
```
#1898c0 rgb(24,152,192)
```
#1aa5d2
```
#1aa5d2 rgb(26,165,210)
```

Shade Color Variation

#1db3e3
```
#1db3e3 rgb(29,179,227)
```
#2fb9e5
```
#2fb9e5 rgb(47,185,229)
```
#40bfe7
```
#40bfe7 rgb(64,191,231)
```
#52c5e9
```
#52c5e9 rgb(82,197,233)
```
#63caeb
```
#63caeb rgb(99,202,235)
```
#74d0ee
```
#74d0ee rgb(116,208,238)
```
#86d6f0
```
#86d6f0 rgb(134,214,240)
```
#97dcf2
```
#97dcf2 rgb(151,220,242)
```
#a9e2f4
```
#a9e2f4 rgb(169,226,244)
```
#bae8f6
```
#bae8f6 rgb(186,232,246)
```
#cbeef9
```
#cbeef9 rgb(203,238,249)
```
#ddf4fb
```
#ddf4fb rgb(221,244,251)
```
#eef9fd
```
#eef9fd rgb(238,249,253)
```

Tint Color Variation

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

#626363
```
#626363 rgb(98,99,99)
```
#5a676b
```
#5a676b rgb(90,103,107)
```
#536b72
```
#536b72 rgb(83,107,114)
```
#4b6f7a
```
#4b6f7a rgb(75,111,122)
```
#437382
```
#437382 rgb(67,115,130)
```
#3c7689
```
#3c7689 rgb(60,118,137)
```
#347a91
```
#347a91 rgb(52,122,145)
```
#2d7e98
```
#2d7e98 rgb(45,126,152)
```
#2582a0
```
#2582a0 rgb(37,130,160)
```
#1e86a7
```
#1e86a7 rgb(30,134,167)
```
#168aaf
```
#168aaf rgb(22,138,175)
```
#0e8eb7
```
#0e8eb7 rgb(14,142,183)
```
#0792be
```
#0792be rgb(7,146,190)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#5b7279 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b84ab Protanopia 1% of men
#7385b7 Deuteranopia 1% of men
#00939d Tritanopia 0.001% of the population

Trichromacy

#5686ac Protanomaly 1% of men, 0.01% of women
#5186b4 Deuteranomaly 6% of men, 0.4% of women
#088fa4 Tritanomaly 0.01% of the population

#168aaf hex color

#168aaf Color Information

#168aaf Color Conversion

Color Schemes with #168aaf

Alternatives to #168aaf

#168aaf Preview

Shades and Tints of #168aaf

Tones of #168aaf

Color Blindness Simulator