#1694ce hex color

In a RGB color space, hex #1694ce is composed of 8.6% red, 58% green and 80.8% blue. Whereas in a CMYK color space, it is composed of 89.3% cyan, 28.2% magenta, 0% yellow and 19.2% black. It has a hue angle of 198.9 degrees, a saturation of 80.7% and a lightness of 44.7%. #1694ce color hex could be obtained by blending #2cffff with #00299d. Closest websafe color is: #0099cc.

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

● #1694ce color description : Strong blue.

The hexadecimal color #1694ce has RGB values of R:22, G:148, B:206 and CMYK values of C:0.89, M:0.28, Y:0, K:0.19. Its decimal value is 1479886.

Hex triplet	1694ce	`#1694ce`
RGB Decimal	22, 148, 206	`rgb(22,148,206)`
RGB Percent	8.6, 58, 80.8	`rgb(8.6%,58%,80.8%)`
CMYK	89, 28, 0, 19
HSL	198.9°, 80.7, 44.7	`hsl(198.9,80.7%,44.7%)`
HSV (or HSB)	198.9°, 89.3, 80.8
Web Safe	0099cc	`#0099cc`

CIE-LAB	57.851, -11.056, -38.626
XYZ	22.059, 25.805, 62.207
xyY	0.2, 0.234, 25.805
CIE-LCH	57.851, 40.177, 254.027
CIE-LUV	57.851, -37.403, -59.042
Hunter-Lab	50.798, -11.385, -37.048
Binary	00010110, 10010100, 11001110

#1694ce
```
#1694ce rgb(22,148,206)
```
#ce5016
```
#ce5016 rgb(206,80,22)
```

Complementary Color

#16ceac
```
#16ceac rgb(22,206,172)
```
#1694ce
```
#1694ce rgb(22,148,206)
```
#1638ce
```
#1638ce rgb(22,56,206)
```

Analogous Color

#ceac16
```
#ceac16 rgb(206,172,22)
```
#1694ce
```
#1694ce rgb(22,148,206)
```
#ce1638
```
#ce1638 rgb(206,22,56)
```

Split Complementary Color

#94ce16
```
#94ce16 rgb(148,206,22)
```
#1694ce
```
#1694ce rgb(22,148,206)
```
#ce1694
```
#ce1694 rgb(206,22,148)
```

Triadic Color

#16ce50
```
#16ce50 rgb(22,206,80)
```
#1694ce
```
#1694ce rgb(22,148,206)
```
#ce1694
```
#ce1694 rgb(206,22,148)
```
#ce5016
```
#ce5016 rgb(206,80,22)
```

Tetradic Color

#0f6289
```
#0f6289 rgb(15,98,137)
```
#1173a0
```
#1173a0 rgb(17,115,160)
```
#1483b7
```
#1483b7 rgb(20,131,183)
```
#1694ce
```
#1694ce rgb(22,148,206)
```
#18a5e5
```
#18a5e5 rgb(24,165,229)
```
#2eaee9
```
#2eaee9 rgb(46,174,233)
```
#45b7eb
```
#45b7eb rgb(69,183,235)
```

Monochromatic Color

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

#16c2ce
```
#16c2ce rgb(22,194,206)
```
#16b3ce
```
#16b3ce rgb(22,179,206)
```
#16a3ce
```
#16a3ce rgb(22,163,206)
```
#1694ce
```
#1694ce rgb(22,148,206)
```
#1685ce
```
#1685ce rgb(22,133,206)
```
#1675ce
```
#1675ce rgb(22,117,206)
```
#1666ce
```
#1666ce rgb(22,102,206)
```

Similar Colors

Text with hexadecimal color #1694ce

This text has a font color of #1694ce.

<span style="color:#1694ce;">Text here</span>

#1694ce background color

This paragraph has a background color of #1694ce.

<p style="background-color:#1694ce;">Content here</p>

#1694ce border color

This element has a border color of #1694ce.

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

CSS codes

.text {color:#1694ce;}

.background {background-color:#1694ce;}

.border {border:1px solid #1694ce;}

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)
```
#03151d
```
#03151d rgb(3,21,29)
```
#05212e
```
#05212e rgb(5,33,46)
```
#072e40
```
#072e40 rgb(7,46,64)
```
#093b52
```
#093b52 rgb(9,59,82)
```
#0b4864
```
#0b4864 rgb(11,72,100)
```
#0d5475
```
#0d5475 rgb(13,84,117)
```
#0e6187
```
#0e6187 rgb(14,97,135)
```
#106e99
```
#106e99 rgb(16,110,153)
```
#127bab
```
#127bab rgb(18,123,171)
```
#1487bc
```
#1487bc rgb(20,135,188)
```
#1694ce
```
#1694ce rgb(22,148,206)
```
#18a1e0
```
#18a1e0 rgb(24,161,224)
```

Shade Color Variation

#24aae8
```
#24aae8 rgb(36,170,232)
```
#35b1e9
```
#35b1e9 rgb(53,177,233)
```
#47b8eb
```
#47b8eb rgb(71,184,235)
```
#59beed
```
#59beed rgb(89,190,237)
```
#6bc5ef
```
#6bc5ef rgb(107,197,239)
```
#7cccf1
```
#7cccf1 rgb(124,204,241)
```
#8ed3f3
```
#8ed3f3 rgb(142,211,243)
```
#a0daf5
```
#a0daf5 rgb(160,218,245)
```
#b1e1f7
```
#b1e1f7 rgb(177,225,247)
```
#c3e8f9
```
#c3e8f9 rgb(195,232,249)
```
#d5effb
```
#d5effb rgb(213,239,251)
```
#e7f6fc
```
#e7f6fc rgb(231,246,252)
```
#f8fcfe
```
#f8fcfe rgb(248,252,254)
```

Tint Color Variation

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

#6e7476
```
#6e7476 rgb(110,116,118)
```
#65777f
```
#65777f rgb(101,119,127)
```
#5c7a88
```
#5c7a88 rgb(92,122,136)
```
#537d91
```
#537d91 rgb(83,125,145)
```
#4b8199
```
#4b8199 rgb(75,129,153)
```
#4284a2
```
#4284a2 rgb(66,132,162)
```
#3987ab
```
#3987ab rgb(57,135,171)
```
#308ab4
```
#308ab4 rgb(48,138,180)
```
#288ebc
```
#288ebc rgb(40,142,188)
```
#1f91c5
```
#1f91c5 rgb(31,145,197)
```
#1694ce
```
#1694ce rgb(22,148,206)
```
#0d97d7
```
#0d97d7 rgb(13,151,215)
```
#049ae0
```
#049ae0 rgb(4,154,224)
```

Tone Color Variation

Below, you can see how #1694ce 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

#757575 Achromatopsia 0.005% of the population
#627b87 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7d8fc8 Protanopia 1% of men
#6d90d4 Deuteranopia 1% of men
#009fa9 Tritanopia 0.001% of the population

Trichromacy

#5790ca Protanomaly 1% of men, 0.01% of women
#4d91d1 Deuteranomaly 6% of men, 0.4% of women
#089bb7 Tritanomaly 0.01% of the population

#1694ce hex color

#1694ce Color Information

#1694ce Color Conversion

Color Schemes with #1694ce

Alternatives to #1694ce

#1694ce Preview

Shades and Tints of #1694ce

Tones of #1694ce

Color Blindness Simulator