#168caf hex color

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

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

● #168caf color description : Dark cyan.

The hexadecimal color #168caf has RGB values of R:22, G:140, B:175 and CMYK values of C:0.87, M:0.2, Y:0, K:0.31. Its decimal value is 1477807.

Hex triplet	168caf	`#168caf`
RGB Decimal	22, 140, 175	`rgb(22,140,175)`
RGB Percent	8.6, 54.9, 68.6	`rgb(8.6%,54.9%,68.6%)`
CMYK	87, 20, 0, 31
HSL	193.7°, 77.7, 38.6	`hsl(193.7,77.7%,38.6%)`
HSV (or HSB)	193.7°, 87.4, 68.6
Web Safe	009999	`#009999`

CIE-LAB	54.048, -17.784, -26.962
XYZ	17.445, 22.02, 43.886
xyY	0.209, 0.264, 22.02
CIE-LCH	54.048, 32.3, 236.591
CIE-LUV	54.048, -36.738, -38.606
Hunter-Lab	46.926, -15.762, -22.601
Binary	00010110, 10001100, 10101111

#168caf
```
#168caf rgb(22,140,175)
```
#af3916
```
#af3916 rgb(175,57,22)
```

Complementary Color

#16af86
```
#16af86 rgb(22,175,134)
```
#168caf
```
#168caf rgb(22,140,175)
```
#1640af
```
#1640af rgb(22,64,175)
```

Analogous Color

#af8616
```
#af8616 rgb(175,134,22)
```
#168caf
```
#168caf rgb(22,140,175)
```
#af163f
```
#af163f rgb(175,22,63)
```

Split Complementary Color

#8caf16
```
#8caf16 rgb(140,175,22)
```
#168caf
```
#168caf rgb(22,140,175)
```
#af168c
```
#af168c rgb(175,22,140)
```

Triadic Color

#16af39
```
#16af39 rgb(22,175,57)
```
#168caf
```
#168caf rgb(22,140,175)
```
#af168c
```
#af168c rgb(175,22,140)
```
#af3916
```
#af3916 rgb(175,57,22)
```

Tetradic Color

#0d566b
```
#0d566b rgb(13,86,107)
```
#106882
```
#106882 rgb(16,104,130)
```
#137a98
```
#137a98 rgb(19,122,152)
```
#168caf
```
#168caf rgb(22,140,175)
```
#199ec6
```
#199ec6 rgb(25,158,198)
```
#1cb0dc
```
#1cb0dc rgb(28,176,220)
```
#2dbbe5
```
#2dbbe5 rgb(45,187,229)
```

Monochromatic Color

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

#16afac
```
#16afac rgb(22,175,172)
```
#16a6af
```
#16a6af rgb(22,166,175)
```
#1699af
```
#1699af rgb(22,153,175)
```
#168caf
```
#168caf rgb(22,140,175)
```
#167faf
```
#167faf rgb(22,127,175)
```
#1673af
```
#1673af rgb(22,115,175)
```
#1666af
```
#1666af rgb(22,102,175)
```

Similar Colors

Text with hexadecimal color #168caf

This text has a font color of #168caf.

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

#168caf background color

This paragraph has a background color of #168caf.

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

#168caf border color

This element has a border color of #168caf.

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

CSS codes

.text {color:#168caf;}

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

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

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 #eefafd is the lightest one.

#000101
```
#000101 rgb(0,1,1)
```
#020f12
```
#020f12 rgb(2,15,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)
```
#0f627b
```
#0f627b rgb(15,98,123)
```
#12708c
```
#12708c rgb(18,112,140)
```
#147e9e
```
#147e9e rgb(20,126,158)
```
#168caf
```
#168caf rgb(22,140,175)
```
#189ac0
```
#189ac0 rgb(24,154,192)
```
#1aa8d2
```
#1aa8d2 rgb(26,168,210)
```

Shade Color Variation

#1db5e3
```
#1db5e3 rgb(29,181,227)
```
#2fbbe5
```
#2fbbe5 rgb(47,187,229)
```
#40c1e7
```
#40c1e7 rgb(64,193,231)
```
#52c6e9
```
#52c6e9 rgb(82,198,233)
```
#63cceb
```
#63cceb rgb(99,204,235)
```
#74d2ee
```
#74d2ee rgb(116,210,238)
```
#86d8f0
```
#86d8f0 rgb(134,216,240)
```
#97ddf2
```
#97ddf2 rgb(151,221,242)
```
#a9e3f4
```
#a9e3f4 rgb(169,227,244)
```
#bae9f6
```
#bae9f6 rgb(186,233,246)
```
#cbeef9
```
#cbeef9 rgb(203,238,249)
```
#ddf4fb
```
#ddf4fb rgb(221,244,251)
```
#eefafd
```
#eefafd rgb(238,250,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 #0794be 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)
```
#347c91
```
#347c91 rgb(52,124,145)
```
#2d8098
```
#2d8098 rgb(45,128,152)
```
#2584a0
```
#2584a0 rgb(37,132,160)
```
#1e88a7
```
#1e88a7 rgb(30,136,167)
```
#168caf
```
#168caf rgb(22,140,175)
```
#0e90b7
```
#0e90b7 rgb(14,144,183)
```
#0794be
```
#0794be rgb(7,148,190)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#5c737a Atypical Achromatopsia 0.001% of the population

Dichromacy

#7d86ab Protanopia 1% of men
#7686b7 Deuteranopia 1% of men
#00949f Tritanopia 0.001% of the population

Trichromacy

#5788ac Protanomaly 1% of men, 0.01% of women
#5388b4 Deuteranomaly 6% of men, 0.4% of women
#0891a5 Tritanomaly 0.01% of the population

#168caf hex color

#168caf Color Information

#168caf Color Conversion

Color Schemes with #168caf

Alternatives to #168caf

#168caf Preview

Shades and Tints of #168caf

Tones of #168caf

Color Blindness Simulator