#168fb7 hex color

In a RGB color space, hex #168fb7 is composed of 8.6% red, 56.1% green and 71.8% blue. Whereas in a CMYK color space, it is composed of 88% cyan, 21.9% magenta, 0% yellow and 28.2% black. It has a hue angle of 194.9 degrees, a saturation of 78.5% and a lightness of 40.2%. #168fb7 color hex could be obtained by blending #2cffff with #001f6f. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 9
- G 56
- B 72
RGB color chart
- C 88
- M 22
- Y 0
- K 28
CMYK color chart

● #168fb7 color description : Strong cyan.

The hexadecimal color #168fb7 has RGB values of R:22, G:143, B:183 and CMYK values of C:0.88, M:0.22, Y:0, K:0.28. Its decimal value is 1478583.

Hex triplet	168fb7	`#168fb7`
RGB Decimal	22, 143, 183	`rgb(22,143,183)`
RGB Percent	8.6, 56.1, 71.8	`rgb(8.6%,56.1%,71.8%)`
CMYK	88, 22, 0, 28
HSL	194.9°, 78.5, 40.2	`hsl(194.9,78.5%,40.2%)`
HSV (or HSB)	194.9°, 88, 71.8
Web Safe	0099cc	`#0099cc`

CIE-LAB	55.311, -16.578, -29.577
XYZ	18.698, 23.233, 48.296
xyY	0.207, 0.257, 23.233
CIE-LCH	55.311, 33.906, 240.73
CIE-LUV	55.311, -37.233, -43.15
Hunter-Lab	48.2, -15.105, -25.668
Binary	00010110, 10001111, 10110111

#168fb7
```
#168fb7 rgb(22,143,183)
```
#b73e16
```
#b73e16 rgb(183,62,22)
```

Complementary Color

#16b78f
```
#16b78f rgb(22,183,143)
```
#168fb7
```
#168fb7 rgb(22,143,183)
```
#163fb7
```
#163fb7 rgb(22,63,183)
```

Analogous Color

#b78f16
```
#b78f16 rgb(183,143,22)
```
#168fb7
```
#168fb7 rgb(22,143,183)
```
#b7163f
```
#b7163f rgb(183,22,63)
```

Split Complementary Color

#8fb716
```
#8fb716 rgb(143,183,22)
```
#168fb7
```
#168fb7 rgb(22,143,183)
```
#b7168f
```
#b7168f rgb(183,22,143)
```

Triadic Color

#16b73e
```
#16b73e rgb(22,183,62)
```
#168fb7
```
#168fb7 rgb(22,143,183)
```
#b7168f
```
#b7168f rgb(183,22,143)
```
#b73e16
```
#b73e16 rgb(183,62,22)
```

Tetradic Color

#0e5a73
```
#0e5a73 rgb(14,90,115)
```
#116b89
```
#116b89 rgb(17,107,137)
```
#137da0
```
#137da0 rgb(19,125,160)
```
#168fb7
```
#168fb7 rgb(22,143,183)
```
#19a1ce
```
#19a1ce rgb(25,161,206)
```
#1cb2e4
```
#1cb2e4 rgb(28,178,228)
```
#33bae6
```
#33bae6 rgb(51,186,230)
```

Monochromatic Color

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

#16b7b7
```
#16b7b7 rgb(22,183,183)
```
#16aab7
```
#16aab7 rgb(22,170,183)
```
#169cb7
```
#169cb7 rgb(22,156,183)
```
#168fb7
```
#168fb7 rgb(22,143,183)
```
#1682b7
```
#1682b7 rgb(22,130,183)
```
#1674b7
```
#1674b7 rgb(22,116,183)
```
#1667b7
```
#1667b7 rgb(22,103,183)
```

Similar Colors

Text with hexadecimal color #168fb7

This text has a font color of #168fb7.

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

#168fb7 background color

This paragraph has a background color of #168fb7.

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

#168fb7 border color

This element has a border color of #168fb7.

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

CSS codes

.text {color:#168fb7;}

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

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

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 #f5fcfe is the lightest one.

#010608
```
#010608 rgb(1,6,8)
```
#031419
```
#031419 rgb(3,20,25)
```
#05222b
```
#05222b rgb(5,34,43)
```
#072f3c
```
#072f3c rgb(7,47,60)
```
#093d4e
```
#093d4e rgb(9,61,78)
```
#0b4b5f
```
#0b4b5f rgb(11,75,95)
```
#0e5871
```
#0e5871 rgb(14,88,113)
```
#106682
```
#106682 rgb(16,102,130)
```
#127494
```
#127494 rgb(18,116,148)
```
#1481a5
```
#1481a5 rgb(20,129,165)
```
#168fb7
```
#168fb7 rgb(22,143,183)
```
#189dc9
```
#189dc9 rgb(24,157,201)
```
#1aaada
```
#1aaada rgb(26,170,218)
```

Shade Color Variation

#23b5e5
```
#23b5e5 rgb(35,181,229)
```
#35bae7
```
#35bae7 rgb(53,186,231)
```
#46c0e9
```
#46c0e9 rgb(70,192,233)
```
#58c6eb
```
#58c6eb rgb(88,198,235)
```
#69cced
```
#69cced rgb(105,204,237)
```
#7bd2ef
```
#7bd2ef rgb(123,210,239)
```
#8cd8f1
```
#8cd8f1 rgb(140,216,241)
```
#9edef3
```
#9edef3 rgb(158,222,243)
```
#afe4f5
```
#afe4f5 rgb(175,228,245)
```
#c1eaf8
```
#c1eaf8 rgb(193,234,248)
```
#d2f0fa
```
#d2f0fa rgb(210,240,250)
```
#e4f6fc
```
#e4f6fc rgb(228,246,252)
```
#f5fcfe
```
#f5fcfe rgb(245,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #656768 is the less saturated color, while #0697c7 is the most saturated one.

#656768
```
#656768 rgb(101,103,104)
```
#5d6b70
```
#5d6b70 rgb(93,107,112)
```
#556f78
```
#556f78 rgb(85,111,120)
```
#4d7380
```
#4d7380 rgb(77,115,128)
```
#457788
```
#457788 rgb(69,119,136)
```
#3d7b90
```
#3d7b90 rgb(61,123,144)
```
#367f97
```
#367f97 rgb(54,127,151)
```
#2e839f
```
#2e839f rgb(46,131,159)
```
#2687a7
```
#2687a7 rgb(38,135,167)
```
#1e8baf
```
#1e8baf rgb(30,139,175)
```
#168fb7
```
#168fb7 rgb(22,143,183)
```
#0e93bf
```
#0e93bf rgb(14,147,191)
```
#0697c7
```
#0697c7 rgb(6,151,199)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#5d757d Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e89b2 Protanopia 1% of men
#7589bf Deuteranopia 1% of men
#0098a3 Tritanopia 0.001% of the population

Trichromacy

#588bb4 Protanomaly 1% of men, 0.01% of women
#528bbc Deuteranomaly 6% of men, 0.4% of women
#0894aa Tritanomaly 0.01% of the population

#168fb7 hex color

#168fb7 Color Information

#168fb7 Color Conversion

Color Schemes with #168fb7

Alternatives to #168fb7

#168fb7 Preview

Shades and Tints of #168fb7

Tones of #168fb7

Color Blindness Simulator