#168ae5 hex color

In a RGB color space, hex #168ae5 is composed of 8.6% red, 54.1% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 90.4% cyan, 39.7% magenta, 0% yellow and 10.2% black. It has a hue angle of 206.4 degrees, a saturation of 82.5% and a lightness of 49.2%. #168ae5 color hex could be obtained by blending #2cffff with #0015cb. Closest websafe color is: #0099cc.

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

● #168ae5 color description : Vivid blue.

The hexadecimal color #168ae5 has RGB values of R:22, G:138, B:229 and CMYK values of C:0.9, M:0.4, Y:0, K:0.1. Its decimal value is 1477349.

Hex triplet	168ae5	`#168ae5`
RGB Decimal	22, 138, 229	`rgb(22,138,229)`
RGB Percent	8.6, 54.1, 89.8	`rgb(8.6%,54.1%,89.8%)`
CMYK	90, 40, 0, 10
HSL	206.4°, 82.5, 49.2	`hsl(206.4,82.5%,49.2%)`
HSV (or HSB)	206.4°, 90.4, 89.8
Web Safe	0099cc	`#0099cc`

CIE-LAB	56.09, 3.347, -54.289
XYZ	23.559, 24.003, 77.516
xyY	0.188, 0.192, 24.003
CIE-LCH	56.09, 54.392, 273.528
CIE-LUV	56.09, -32.737, -85.847
Hunter-Lab	48.992, 0.098, -59.514
Binary	00010110, 10001010, 11100101

#168ae5
```
#168ae5 rgb(22,138,229)
```
#e57116
```
#e57116 rgb(229,113,22)
```

Complementary Color

#16e5d9
```
#16e5d9 rgb(22,229,217)
```
#168ae5
```
#168ae5 rgb(22,138,229)
```
#1623e5
```
#1623e5 rgb(22,35,229)
```

Analogous Color

#e5d916
```
#e5d916 rgb(229,217,22)
```
#168ae5
```
#168ae5 rgb(22,138,229)
```
#e51623
```
#e51623 rgb(229,22,35)
```

Split Complementary Color

#8ae516
```
#8ae516 rgb(138,229,22)
```
#168ae5
```
#168ae5 rgb(22,138,229)
```
#e5168a
```
#e5168a rgb(229,22,138)
```

Triadic Color

#16e571
```
#16e571 rgb(22,229,113)
```
#168ae5
```
#168ae5 rgb(22,138,229)
```
#e5168a
```
#e5168a rgb(229,22,138)
```
#e57116
```
#e57116 rgb(229,113,22)
```

Tetradic Color

#0f609f
```
#0f609f rgb(15,96,159)
```
#126eb6
```
#126eb6 rgb(18,110,182)
```
#147cce
```
#147cce rgb(20,124,206)
```
#168ae5
```
#168ae5 rgb(22,138,229)
```
#2a96eb
```
#2a96eb rgb(42,150,235)
```
#41a1ed
```
#41a1ed rgb(65,161,237)
```
#58adef
```
#58adef rgb(88,173,239)
```

Monochromatic Color

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

#16bee5
```
#16bee5 rgb(22,190,229)
```
#16ade5
```
#16ade5 rgb(22,173,229)
```
#169be5
```
#169be5 rgb(22,155,229)
```
#168ae5
```
#168ae5 rgb(22,138,229)
```
#1679e5
```
#1679e5 rgb(22,121,229)
```
#1668e5
```
#1668e5 rgb(22,104,229)
```
#1656e5
```
#1656e5 rgb(22,86,229)
```

Similar Colors

Text with hexadecimal color #168ae5

This text has a font color of #168ae5.

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

#168ae5 background color

This paragraph has a background color of #168ae5.

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

#168ae5 border color

This element has a border color of #168ae5.

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

CSS codes

.text {color:#168ae5;}

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

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

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)
```
#031320
```
#031320 rgb(3,19,32)
```
#051e32
```
#051e32 rgb(5,30,50)
```
#072944
```
#072944 rgb(7,41,68)
```
#083456
```
#083456 rgb(8,52,86)
```
#0a3f68
```
#0a3f68 rgb(10,63,104)
```
#0c497a
```
#0c497a rgb(12,73,122)
```
#0d548c
```
#0d548c rgb(13,84,140)
```
#0f5f9d
```
#0f5f9d rgb(15,95,157)
```
#116aaf
```
#116aaf rgb(17,106,175)
```
#1374c1
```
#1374c1 rgb(19,116,193)
```
#147fd3
```
#147fd3 rgb(20,127,211)
```
#168ae5
```
#168ae5 rgb(22,138,229)
```

Shade Color Variation

#2593ea
```
#2593ea rgb(37,147,234)
```
#369cec
```
#369cec rgb(54,156,236)
```
#48a5ed
```
#48a5ed rgb(72,165,237)
```
#5aaeef
```
#5aaeef rgb(90,174,239)
```
#6cb7f1
```
#6cb7f1 rgb(108,183,241)
```
#7ebff3
```
#7ebff3 rgb(126,191,243)
```
#90c8f4
```
#90c8f4 rgb(144,200,244)
```
#a2d1f6
```
#a2d1f6 rgb(162,209,246)
```
#b4daf8
```
#b4daf8 rgb(180,218,248)
```
#c6e3f9
```
#c6e3f9 rgb(198,227,249)
```
#d8ecfb
```
#d8ecfb rgb(216,236,251)
```
#e9f4fd
```
#e9f4fd rgb(233,244,253)
```
#fbfdff
```
#fbfdff rgb(251,253,255)
```

Tint Color Variation

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

#777e84
```
#777e84 rgb(119,126,132)
```
#6d808e
```
#6d808e rgb(109,128,142)
```
#638198
```
#638198 rgb(99,129,152)
```
#5a82a1
```
#5a82a1 rgb(90,130,161)
```
#5083ab
```
#5083ab rgb(80,131,171)
```
#4684b5
```
#4684b5 rgb(70,132,181)
```
#3d85be
```
#3d85be rgb(61,133,190)
```
#3387c8
```
#3387c8 rgb(51,135,200)
```
#2988d2
```
#2988d2 rgb(41,136,210)
```
#2089db
```
#2089db rgb(32,137,219)
```
#168ae5
```
#168ae5 rgb(22,138,229)
```
#0c8bef
```
#0c8bef rgb(12,139,239)
```
#038cf8
```
#038cf8 rgb(3,140,248)
```

Tone Color Variation

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

Dichromacy

#6489e1 Protanopia 1% of men
#3b8ee7 Deuteranopia 1% of men
#009aa4 Tritanopia 0.001% of the population

Trichromacy

#4889e2 Protanomaly 1% of men, 0.01% of women
#2e8ce6 Deuteranomaly 6% of men, 0.4% of women
#0894bb Tritanomaly 0.01% of the population

#168ae5 hex color

#168ae5 Color Information

#168ae5 Color Conversion

Color Schemes with #168ae5

Alternatives to #168ae5

#168ae5 Preview

Shades and Tints of #168ae5

Tones of #168ae5

Color Blindness Simulator