#168dc4 hex color

In a RGB color space, hex #168dc4 is composed of 8.6% red, 55.3% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 88.8% cyan, 28.1% magenta, 0% yellow and 23.1% black. It has a hue angle of 199 degrees, a saturation of 79.8% and a lightness of 42.7%. #168dc4 color hex could be obtained by blending #2cffff with #001b89. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 9
- G 55
- B 77
RGB color chart
- C 89
- M 28
- Y 0
- K 23
CMYK color chart

● #168dc4 color description : Strong blue.

The hexadecimal color #168dc4 has RGB values of R:22, G:141, B:196 and CMYK values of C:0.89, M:0.28, Y:0, K:0.23. Its decimal value is 1478084.

Hex triplet	168dc4	`#168dc4`
RGB Decimal	22, 141, 196	`rgb(22,141,196)`
RGB Percent	8.6, 55.3, 76.9	`rgb(8.6%,55.3%,76.9%)`
CMYK	89, 28, 0, 23
HSL	199°, 79.8, 42.7	`hsl(199,79.8%,42.7%)`
HSV (or HSB)	199°, 88.8, 76.9
Web Safe	0099cc	`#0099cc`

CIE-LAB	55.282, -10.764, -37.012
XYZ	19.817, 23.204, 55.656
xyY	0.201, 0.235, 23.204
CIE-LCH	55.282, 38.545, 253.785
CIE-LUV	55.282, -35.669, -55.966
Hunter-Lab	48.171, -10.865, -34.784
Binary	00010110, 10001101, 11000100

#168dc4
```
#168dc4 rgb(22,141,196)
```
#c44d16
```
#c44d16 rgb(196,77,22)
```

Complementary Color

#16c4a4
```
#16c4a4 rgb(22,196,164)
```
#168dc4
```
#168dc4 rgb(22,141,196)
```
#1636c4
```
#1636c4 rgb(22,54,196)
```

Analogous Color

#c4a416
```
#c4a416 rgb(196,164,22)
```
#168dc4
```
#168dc4 rgb(22,141,196)
```
#c41636
```
#c41636 rgb(196,22,54)
```

Split Complementary Color

#8dc416
```
#8dc416 rgb(141,196,22)
```
#168dc4
```
#168dc4 rgb(22,141,196)
```
#c4168d
```
#c4168d rgb(196,22,141)
```

Triadic Color

#16c44d
```
#16c44d rgb(22,196,77)
```
#168dc4
```
#168dc4 rgb(22,141,196)
```
#c4168d
```
#c4168d rgb(196,22,141)
```
#c44d16
```
#c44d16 rgb(196,77,22)
```

Tetradic Color

#0e5c7f
```
#0e5c7f rgb(14,92,127)
```
#116c96
```
#116c96 rgb(17,108,150)
```
#137dad
```
#137dad rgb(19,125,173)
```
#168dc4
```
#168dc4 rgb(22,141,196)
```
#199ddb
```
#199ddb rgb(25,157,219)
```
#26aae7
```
#26aae7 rgb(38,170,231)
```
#3db3e9
```
#3db3e9 rgb(61,179,233)
```

Monochromatic Color

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

#16b9c4
```
#16b9c4 rgb(22,185,196)
```
#16aac4
```
#16aac4 rgb(22,170,196)
```
#169cc4
```
#169cc4 rgb(22,156,196)
```
#168dc4
```
#168dc4 rgb(22,141,196)
```
#167fc4
```
#167fc4 rgb(22,127,196)
```
#1670c4
```
#1670c4 rgb(22,112,196)
```
#1662c4
```
#1662c4 rgb(22,98,196)
```

Similar Colors

Text with hexadecimal color #168dc4

This text has a font color of #168dc4.

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

#168dc4 background color

This paragraph has a background color of #168dc4.

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

#168dc4 border color

This element has a border color of #168dc4.

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

CSS codes

.text {color:#168dc4;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#020e14
```
#020e14 rgb(2,14,20)
```
#041b25
```
#041b25 rgb(4,27,37)
```
#062837
```
#062837 rgb(6,40,55)
```
#083449
```
#083449 rgb(8,52,73)
```
#0a415a
```
#0a415a rgb(10,65,90)
```
#0c4e6c
```
#0c4e6c rgb(12,78,108)
```
#0e5a7d
```
#0e5a7d rgb(14,90,125)
```
#10678f
```
#10678f rgb(16,103,143)
```
#1274a1
```
#1274a1 rgb(18,116,161)
```
#1480b2
```
#1480b2 rgb(20,128,178)
```
#168dc4
```
#168dc4 rgb(22,141,196)
```
#189ad6
```
#189ad6 rgb(24,154,214)
```

Shade Color Variation

#1ca6e5
```
#1ca6e5 rgb(28,166,229)
```
#2dade7
```
#2dade7 rgb(45,173,231)
```
#3fb4e9
```
#3fb4e9 rgb(63,180,233)
```
#51bbeb
```
#51bbeb rgb(81,187,235)
```
#62c1ed
```
#62c1ed rgb(98,193,237)
```
#74c8ef
```
#74c8ef rgb(116,200,239)
```
#86cff1
```
#86cff1 rgb(134,207,241)
```
#97d6f3
```
#97d6f3 rgb(151,214,243)
```
#a9ddf5
```
#a9ddf5 rgb(169,221,245)
```
#bae4f7
```
#bae4f7 rgb(186,228,247)
```
#ccebf9
```
#ccebf9 rgb(204,235,249)
```
#def2fb
```
#def2fb rgb(222,242,251)
```
#eff9fd
```
#eff9fd rgb(239,249,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6a6e70 is the less saturated color, while #0593d5 is the most saturated one.

#6a6e70
```
#6a6e70 rgb(106,110,112)
```
#617179
```
#617179 rgb(97,113,121)
```
#597481
```
#597481 rgb(89,116,129)
```
#517789
```
#517789 rgb(81,119,137)
```
#487a92
```
#487a92 rgb(72,122,146)
```
#407e9a
```
#407e9a rgb(64,126,154)
```
#3881a2
```
#3881a2 rgb(56,129,162)
```
#2f84ab
```
#2f84ab rgb(47,132,171)
```
#2787b3
```
#2787b3 rgb(39,135,179)
```
#1e8abc
```
#1e8abc rgb(30,138,188)
```
#168dc4
```
#168dc4 rgb(22,141,196)
```
#0e90cc
```
#0e90cc rgb(14,144,204)
```
#0593d5
```
#0593d5 rgb(5,147,213)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#5e7681 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7888bf Protanopia 1% of men
#698aca Deuteranopia 1% of men
#0098a2 Tritanopia 0.001% of the population

Trichromacy

#548ac1 Protanomaly 1% of men, 0.01% of women
#4b8bc8 Deuteranomaly 6% of men, 0.4% of women
#0894ae Tritanomaly 0.01% of the population

#168dc4 hex color

#168dc4 Color Information

#168dc4 Color Conversion

Color Schemes with #168dc4

Alternatives to #168dc4

#168dc4 Preview

Shades and Tints of #168dc4

Tones of #168dc4

Color Blindness Simulator