#168ed1 hex color

In a RGB color space, hex #168ed1 is composed of 8.6% red, 55.7% green and 82% blue. Whereas in a CMYK color space, it is composed of 89.5% cyan, 32.1% magenta, 0% yellow and 18% black. It has a hue angle of 201.5 degrees, a saturation of 81% and a lightness of 45.3%. #168ed1 color hex could be obtained by blending #2cffff with #001da3. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 9
- G 56
- B 82
RGB color chart
- C 89
- M 32
- Y 0
- K 18
CMYK color chart

● #168ed1 color description : Strong blue.

The hexadecimal color #168ed1 has RGB values of R:22, G:142, B:209 and CMYK values of C:0.89, M:0.32, Y:0, K:0.18. Its decimal value is 1478353.

Hex triplet	168ed1	`#168ed1`
RGB Decimal	22, 142, 209	`rgb(22,142,209)`
RGB Percent	8.6, 55.7, 82	`rgb(8.6%,55.7%,82%)`
CMYK	89, 32, 0, 18
HSL	201.5°, 81, 45.3	`hsl(201.5,81%,45.3%)`
HSV (or HSB)	201.5°, 89.5, 82
Web Safe	0099cc	`#0099cc`

CIE-LAB	56.206, -6.535, -42.901
XYZ	21.51, 24.118, 63.84
xyY	0.196, 0.22, 24.118
CIE-LCH	56.206, 43.396, 261.339
CIE-LUV	56.206, -35.186, -66.276
Hunter-Lab	49.11, -7.762, -42.696
Binary	00010110, 10001110, 11010001

#168ed1
```
#168ed1 rgb(22,142,209)
```
#d15916
```
#d15916 rgb(209,89,22)
```

Complementary Color

#16d1b7
```
#16d1b7 rgb(22,209,183)
```
#168ed1
```
#168ed1 rgb(22,142,209)
```
#1631d1
```
#1631d1 rgb(22,49,209)
```

Analogous Color

#d1b716
```
#d1b716 rgb(209,183,22)
```
#168ed1
```
#168ed1 rgb(22,142,209)
```
#d11631
```
#d11631 rgb(209,22,49)
```

Split Complementary Color

#8ed116
```
#8ed116 rgb(142,209,22)
```
#168ed1
```
#168ed1 rgb(22,142,209)
```
#d1168e
```
#d1168e rgb(209,22,142)
```

Triadic Color

#16d159
```
#16d159 rgb(22,209,89)
```
#168ed1
```
#168ed1 rgb(22,142,209)
```
#d1168e
```
#d1168e rgb(209,22,142)
```
#d15916
```
#d15916 rgb(209,89,22)
```

Tetradic Color

#0f5f8c
```
#0f5f8c rgb(15,95,140)
```
#116fa3
```
#116fa3 rgb(17,111,163)
```
#147eba
```
#147eba rgb(20,126,186)
```
#168ed1
```
#168ed1 rgb(22,142,209)
```
#1a9de7
```
#1a9de7 rgb(26,157,231)
```
#31a7e9
```
#31a7e9 rgb(49,167,233)
```
#48b1ec
```
#48b1ec rgb(72,177,236)
```

Monochromatic Color

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

#16bdd1
```
#16bdd1 rgb(22,189,209)
```
#16add1
```
#16add1 rgb(22,173,209)
```
#169ed1
```
#169ed1 rgb(22,158,209)
```
#168ed1
```
#168ed1 rgb(22,142,209)
```
#167ed1
```
#167ed1 rgb(22,126,209)
```
#166fd1
```
#166fd1 rgb(22,111,209)
```
#165fd1
```
#165fd1 rgb(22,95,209)
```

Similar Colors

Text with hexadecimal color #168ed1

This text has a font color of #168ed1.

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

#168ed1 background color

This paragraph has a background color of #168ed1.

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

#168ed1 border color

This element has a border color of #168ed1.

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

CSS codes

.text {color:#168ed1;}

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

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

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, #01090e is the darkest color, while #fbfdff is the lightest one.

#01090e
```
#01090e rgb(1,9,14)
```
#031520
```
#031520 rgb(3,21,32)
```
#052131
```
#052131 rgb(5,33,49)
```
#072e43
```
#072e43 rgb(7,46,67)
```
#093a55
```
#093a55 rgb(9,58,85)
```
#0b4667
```
#0b4667 rgb(11,70,103)
```
#0d5278
```
#0d5278 rgb(13,82,120)
```
#0f5e8a
```
#0f5e8a rgb(15,94,138)
```
#106a9c
```
#106a9c rgb(16,106,156)
```
#1276ae
```
#1276ae rgb(18,118,174)
```
#1482bf
```
#1482bf rgb(20,130,191)
```
#168ed1
```
#168ed1 rgb(22,142,209)
```
#189ae3
```
#189ae3 rgb(24,154,227)
```

Shade Color Variation

#26a3e8
```
#26a3e8 rgb(38,163,232)
```
#38aaea
```
#38aaea rgb(56,170,234)
```
#4ab2ec
```
#4ab2ec rgb(74,178,236)
```
#5bb9ee
```
#5bb9ee rgb(91,185,238)
```
#6dc1f0
```
#6dc1f0 rgb(109,193,240)
```
#7fc8f2
```
#7fc8f2 rgb(127,200,242)
```
#91d0f3
```
#91d0f3 rgb(145,208,243)
```
#a2d8f5
```
#a2d8f5 rgb(162,216,245)
```
#b4dff7
```
#b4dff7 rgb(180,223,247)
```
#c6e7f9
```
#c6e7f9 rgb(198,231,249)
```
#d8eefb
```
#d8eefb rgb(216,238,251)
```
#e9f6fd
```
#e9f6fd rgb(233,246,253)
```
#fbfdff
```
#fbfdff rgb(251,253,255)
```

Tint Color Variation

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

#6f7578
```
#6f7578 rgb(111,117,120)
```
#667781
```
#667781 rgb(102,119,129)
```
#5d7a8a
```
#5d7a8a rgb(93,122,138)
```
#547c93
```
#547c93 rgb(84,124,147)
```
#4b7f9c
```
#4b7f9c rgb(75,127,156)
```
#4281a5
```
#4281a5 rgb(66,129,165)
```
#3a84ad
```
#3a84ad rgb(58,132,173)
```
#3186b6
```
#3186b6 rgb(49,134,182)
```
#2889bf
```
#2889bf rgb(40,137,191)
```
#1f8bc8
```
#1f8bc8 rgb(31,139,200)
```
#168ed1
```
#168ed1 rgb(22,142,209)
```
#0d91da
```
#0d91da rgb(13,145,218)
```
#0493e3
```
#0493e3 rgb(4,147,227)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#607885 Atypical Achromatopsia 0.001% of the population

Dichromacy

#748acc Protanopia 1% of men
#608dd6 Deuteranopia 1% of men
#009aa4 Tritanopia 0.001% of the population

Trichromacy

#528bce Protanomaly 1% of men, 0.01% of women
#458dd4 Deuteranomaly 6% of men, 0.4% of women
#0896b4 Tritanomaly 0.01% of the population

#168ed1 hex color

#168ed1 Color Information

#168ed1 Color Conversion

Color Schemes with #168ed1

Alternatives to #168ed1

#168ed1 Preview

Shades and Tints of #168ed1

Tones of #168ed1

Color Blindness Simulator