#168eb4 hex color

In a RGB color space, hex #168eb4 is composed of 8.6% red, 55.7% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 87.8% cyan, 21.1% magenta, 0% yellow and 29.4% black. It has a hue angle of 194.4 degrees, a saturation of 78.2% and a lightness of 39.6%. #168eb4 color hex could be obtained by blending #2cffff with #001d69. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 9
- G 56
- B 71
RGB color chart
- C 88
- M 21
- Y 0
- K 29
CMYK color chart

● #168eb4 color description : Strong cyan.

The hexadecimal color #168eb4 has RGB values of R:22, G:142, B:180 and CMYK values of C:0.88, M:0.21, Y:0, K:0.29. Its decimal value is 1478324.

Hex triplet	168eb4	`#168eb4`
RGB Decimal	22, 142, 180	`rgb(22,142,180)`
RGB Percent	8.6, 55.7, 70.6	`rgb(8.6%,55.7%,70.6%)`
CMYK	88, 21, 0, 29
HSL	194.4°, 78.2, 39.6	`hsl(194.4,78.2%,39.6%)`
HSV (or HSB)	194.4°, 87.8, 70.6
Web Safe	0099cc	`#0099cc`

CIE-LAB	54.876, -17.099, -28.54
XYZ	18.24, 22.81, 46.619
xyY	0.208, 0.26, 22.81
CIE-LCH	54.876, 33.271, 239.074
CIE-LUV	54.876, -37.091, -41.347
Hunter-Lab	47.76, -15.409, -24.442
Binary	00010110, 10001110, 10110100

#168eb4
```
#168eb4 rgb(22,142,180)
```
#b43c16
```
#b43c16 rgb(180,60,22)
```

Complementary Color

#16b48b
```
#16b48b rgb(22,180,139)
```
#168eb4
```
#168eb4 rgb(22,142,180)
```
#163fb4
```
#163fb4 rgb(22,63,180)
```

Analogous Color

#b48b16
```
#b48b16 rgb(180,139,22)
```
#168eb4
```
#168eb4 rgb(22,142,180)
```
#b4163f
```
#b4163f rgb(180,22,63)
```

Split Complementary Color

#8eb416
```
#8eb416 rgb(142,180,22)
```
#168eb4
```
#168eb4 rgb(22,142,180)
```
#b4168e
```
#b4168e rgb(180,22,142)
```

Triadic Color

#16b43c
```
#16b43c rgb(22,180,60)
```
#168eb4
```
#168eb4 rgb(22,142,180)
```
#b4168e
```
#b4168e rgb(180,22,142)
```
#b43c16
```
#b43c16 rgb(180,60,22)
```

Tetradic Color

#0e5870
```
#0e5870 rgb(14,88,112)
```
#106a87
```
#106a87 rgb(16,106,135)
```
#137c9d
```
#137c9d rgb(19,124,157)
```
#168eb4
```
#168eb4 rgb(22,142,180)
```
#19a0cb
```
#19a0cb rgb(25,160,203)
```
#1cb2e1
```
#1cb2e1 rgb(28,178,225)
```
#31bae6
```
#31bae6 rgb(49,186,230)
```

Monochromatic Color

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

#16b4b3
```
#16b4b3 rgb(22,180,179)
```
#16a8b4
```
#16a8b4 rgb(22,168,180)
```
#169bb4
```
#169bb4 rgb(22,155,180)
```
#168eb4
```
#168eb4 rgb(22,142,180)
```
#1681b4
```
#1681b4 rgb(22,129,180)
```
#1674b4
```
#1674b4 rgb(22,116,180)
```
#1667b4
```
#1667b4 rgb(22,103,180)
```

Similar Colors

Text with hexadecimal color #168eb4

This text has a font color of #168eb4.

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

#168eb4 background color

This paragraph has a background color of #168eb4.

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

#168eb4 border color

This element has a border color of #168eb4.

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

CSS codes

.text {color:#168eb4;}

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

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

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

#010405
```
#010405 rgb(1,4,5)
```
#031217
```
#031217 rgb(3,18,23)
```
#052028
```
#052028 rgb(5,32,40)
```
#072d3a
```
#072d3a rgb(7,45,58)
```
#093b4b
```
#093b4b rgb(9,59,75)
```
#0b495d
```
#0b495d rgb(11,73,93)
```
#0d576e
```
#0d576e rgb(13,87,110)
```
#106580
```
#106580 rgb(16,101,128)
```
#127291
```
#127291 rgb(18,114,145)
```
#1480a3
```
#1480a3 rgb(20,128,163)
```
#168eb4
```
#168eb4 rgb(22,142,180)
```
#189cc5
```
#189cc5 rgb(24,156,197)
```
#1aaad7
```
#1aaad7 rgb(26,170,215)
```

Shade Color Variation

#21b5e4
```
#21b5e4 rgb(33,181,228)
```
#32bbe6
```
#32bbe6 rgb(50,187,230)
```
#44c1e8
```
#44c1e8 rgb(68,193,232)
```
#55c6ea
```
#55c6ea rgb(85,198,234)
```
#67ccec
```
#67ccec rgb(103,204,236)
```
#78d2ef
```
#78d2ef rgb(120,210,239)
```
#8ad8f1
```
#8ad8f1 rgb(138,216,241)
```
#9bdef3
```
#9bdef3 rgb(155,222,243)
```
#ade4f5
```
#ade4f5 rgb(173,228,245)
```
#bee9f7
```
#bee9f7 rgb(190,233,247)
```
#d0eff9
```
#d0eff9 rgb(208,239,249)
```
#e1f5fb
```
#e1f5fb rgb(225,245,251)
```
#f3fbfe
```
#f3fbfe rgb(243,251,254)
```

Tint Color Variation

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

#646666
```
#646666 rgb(100,102,102)
```
#5c6a6e
```
#5c6a6e rgb(92,106,110)
```
#546e76
```
#546e76 rgb(84,110,118)
```
#4c727e
```
#4c727e rgb(76,114,126)
```
#457685
```
#457685 rgb(69,118,133)
```
#3d7a8d
```
#3d7a8d rgb(61,122,141)
```
#357e95
```
#357e95 rgb(53,126,149)
```
#2d829d
```
#2d829d rgb(45,130,157)
```
#2686a4
```
#2686a4 rgb(38,134,164)
```
#1e8aac
```
#1e8aac rgb(30,138,172)
```
#168eb4
```
#168eb4 rgb(22,142,180)
```
#0e92bc
```
#0e92bc rgb(14,146,188)
```
#0696c4
```
#0696c4 rgb(6,150,196)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#5c747c Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e88b0 Protanopia 1% of men
#7688bc Deuteranopia 1% of men
#0097a1 Tritanopia 0.001% of the population

Trichromacy

#588ab1 Protanomaly 1% of men, 0.01% of women
#538ab9 Deuteranomaly 6% of men, 0.4% of women
#0893a8 Tritanomaly 0.01% of the population

#168eb4 hex color

#168eb4 Color Information

#168eb4 Color Conversion

Color Schemes with #168eb4

Alternatives to #168eb4

#168eb4 Preview

Shades and Tints of #168eb4

Tones of #168eb4

Color Blindness Simulator