#168ac0 hex color

In a RGB color space, hex #168ac0 is composed of 8.6% red, 54.1% green and 75.3% blue. Whereas in a CMYK color space, it is composed of 88.5% cyan, 28.1% magenta, 0% yellow and 24.7% black. It has a hue angle of 199.1 degrees, a saturation of 79.4% and a lightness of 42%. #168ac0 color hex could be obtained by blending #2cffff with #001581. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 9
- G 54
- B 75
RGB color chart
- C 89
- M 28
- Y 0
- K 25
CMYK color chart

● #168ac0 color description : Strong blue.

The hexadecimal color #168ac0 has RGB values of R:22, G:138, B:192 and CMYK values of C:0.89, M:0.28, Y:0, K:0.25. Its decimal value is 1477312.

Hex triplet	168ac0	`#168ac0`
RGB Decimal	22, 138, 192	`rgb(22,138,192)`
RGB Percent	8.6, 54.1, 75.3	`rgb(8.6%,54.1%,75.3%)`
CMYK	89, 28, 0, 25
HSL	199.1°, 79.4, 42	`hsl(199.1,79.4%,42%)`
HSV (or HSB)	199.1°, 88.5, 75.3
Web Safe	0099cc	`#0099cc`

CIE-LAB	54.187, -10.531, -36.456
XYZ	18.931, 22.152, 53.144
xyY	0.201, 0.235, 22.152
CIE-LCH	54.187, 37.947, 253.888
CIE-LUV	54.187, -34.9, -54.886
Hunter-Lab	47.065, -10.565, -34.002
Binary	00010110, 10001010, 11000000

#168ac0
```
#168ac0 rgb(22,138,192)
```
#c04c16
```
#c04c16 rgb(192,76,22)
```

Complementary Color

#16c0a1
```
#16c0a1 rgb(22,192,161)
```
#168ac0
```
#168ac0 rgb(22,138,192)
```
#1635c0
```
#1635c0 rgb(22,53,192)
```

Analogous Color

#c0a116
```
#c0a116 rgb(192,161,22)
```
#168ac0
```
#168ac0 rgb(22,138,192)
```
#c01635
```
#c01635 rgb(192,22,53)
```

Split Complementary Color

#8ac016
```
#8ac016 rgb(138,192,22)
```
#168ac0
```
#168ac0 rgb(22,138,192)
```
#c0168a
```
#c0168a rgb(192,22,138)
```

Triadic Color

#16c04c
```
#16c04c rgb(22,192,76)
```
#168ac0
```
#168ac0 rgb(22,138,192)
```
#c0168a
```
#c0168a rgb(192,22,138)
```
#c04c16
```
#c04c16 rgb(192,76,22)
```

Tetradic Color

#0e597b
```
#0e597b rgb(14,89,123)
```
#116992
```
#116992 rgb(17,105,146)
```
#137aa9
```
#137aa9 rgb(19,122,169)
```
#168ac0
```
#168ac0 rgb(22,138,192)
```
#199ad7
```
#199ad7 rgb(25,154,215)
```
#23a8e6
```
#23a8e6 rgb(35,168,230)
```
#3ab1e8
```
#3ab1e8 rgb(58,177,232)
```

Monochromatic Color

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

#16b5c0
```
#16b5c0 rgb(22,181,192)
```
#16a6c0
```
#16a6c0 rgb(22,166,192)
```
#1698c0
```
#1698c0 rgb(22,152,192)
```
#168ac0
```
#168ac0 rgb(22,138,192)
```
#167cc0
```
#167cc0 rgb(22,124,192)
```
#166ec0
```
#166ec0 rgb(22,110,192)
```
#1660c0
```
#1660c0 rgb(22,96,192)
```

Similar Colors

Text with hexadecimal color #168ac0

This text has a font color of #168ac0.

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

#168ac0 background color

This paragraph has a background color of #168ac0.

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

#168ac0 border color

This element has a border color of #168ac0.

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

CSS codes

.text {color:#168ac0;}

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

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

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, #020c10 is the darkest color, while #fdfeff is the lightest one.

#020c10
```
#020c10 rgb(2,12,16)
```
#041822
```
#041822 rgb(4,24,34)
```
#062533
```
#062533 rgb(6,37,51)
```
#083145
```
#083145 rgb(8,49,69)
```
#0a3e56
```
#0a3e56 rgb(10,62,86)
```
#0c4b68
```
#0c4b68 rgb(12,75,104)
```
#0e577a
```
#0e577a rgb(14,87,122)
```
#10648b
```
#10648b rgb(16,100,139)
```
#12719d
```
#12719d rgb(18,113,157)
```
#147dae
```
#147dae rgb(20,125,174)
```
#168ac0
```
#168ac0 rgb(22,138,192)
```
#1897d2
```
#1897d2 rgb(24,151,210)
```
#1aa3e3
```
#1aa3e3 rgb(26,163,227)
```

Shade Color Variation

#2aabe7
```
#2aabe7 rgb(42,171,231)
```
#3cb2e9
```
#3cb2e9 rgb(60,178,233)
```
#4db9eb
```
#4db9eb rgb(77,185,235)
```
#5fc0ed
```
#5fc0ed rgb(95,192,237)
```
#71c7ef
```
#71c7ef rgb(113,199,239)
```
#82cef1
```
#82cef1 rgb(130,206,241)
```
#94d5f3
```
#94d5f3 rgb(148,213,243)
```
#a5dcf5
```
#a5dcf5 rgb(165,220,245)
```
#b7e3f7
```
#b7e3f7 rgb(183,227,247)
```
#c9e9f9
```
#c9e9f9 rgb(201,233,249)
```
#daf0fb
```
#daf0fb rgb(218,240,251)
```
#ecf7fd
```
#ecf7fd rgb(236,247,253)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #686c6e is the less saturated color, while #0690d0 is the most saturated one.

#686c6e
```
#686c6e rgb(104,108,110)
```
#606f76
```
#606f76 rgb(96,111,118)
```
#58727e
```
#58727e rgb(88,114,126)
```
#507586
```
#507586 rgb(80,117,134)
```
#47788f
```
#47788f rgb(71,120,143)
```
#3f7b97
```
#3f7b97 rgb(63,123,151)
```
#377e9f
```
#377e9f rgb(55,126,159)
```
#2f81a7
```
#2f81a7 rgb(47,129,167)
```
#2684b0
```
#2684b0 rgb(38,132,176)
```
#1e87b8
```
#1e87b8 rgb(30,135,184)
```
#168ac0
```
#168ac0 rgb(22,138,192)
```
#0e8dc8
```
#0e8dc8 rgb(14,141,200)
```
#0690d0
```
#0690d0 rgb(6,144,208)
```

Tone Color Variation

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

Dichromacy

#7586bc Protanopia 1% of men
#6787c6 Deuteranopia 1% of men
#00959f Tritanopia 0.001% of the population

Trichromacy

#5287bd Protanomaly 1% of men, 0.01% of women
#4988c4 Deuteranomaly 6% of men, 0.4% of women
#0891ab Tritanomaly 0.01% of the population

#168ac0 hex color

#168ac0 Color Information

#168ac0 Color Conversion

Color Schemes with #168ac0

Alternatives to #168ac0

#168ac0 Preview

Shades and Tints of #168ac0

Tones of #168ac0

Color Blindness Simulator