#1694bd hex color

In a RGB color space, hex #1694bd is composed of 8.6% red, 58% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 88.4% cyan, 21.7% magenta, 0% yellow and 25.9% black. It has a hue angle of 194.7 degrees, a saturation of 79.1% and a lightness of 41.4%. #1694bd color hex could be obtained by blending #2cffff with #00297b. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 9
- G 58
- B 74
RGB color chart
- C 88
- M 22
- Y 0
- K 26
CMYK color chart

● #1694bd color description : Strong cyan.

The hexadecimal color #1694bd has RGB values of R:22, G:148, B:189 and CMYK values of C:0.88, M:0.22, Y:0, K:0.26. Its decimal value is 1479869.

Hex triplet	1694bd	`#1694bd`
RGB Decimal	22, 148, 189	`rgb(22,148,189)`
RGB Percent	8.6, 58, 74.1	`rgb(8.6%,58%,74.1%)`
CMYK	88, 22, 0, 26
HSL	194.7°, 79.1, 41.4	`hsl(194.7,79.1%,41.4%)`
HSV (or HSB)	194.7°, 88.4, 74.1
Web Safe	0099cc	`#0099cc`

CIE-LAB	57.097, -17.167, -30.212
XYZ	20.104, 25.023, 51.912
xyY	0.207, 0.258, 25.023
CIE-LCH	57.097, 34.749, 240.394
CIE-LUV	57.097, -38.556, -44.351
Hunter-Lab	50.023, -15.802, -26.513
Binary	00010110, 10010100, 10111101

#1694bd
```
#1694bd rgb(22,148,189)
```
#bd3f16
```
#bd3f16 rgb(189,63,22)
```

Complementary Color

#16bd93
```
#16bd93 rgb(22,189,147)
```
#1694bd
```
#1694bd rgb(22,148,189)
```
#1641bd
```
#1641bd rgb(22,65,189)
```

Analogous Color

#bd9316
```
#bd9316 rgb(189,147,22)
```
#1694bd
```
#1694bd rgb(22,148,189)
```
#bd1641
```
#bd1641 rgb(189,22,65)
```

Split Complementary Color

#94bd16
```
#94bd16 rgb(148,189,22)
```
#1694bd
```
#1694bd rgb(22,148,189)
```
#bd1694
```
#bd1694 rgb(189,22,148)
```

Triadic Color

#16bd3f
```
#16bd3f rgb(22,189,63)
```
#1694bd
```
#1694bd rgb(22,148,189)
```
#bd1694
```
#bd1694 rgb(189,22,148)
```
#bd3f16
```
#bd3f16 rgb(189,63,22)
```

Tetradic Color

#0e5e78
```
#0e5e78 rgb(14,94,120)
```
#11708f
```
#11708f rgb(17,112,143)
```
#1382a6
```
#1382a6 rgb(19,130,166)
```
#1694bd
```
#1694bd rgb(22,148,189)
```
#19a6d4
```
#19a6d4 rgb(25,166,212)
```
#21b5e5
```
#21b5e5 rgb(33,181,229)
```
#38bde8
```
#38bde8 rgb(56,189,232)
```

Monochromatic Color

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

#16bdbc
```
#16bdbc rgb(22,189,188)
```
#16b0bd
```
#16b0bd rgb(22,176,189)
```
#16a2bd
```
#16a2bd rgb(22,162,189)
```
#1694bd
```
#1694bd rgb(22,148,189)
```
#1686bd
```
#1686bd rgb(22,134,189)
```
#1678bd
```
#1678bd rgb(22,120,189)
```
#166abd
```
#166abd rgb(22,106,189)
```

Similar Colors

Text with hexadecimal color #1694bd

This text has a font color of #1694bd.

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

#1694bd background color

This paragraph has a background color of #1694bd.

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

#1694bd border color

This element has a border color of #1694bd.

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

CSS codes

.text {color:#1694bd;}

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

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

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, #020a0d is the darkest color, while #fbfeff is the lightest one.

#020a0d
```
#020a0d rgb(2,10,13)
```
#04181f
```
#04181f rgb(4,24,31)
```
#062630
```
#062630 rgb(6,38,48)
```
#083442
```
#083442 rgb(8,52,66)
```
#0a4154
```
#0a4154 rgb(10,65,84)
```
#0c4f65
```
#0c4f65 rgb(12,79,101)
```
#0e5d77
```
#0e5d77 rgb(14,93,119)
```
#106b88
```
#106b88 rgb(16,107,136)
```
#12789a
```
#12789a rgb(18,120,154)
```
#1486ab
```
#1486ab rgb(20,134,171)
```
#1694bd
```
#1694bd rgb(22,148,189)
```
#18a2cf
```
#18a2cf rgb(24,162,207)
```
#1ab0e0
```
#1ab0e0 rgb(26,176,224)
```

Shade Color Variation

#28b7e6
```
#28b7e6 rgb(40,183,230)
```
#39bde8
```
#39bde8 rgb(57,189,232)
```
#4bc3ea
```
#4bc3ea rgb(75,195,234)
```
#5dc9ec
```
#5dc9ec rgb(93,201,236)
```
#6ecfee
```
#6ecfee rgb(110,207,238)
```
#80d5f0
```
#80d5f0 rgb(128,213,240)
```
#91daf2
```
#91daf2 rgb(145,218,242)
```
#a3e0f4
```
#a3e0f4 rgb(163,224,244)
```
#b4e6f6
```
#b4e6f6 rgb(180,230,246)
```
#c6ecf8
```
#c6ecf8 rgb(198,236,248)
```
#d8f2fa
```
#d8f2fa rgb(216,242,250)
```
#e9f8fc
```
#e9f8fc rgb(233,248,252)
```
#fbfeff
```
#fbfeff rgb(251,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #676b6c is the less saturated color, while #069ccd is the most saturated one.

#676b6c
```
#676b6c rgb(103,107,108)
```
#5f6f74
```
#5f6f74 rgb(95,111,116)
```
#57737c
```
#57737c rgb(87,115,124)
```
#4f7784
```
#4f7784 rgb(79,119,132)
```
#477b8c
```
#477b8c rgb(71,123,140)
```
#3f7f94
```
#3f7f94 rgb(63,127,148)
```
#36839d
```
#36839d rgb(54,131,157)
```
#2e88a5
```
#2e88a5 rgb(46,136,165)
```
#268cad
```
#268cad rgb(38,140,173)
```
#1e90b5
```
#1e90b5 rgb(30,144,181)
```
#1694bd
```
#1694bd rgb(22,148,189)
```
#0e98c5
```
#0e98c5 rgb(14,152,197)
```
#069ccd
```
#069ccd rgb(6,156,205)
```

Tone Color Variation

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

#737373 Achromatopsia 0.005% of the population
#607a82 Atypical Achromatopsia 0.001% of the population

Dichromacy

#828db8 Protanopia 1% of men
#798dc5 Deuteranopia 1% of men
#009da8 Tritanopia 0.001% of the population

Trichromacy

#5b8fba Protanomaly 1% of men, 0.01% of women
#5590c2 Deuteranomaly 6% of men, 0.4% of women
#0899af Tritanomaly 0.01% of the population

#1694bd hex color

#1694bd Color Information

#1694bd Color Conversion

Color Schemes with #1694bd

Alternatives to #1694bd

#1694bd Preview

Shades and Tints of #1694bd

Tones of #1694bd

Color Blindness Simulator