#168ae1 hex color

In a RGB color space, hex #168ae1 is composed of 8.6% red, 54.1% green and 88.2% blue. Whereas in a CMYK color space, it is composed of 90.2% cyan, 38.7% magenta, 0% yellow and 11.8% black. It has a hue angle of 205.7 degrees, a saturation of 82.2% and a lightness of 48.4%. #168ae1 color hex could be obtained by blending #2cffff with #0015c3. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 9
- G 54
- B 88
RGB color chart
- C 90
- M 39
- Y 0
- K 12
CMYK color chart

● #168ae1 color description : Vivid blue.

The hexadecimal color #168ae1 has RGB values of R:22, G:138, B:225 and CMYK values of C:0.9, M:0.39, Y:0, K:0.12. Its decimal value is 1477345.

Hex triplet	168ae1	`#168ae1`
RGB Decimal	22, 138, 225	`rgb(22,138,225)`
RGB Percent	8.6, 54.1, 88.2	`rgb(8.6%,54.1%,88.2%)`
CMYK	90, 39, 0, 12
HSL	205.7°, 82.2, 48.4	`hsl(205.7,82.2%,48.4%)`
HSV (or HSB)	205.7°, 90.2, 88.2
Web Safe	0099cc	`#0099cc`

CIE-LAB	55.869, 1.83, -52.41
XYZ	23.007, 23.782, 74.608
xyY	0.19, 0.196, 23.782
CIE-LCH	55.869, 52.442, 272
CIE-LUV	55.869, -32.948, -82.588
Hunter-Lab	48.766, -1.13, -56.571
Binary	00010110, 10001010, 11100001

#168ae1
```
#168ae1 rgb(22,138,225)
```
#e16d16
```
#e16d16 rgb(225,109,22)
```

Complementary Color

#16e1d3
```
#16e1d3 rgb(22,225,211)
```
#168ae1
```
#168ae1 rgb(22,138,225)
```
#1625e1
```
#1625e1 rgb(22,37,225)
```

Analogous Color

#e1d316
```
#e1d316 rgb(225,211,22)
```
#168ae1
```
#168ae1 rgb(22,138,225)
```
#e11625
```
#e11625 rgb(225,22,37)
```

Split Complementary Color

#8ae116
```
#8ae116 rgb(138,225,22)
```
#168ae1
```
#168ae1 rgb(22,138,225)
```
#e1168a
```
#e1168a rgb(225,22,138)
```

Triadic Color

#16e16d
```
#16e16d rgb(22,225,109)
```
#168ae1
```
#168ae1 rgb(22,138,225)
```
#e1168a
```
#e1168a rgb(225,22,138)
```
#e16d16
```
#e16d16 rgb(225,109,22)
```

Tetradic Color

#0f5f9b
```
#0f5f9b rgb(15,95,155)
```
#116eb3
```
#116eb3 rgb(17,110,179)
```
#147cca
```
#147cca rgb(20,124,202)
```
#168ae1
```
#168ae1 rgb(22,138,225)
```
#2796ea
```
#2796ea rgb(39,150,234)
```
#3ea1ec
```
#3ea1ec rgb(62,161,236)
```
#55adee
```
#55adee rgb(85,173,238)
```

Monochromatic Color

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

#16bde1
```
#16bde1 rgb(22,189,225)
```
#16ace1
```
#16ace1 rgb(22,172,225)
```
#169be1
```
#169be1 rgb(22,155,225)
```
#168ae1
```
#168ae1 rgb(22,138,225)
```
#1679e1
```
#1679e1 rgb(22,121,225)
```
#1668e1
```
#1668e1 rgb(22,104,225)
```
#1657e1
```
#1657e1 rgb(22,87,225)
```

Similar Colors

Text with hexadecimal color #168ae1

This text has a font color of #168ae1.

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

#168ae1 background color

This paragraph has a background color of #168ae1.

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

#168ae1 border color

This element has a border color of #168ae1.

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

CSS codes

.text {color:#168ae1;}

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

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

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, #01060b is the darkest color, while #f8fbfe is the lightest one.

#01060b
```
#01060b rgb(1,6,11)
```
#03111c
```
#03111c rgb(3,17,28)
```
#051c2e
```
#051c2e rgb(5,28,46)
```
#062740
```
#062740 rgb(6,39,64)
```
#083252
```
#083252 rgb(8,50,82)
```
#0a3d64
```
#0a3d64 rgb(10,61,100)
```
#0c4876
```
#0c4876 rgb(12,72,118)
```
#0d5388
```
#0d5388 rgb(13,83,136)
```
#0f5e9a
```
#0f5e9a rgb(15,94,154)
```
#1169ab
```
#1169ab rgb(17,105,171)
```
#1374bd
```
#1374bd rgb(19,116,189)
```
#147fcf
```
#147fcf rgb(20,127,207)
```
#168ae1
```
#168ae1 rgb(22,138,225)
```

Shade Color Variation

#2194e9
```
#2194e9 rgb(33,148,233)
```
#339ceb
```
#339ceb rgb(51,156,235)
```
#45a5ed
```
#45a5ed rgb(69,165,237)
```
#57aeef
```
#57aeef rgb(87,174,239)
```
#69b6f0
```
#69b6f0 rgb(105,182,240)
```
#7bbff2
```
#7bbff2 rgb(123,191,242)
```
#8dc8f4
```
#8dc8f4 rgb(141,200,244)
```
#9ed0f6
```
#9ed0f6 rgb(158,208,246)
```
#b0d9f7
```
#b0d9f7 rgb(176,217,247)
```
#c2e2f9
```
#c2e2f9 rgb(194,226,249)
```
#d4eafb
```
#d4eafb rgb(212,234,251)
```
#e6f3fd
```
#e6f3fd rgb(230,243,253)
```
#f8fbfe
```
#f8fbfe rgb(248,251,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #757c82 is the less saturated color, while #038df4 is the most saturated one.

#757c82
```
#757c82 rgb(117,124,130)
```
#6c7e8c
```
#6c7e8c rgb(108,126,140)
```
#627f95
```
#627f95 rgb(98,127,149)
```
#59819f
```
#59819f rgb(89,129,159)
```
#4f82a8
```
#4f82a8 rgb(79,130,168)
```
#4683b2
```
#4683b2 rgb(70,131,178)
```
#3c85bb
```
#3c85bb rgb(60,133,187)
```
#3386c5
```
#3386c5 rgb(51,134,197)
```
#2987ce
```
#2987ce rgb(41,135,206)
```
#2089d8
```
#2089d8 rgb(32,137,216)
```
#168ae1
```
#168ae1 rgb(22,138,225)
```
#0d8beb
```
#0d8beb rgb(13,139,235)
```
#038df4
```
#038df4 rgb(3,141,244)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#5f7687 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6789dd Protanopia 1% of men
#438de3 Deuteranopia 1% of men
#0099a3 Tritanopia 0.001% of the population

Trichromacy

#4989de Protanomaly 1% of men, 0.01% of women
#328ce2 Deuteranomaly 6% of men, 0.4% of women
#0894b9 Tritanomaly 0.01% of the population

#168ae1 hex color

#168ae1 Color Information

#168ae1 Color Conversion

Color Schemes with #168ae1

Alternatives to #168ae1

#168ae1 Preview

Shades and Tints of #168ae1

Tones of #168ae1

Color Blindness Simulator