colorhexa.com

#168ccb hex color

In a RGB color space, hex #168ccb is composed of 8.6% red, 54.9% green and 79.6% blue. Whereas in a CMYK color space, it is composed of 89.2% cyan, 31% magenta, 0% yellow and 20.4% black. It has a hue angle of 200.9 degrees, a saturation of 80.4% and a lightness of 44.1%. #168ccb color hex could be obtained by blending #2cffff with #001997. Closest websafe color is: #0099cc.

- R 9
- G 55
- B 80
RGB color chart
- C 89
- M 31
- Y 0
- K 20
CMYK color chart

● #168ccb color description : Strong blue.

The hexadecimal color #168ccb has RGB values of R:22, G:140, B:203 and CMYK values of C:0.89, M:0.31, Y:0, K:0.2. Its decimal value is 1477835.

Hex triplet	168ccb	`#168ccb`
RGB Decimal	22, 140, 203	`rgb(22,140,203)`
RGB Percent	8.6, 54.9, 79.6	`rgb(8.6%,54.9%,79.6%)`
CMYK	89, 31, 0, 20
HSL	200.9°, 80.4, 44.1	`hsl(200.9,80.4%,44.1%)`
HSV (or HSB)	200.9°, 89.2, 79.6
Web Safe	0099cc	`#0099cc`

CIE-LAB	55.315, -7.61, -40.922
XYZ	20.486, 23.237, 59.902
xyY	0.198, 0.224, 23.237
CIE-LCH	55.315, 41.623, 259.466
CIE-LUV	55.315, -34.884, -62.726
Hunter-Lab	48.204, -8.499, -39.935
Binary	00010110, 10001100, 11001011

#168ccb
```
#168ccb rgb(22,140,203)
```
#cb5516
```
#cb5516 rgb(203,85,22)
```

Complementary Color

#16cbb0
```
#16cbb0 rgb(22,203,176)
```
#168ccb
```
#168ccb rgb(22,140,203)
```
#1632cb
```
#1632cb rgb(22,50,203)
```

Analogous Color

#cbb016
```
#cbb016 rgb(203,176,22)
```
#168ccb
```
#168ccb rgb(22,140,203)
```
#cb1632
```
#cb1632 rgb(203,22,50)
```

Split Complementary Color

#8ccb16
```
#8ccb16 rgb(140,203,22)
```
#168ccb
```
#168ccb rgb(22,140,203)
```
#cb168c
```
#cb168c rgb(203,22,140)
```

Triadic Color

#16cb55
```
#16cb55 rgb(22,203,85)
```
#168ccb
```
#168ccb rgb(22,140,203)
```
#cb168c
```
#cb168c rgb(203,22,140)
```
#cb5516
```
#cb5516 rgb(203,85,22)
```

Tetradic Color

#0f5c86
```
#0f5c86 rgb(15,92,134)
```
#116c9d
```
#116c9d rgb(17,108,157)
```
#147cb4
```
#147cb4 rgb(20,124,180)
```
#168ccb
```
#168ccb rgb(22,140,203)
```
#189ce2
```
#189ce2 rgb(24,156,226)
```
#2ca7e8
```
#2ca7e8 rgb(44,167,232)
```
#43b0eb
```
#43b0eb rgb(67,176,235)
```

Monochromatic Color

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

#16b9cb
```
#16b9cb rgb(22,185,203)
```
#16aacb
```
#16aacb rgb(22,170,203)
```
#169bcb
```
#169bcb rgb(22,155,203)
```
#168ccb
```
#168ccb rgb(22,140,203)
```
#167dcb
```
#167dcb rgb(22,125,203)
```
#166ecb
```
#166ecb rgb(22,110,203)
```
#165fcb
```
#165fcb rgb(22,95,203)
```

Similar Colors

Text with hexadecimal color #168ccb

This text has a font color of #168ccb.

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

#168ccb background color

This paragraph has a background color of #168ccb.

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

#168ccb border color

This element has a border color of #168ccb.

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

CSS codes

.text {color:#168ccb;}

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

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

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

#010608
```
#010608 rgb(1,6,8)
```
#03121a
```
#03121a rgb(3,18,26)
```
#051e2c
```
#051e2c rgb(5,30,44)
```
#072a3d
```
#072a3d rgb(7,42,61)
```
#09374f
```
#09374f rgb(9,55,79)
```
#0a4361
```
#0a4361 rgb(10,67,97)
```
#0c4f73
```
#0c4f73 rgb(12,79,115)
```
#0e5b84
```
#0e5b84 rgb(14,91,132)
```
#106796
```
#106796 rgb(16,103,150)
```
#1274a8
```
#1274a8 rgb(18,116,168)
```
#1480b9
```
#1480b9 rgb(20,128,185)
```
#168ccb
```
#168ccb rgb(22,140,203)
```
#1898dd
```
#1898dd rgb(24,152,221)
```

Shade Color Variation

#21a2e7
```
#21a2e7 rgb(33,162,231)
```
#33aae9
```
#33aae9 rgb(51,170,233)
```
#45b1eb
```
#45b1eb rgb(69,177,235)
```
#56b8ed
```
#56b8ed rgb(86,184,237)
```
#68c0ef
```
#68c0ef rgb(104,192,239)
```
#7ac7f1
```
#7ac7f1 rgb(122,199,241)
```
#8bcff2
```
#8bcff2 rgb(139,207,242)
```
#9dd6f4
```
#9dd6f4 rgb(157,214,244)
```
#afddf6
```
#afddf6 rgb(175,221,246)
```
#c1e5f8
```
#c1e5f8 rgb(193,229,248)
```
#d2ecfa
```
#d2ecfa rgb(210,236,250)
```
#e4f4fc
```
#e4f4fc rgb(228,244,252)
```
#f6fbfe
```
#f6fbfe rgb(246,251,254)
```

Tint Color Variation

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

#6d7274
```
#6d7274 rgb(109,114,116)
```
#64747d
```
#64747d rgb(100,116,125)
```
#5b7786
```
#5b7786 rgb(91,119,134)
```
#537a8e
```
#537a8e rgb(83,122,142)
```
#4a7c97
```
#4a7c97 rgb(74,124,151)
```
#417fa0
```
#417fa0 rgb(65,127,160)
```
#3981a8
```
#3981a8 rgb(57,129,168)
```
#3084b1
```
#3084b1 rgb(48,132,177)
```
#2787ba
```
#2787ba rgb(39,135,186)
```
#1f89c2
```
#1f89c2 rgb(31,137,194)
```
#168ccb
```
#168ccb rgb(22,140,203)
```
#0d8fd4
```
#0d8fd4 rgb(13,143,212)
```
#0591dc
```
#0591dc rgb(5,145,220)
```

Tone Color Variation

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

Dichromacy

#7488c6 Protanopia 1% of men
#618ad0 Deuteranopia 1% of men
#0098a2 Tritanopia 0.001% of the population

Trichromacy

#5189c8 Protanomaly 1% of men, 0.01% of women
#468bce Deuteranomaly 6% of men, 0.4% of women
#0893b1 Tritanomaly 0.01% of the population