#168ca5 hex color

In a RGB color space, hex #168ca5 is composed of 8.6% red, 54.9% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 86.7% cyan, 15.2% magenta, 0% yellow and 35.3% black. It has a hue angle of 190.5 degrees, a saturation of 76.5% and a lightness of 36.7%. #168ca5 color hex could be obtained by blending #2cffff with #00194b. Closest websafe color is: #009999.

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

● #168ca5 color description : Dark cyan.

The hexadecimal color #168ca5 has RGB values of R:22, G:140, B:165 and CMYK values of C:0.87, M:0.15, Y:0, K:0.35. Its decimal value is 1477797.

Hex triplet	168ca5	`#168ca5`
RGB Decimal	22, 140, 165	`rgb(22,140,165)`
RGB Percent	8.6, 54.9, 64.7	`rgb(8.6%,54.9%,64.7%)`
CMYK	87, 15, 0, 35
HSL	190.5°, 76.5, 36.7	`hsl(190.5,76.5%,36.7%)`
HSV (or HSB)	190.5°, 86.7, 64.7
Web Safe	009999	`#009999`

CIE-LAB	53.645, -21.277, -21.841
XYZ	16.499, 21.642, 38.903
xyY	0.214, 0.281, 21.642
CIE-LCH	53.645, 30.492, 225.748
CIE-LUV	53.645, -37.446, -29.923
Hunter-Lab	46.521, -18.106, -17.017
Binary	00010110, 10001100, 10100101

#168ca5
```
#168ca5 rgb(22,140,165)
```
#a52f16
```
#a52f16 rgb(165,47,22)
```

Complementary Color

#16a577
```
#16a577 rgb(22,165,119)
```
#168ca5
```
#168ca5 rgb(22,140,165)
```
#1645a5
```
#1645a5 rgb(22,69,165)
```

Analogous Color

#a57716
```
#a57716 rgb(165,119,22)
```
#168ca5
```
#168ca5 rgb(22,140,165)
```
#a51645
```
#a51645 rgb(165,22,69)
```

Split Complementary Color

#8ca516
```
#8ca516 rgb(140,165,22)
```
#168ca5
```
#168ca5 rgb(22,140,165)
```
#a5168c
```
#a5168c rgb(165,22,140)
```

Triadic Color

#16a52f
```
#16a52f rgb(22,165,47)
```
#168ca5
```
#168ca5 rgb(22,140,165)
```
#a5168c
```
#a5168c rgb(165,22,140)
```
#a52f16
```
#a52f16 rgb(165,47,22)
```

Tetradic Color

#0d5362
```
#0d5362 rgb(13,83,98)
```
#106678
```
#106678 rgb(16,102,120)
```
#13798f
```
#13798f rgb(19,121,143)
```
#168ca5
```
#168ca5 rgb(22,140,165)
```
#199fbc
```
#199fbc rgb(25,159,188)
```
#1cb2d2
```
#1cb2d2 rgb(28,178,210)
```
#26c1e2
```
#26c1e2 rgb(38,193,226)
```

Monochromatic Color

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

#16a59a
```
#16a59a rgb(22,165,154)
```
#16a4a5
```
#16a4a5 rgb(22,164,165)
```
#1698a5
```
#1698a5 rgb(22,152,165)
```
#168ca5
```
#168ca5 rgb(22,140,165)
```
#1680a5
```
#1680a5 rgb(22,128,165)
```
#1674a5
```
#1674a5 rgb(22,116,165)
```
#1668a5
```
#1668a5 rgb(22,104,165)
```

Similar Colors

Text with hexadecimal color #168ca5

This text has a font color of #168ca5.

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

#168ca5 background color

This paragraph has a background color of #168ca5.

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

#168ca5 border color

This element has a border color of #168ca5.

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

CSS codes

.text {color:#168ca5;}

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

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

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

#010809
```
#010809 rgb(1,8,9)
```
#04171b
```
#04171b rgb(4,23,27)
```
#06252c
```
#06252c rgb(6,37,44)
```
#08343d
```
#08343d rgb(8,52,61)
```
#0a434e
```
#0a434e rgb(10,67,78)
```
#0d5160
```
#0d5160 rgb(13,81,96)
```
#0f6071
```
#0f6071 rgb(15,96,113)
```
#116f82
```
#116f82 rgb(17,111,130)
```
#147d94
```
#147d94 rgb(20,125,148)
```
#168ca5
```
#168ca5 rgb(22,140,165)
```
#189bb6
```
#189bb6 rgb(24,155,182)
```
#1ba9c8
```
#1ba9c8 rgb(27,169,200)
```
#1db8d9
```
#1db8d9 rgb(29,184,217)
```

Shade Color Variation

#27c2e2
```
#27c2e2 rgb(39,194,226)
```
#39c6e5
```
#39c6e5 rgb(57,198,229)
```
#4acbe7
```
#4acbe7 rgb(74,203,231)
```
#5bd0e9
```
#5bd0e9 rgb(91,208,233)
```
#6cd5eb
```
#6cd5eb rgb(108,213,235)
```
#7edaee
```
#7edaee rgb(126,218,238)
```
#8fdff0
```
#8fdff0 rgb(143,223,240)
```
#a0e4f2
```
#a0e4f2 rgb(160,228,242)
```
#b2e9f5
```
#b2e9f5 rgb(178,233,245)
```
#c3eef7
```
#c3eef7 rgb(195,238,247)
```
#d4f3f9
```
#d4f3f9 rgb(212,243,249)
```
#e6f8fc
```
#e6f8fc rgb(230,248,252)
```
#f7fdfe
```
#f7fdfe rgb(247,253,254)
```

Tint Color Variation

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

#576264
```
#576264 rgb(87,98,100)
```
#50676b
```
#50676b rgb(80,103,107)
```
#486b73
```
#486b73 rgb(72,107,115)
```
#41707a
```
#41707a rgb(65,112,122)
```
#3a7581
```
#3a7581 rgb(58,117,129)
```
#337988
```
#337988 rgb(51,121,136)
```
#2c7e8f
```
#2c7e8f rgb(44,126,143)
```
#248397
```
#248397 rgb(36,131,151)
```
#1d879e
```
#1d879e rgb(29,135,158)
```
#168ca5
```
#168ca5 rgb(22,140,165)
```
#0f91ac
```
#0f91ac rgb(15,145,172)
```
#0895b3
```
#0895b3 rgb(8,149,179)
```
#009abb
```
#009abb rgb(0,154,187)
```

Tone Color Variation

Below, you can see how #168ca5 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
#5b7277 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f85a1 Protanopia 1% of men
#7b84ae Deuteranopia 1% of men
#00939e Tritanopia 0.001% of the population

Trichromacy

#5987a2 Protanomaly 1% of men, 0.01% of women
#5687ab Deuteranomaly 6% of men, 0.4% of women
#0890a0 Tritanomaly 0.01% of the population

#168ca5 hex color

#168ca5 Color Information

#168ca5 Color Conversion

Color Schemes with #168ca5

Alternatives to #168ca5

#168ca5 Preview

Shades and Tints of #168ca5

Tones of #168ca5

Color Blindness Simulator