#168baf hex color

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

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

● #168baf color description : Dark cyan.

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

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

CIE-LAB	53.739, -17.241, -27.442
XYZ	17.299, 21.729, 43.838
xyY	0.209, 0.262, 21.729
CIE-LCH	53.739, 32.409, 237.861
CIE-LUV	53.739, -36.387, -39.406
Hunter-Lab	46.615, -15.332, -23.127
Binary	00010110, 10001011, 10101111

#168baf
```
#168baf rgb(22,139,175)
```
#af3a16
```
#af3a16 rgb(175,58,22)
```

Complementary Color

#16af87
```
#16af87 rgb(22,175,135)
```
#168baf
```
#168baf rgb(22,139,175)
```
#163eaf
```
#163eaf rgb(22,62,175)
```

Analogous Color

#af8716
```
#af8716 rgb(175,135,22)
```
#168baf
```
#168baf rgb(22,139,175)
```
#af163f
```
#af163f rgb(175,22,63)
```

Split Complementary Color

#8baf16
```
#8baf16 rgb(139,175,22)
```
#168baf
```
#168baf rgb(22,139,175)
```
#af168b
```
#af168b rgb(175,22,139)
```

Triadic Color

#16af3a
```
#16af3a rgb(22,175,58)
```
#168baf
```
#168baf rgb(22,139,175)
```
#af168b
```
#af168b rgb(175,22,139)
```
#af3a16
```
#af3a16 rgb(175,58,22)
```

Tetradic Color

#0d556b
```
#0d556b rgb(13,85,107)
```
#106782
```
#106782 rgb(16,103,130)
```
#137998
```
#137998 rgb(19,121,152)
```
#168baf
```
#168baf rgb(22,139,175)
```
#199dc6
```
#199dc6 rgb(25,157,198)
```
#1cafdc
```
#1cafdc rgb(28,175,220)
```
#2db9e5
```
#2db9e5 rgb(45,185,229)
```

Monochromatic Color

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

#16afad
```
#16afad rgb(22,175,173)
```
#16a5af
```
#16a5af rgb(22,165,175)
```
#1698af
```
#1698af rgb(22,152,175)
```
#168baf
```
#168baf rgb(22,139,175)
```
#167eaf
```
#167eaf rgb(22,126,175)
```
#1672af
```
#1672af rgb(22,114,175)
```
#1665af
```
#1665af rgb(22,101,175)
```

Similar Colors

Text with hexadecimal color #168baf

This text has a font color of #168baf.

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

#168baf background color

This paragraph has a background color of #168baf.

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

#168baf border color

This element has a border color of #168baf.

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

CSS codes

.text {color:#168baf;}

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

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

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)
```
#0b4658
```
#0b4658 rgb(11,70,88)
```
#0d5469
```
#0d5469 rgb(13,84,105)
```
#0f617b
```
#0f617b rgb(15,97,123)
```
#126f8c
```
#126f8c rgb(18,111,140)
```
#147d9e
```
#147d9e rgb(20,125,158)
```
#168baf
```
#168baf rgb(22,139,175)
```
#1899c0
```
#1899c0 rgb(24,153,192)
```
#1aa7d2
```
#1aa7d2 rgb(26,167,210)
```

Shade Color Variation

#1db4e3
```
#1db4e3 rgb(29,180,227)
```
#2fbae5
```
#2fbae5 rgb(47,186,229)
```
#40c0e7
```
#40c0e7 rgb(64,192,231)
```
#52c5e9
```
#52c5e9 rgb(82,197,233)
```
#63cbeb
```
#63cbeb rgb(99,203,235)
```
#74d1ee
```
#74d1ee rgb(116,209,238)
```
#86d7f0
```
#86d7f0 rgb(134,215,240)
```
#97ddf2
```
#97ddf2 rgb(151,221,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 #0793be 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)
```
#3c7789
```
#3c7789 rgb(60,119,137)
```
#347b91
```
#347b91 rgb(52,123,145)
```
#2d7f98
```
#2d7f98 rgb(45,127,152)
```
#2583a0
```
#2583a0 rgb(37,131,160)
```
#1e87a7
```
#1e87a7 rgb(30,135,167)
```
#168baf
```
#168baf rgb(22,139,175)
```
#0e8fb7
```
#0e8fb7 rgb(14,143,183)
```
#0793be
```
#0793be rgb(7,147,190)
```

Tone Color Variation

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

#7c85ab Protanopia 1% of men
#7485b7 Deuteranopia 1% of men
#00949e Tritanopia 0.001% of the population

Trichromacy

#5787ac Protanomaly 1% of men, 0.01% of women
#5287b4 Deuteranomaly 6% of men, 0.4% of women
#0890a4 Tritanomaly 0.01% of the population

#168baf hex color

#168baf Color Information

#168baf Color Conversion

Color Schemes with #168baf

Alternatives to #168baf

#168baf Preview

Shades and Tints of #168baf

Tones of #168baf

Color Blindness Simulator