#168dce hex color

In a RGB color space, hex #168dce is composed of 8.6% red, 55.3% green and 80.8% blue. Whereas in a CMYK color space, it is composed of 89.3% cyan, 31.6% magenta, 0% yellow and 19.2% black. It has a hue angle of 201.2 degrees, a saturation of 80.7% and a lightness of 44.7%. #168dce color hex could be obtained by blending #2cffff with #001b9d. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 9
- G 55
- B 81
RGB color chart
- C 89
- M 32
- Y 0
- K 19
CMYK color chart

● #168dce color description : Strong blue.

The hexadecimal color #168dce has RGB values of R:22, G:141, B:206 and CMYK values of C:0.89, M:0.32, Y:0, K:0.19. Its decimal value is 1478094.

Hex triplet	168dce	`#168dce`
RGB Decimal	22, 141, 206	`rgb(22,141,206)`
RGB Percent	8.6, 55.3, 80.8	`rgb(8.6%,55.3%,80.8%)`
CMYK	89, 32, 0, 19
HSL	201.2°, 80.7, 44.7	`hsl(201.2,80.7%,44.7%)`
HSV (or HSB)	201.2°, 89.3, 80.8
Web Safe	0099cc	`#0099cc`

CIE-LAB	55.761, -7.072, -41.914
XYZ	20.994, 23.675, 61.852
xyY	0.197, 0.222, 23.675
CIE-LCH	55.761, 42.506, 260.423
CIE-LUV	55.761, -35.035, -64.502
Hunter-Lab	48.657, -8.133, -41.31
Binary	00010110, 10001101, 11001110

#168dce
```
#168dce rgb(22,141,206)
```
#ce5716
```
#ce5716 rgb(206,87,22)
```

Complementary Color

#16ceb3
```
#16ceb3 rgb(22,206,179)
```
#168dce
```
#168dce rgb(22,141,206)
```
#1631ce
```
#1631ce rgb(22,49,206)
```

Analogous Color

#ceb316
```
#ceb316 rgb(206,179,22)
```
#168dce
```
#168dce rgb(22,141,206)
```
#ce1631
```
#ce1631 rgb(206,22,49)
```

Split Complementary Color

#8dce16
```
#8dce16 rgb(141,206,22)
```
#168dce
```
#168dce rgb(22,141,206)
```
#ce168d
```
#ce168d rgb(206,22,141)
```

Triadic Color

#16ce57
```
#16ce57 rgb(22,206,87)
```
#168dce
```
#168dce rgb(22,141,206)
```
#ce168d
```
#ce168d rgb(206,22,141)
```
#ce5716
```
#ce5716 rgb(206,87,22)
```

Tetradic Color

#0f5e89
```
#0f5e89 rgb(15,94,137)
```
#116da0
```
#116da0 rgb(17,109,160)
```
#147db7
```
#147db7 rgb(20,125,183)
```
#168dce
```
#168dce rgb(22,141,206)
```
#189de5
```
#189de5 rgb(24,157,229)
```
#2ea7e9
```
#2ea7e9 rgb(46,167,233)
```
#45b1eb
```
#45b1eb rgb(69,177,235)
```

Monochromatic Color

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

#16bbce
```
#16bbce rgb(22,187,206)
```
#16acce
```
#16acce rgb(22,172,206)
```
#169cce
```
#169cce rgb(22,156,206)
```
#168dce
```
#168dce rgb(22,141,206)
```
#167ece
```
#167ece rgb(22,126,206)
```
#166ece
```
#166ece rgb(22,110,206)
```
#165fce
```
#165fce rgb(22,95,206)
```

Similar Colors

Text with hexadecimal color #168dce

This text has a font color of #168dce.

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

#168dce background color

This paragraph has a background color of #168dce.

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

#168dce border color

This element has a border color of #168dce.

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

CSS codes

.text {color:#168dce;}

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

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

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

#01080b
```
#01080b rgb(1,8,11)
```
#03141d
```
#03141d rgb(3,20,29)
```
#05202e
```
#05202e rgb(5,32,46)
```
#072c40
```
#072c40 rgb(7,44,64)
```
#093852
```
#093852 rgb(9,56,82)
```
#0b4464
```
#0b4464 rgb(11,68,100)
```
#0d5075
```
#0d5075 rgb(13,80,117)
```
#0e5c87
```
#0e5c87 rgb(14,92,135)
```
#106999
```
#106999 rgb(16,105,153)
```
#1275ab
```
#1275ab rgb(18,117,171)
```
#1481bc
```
#1481bc rgb(20,129,188)
```
#168dce
```
#168dce rgb(22,141,206)
```
#1899e0
```
#1899e0 rgb(24,153,224)
```

Shade Color Variation

#24a2e8
```
#24a2e8 rgb(36,162,232)
```
#35aae9
```
#35aae9 rgb(53,170,233)
```
#47b1eb
```
#47b1eb rgb(71,177,235)
```
#59b9ed
```
#59b9ed rgb(89,185,237)
```
#6bc0ef
```
#6bc0ef rgb(107,192,239)
```
#7cc8f1
```
#7cc8f1 rgb(124,200,241)
```
#8ecff3
```
#8ecff3 rgb(142,207,243)
```
#a0d7f5
```
#a0d7f5 rgb(160,215,245)
```
#b1def7
```
#b1def7 rgb(177,222,247)
```
#c3e6f9
```
#c3e6f9 rgb(195,230,249)
```
#d5edfb
```
#d5edfb rgb(213,237,251)
```
#e7f5fc
```
#e7f5fc rgb(231,245,252)
```
#f8fcfe
```
#f8fcfe rgb(248,252,254)
```

Tint Color Variation

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

#6e7376
```
#6e7376 rgb(110,115,118)
```
#65767f
```
#65767f rgb(101,118,127)
```
#5c7888
```
#5c7888 rgb(92,120,136)
```
#537b91
```
#537b91 rgb(83,123,145)
```
#4b7e99
```
#4b7e99 rgb(75,126,153)
```
#4280a2
```
#4280a2 rgb(66,128,162)
```
#3983ab
```
#3983ab rgb(57,131,171)
```
#3085b4
```
#3085b4 rgb(48,133,180)
```
#2888bc
```
#2888bc rgb(40,136,188)
```
#1f8ac5
```
#1f8ac5 rgb(31,138,197)
```
#168dce
```
#168dce rgb(22,141,206)
```
#0d90d7
```
#0d90d7 rgb(13,144,215)
```
#0492e0
```
#0492e0 rgb(4,146,224)
```

Tone Color Variation

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

Dichromacy

#7489c9 Protanopia 1% of men
#618cd3 Deuteranopia 1% of men
#0099a3 Tritanopia 0.001% of the population

Trichromacy

#528acb Protanomaly 1% of men, 0.01% of women
#458cd1 Deuteranomaly 6% of men, 0.4% of women
#0895b3 Tritanomaly 0.01% of the population

#168dce hex color

#168dce Color Information

#168dce Color Conversion

Color Schemes with #168dce

Alternatives to #168dce

#168dce Preview

Shades and Tints of #168dce

Tones of #168dce

Color Blindness Simulator