#1694fd hex color

In a RGB color space, hex #1694fd is composed of 8.6% red, 58% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 91.3% cyan, 41.5% magenta, 0% yellow and 0.8% black. It has a hue angle of 207.3 degrees, a saturation of 98.3% and a lightness of 53.9%. #1694fd color hex could be obtained by blending #2cffff with #0029fb. Closest websafe color is: #0099ff.

♥
- f
- t
- g
- R 9
- G 58
- B 99
RGB color chart
- C 91
- M 42
- Y 0
- K 1
CMYK color chart

● #1694fd color description : Vivid blue.

The hexadecimal color #1694fd has RGB values of R:22, G:148, B:253 and CMYK values of C:0.91, M:0.42, Y:0, K:0.01. Its decimal value is 1479933.

Hex triplet	1694fd	`#1694fd`
RGB Decimal	22, 148, 253	`rgb(22,148,253)`
RGB Percent	8.6, 58, 99.2	`rgb(8.6%,58%,99.2%)`
CMYK	91, 42, 0, 1
HSL	207.3°, 98.3, 53.9	`hsl(207.3,98.3%,53.9%)`
HSV (or HSB)	207.3°, 91.3, 99.2
Web Safe	0099ff	`#0099ff`

CIE-LAB	60.284, 6.423, -60.854
XYZ	28.646, 28.44, 96.903
xyY	0.186, 0.185, 28.44
CIE-LCH	60.284, 61.192, 276.025
CIE-LUV	60.284, -34.663, -98.124
Hunter-Lab	53.329, 2.558, -70.404
Binary	00010110, 10010100, 11111101

#1694fd
```
#1694fd rgb(22,148,253)
```
#fd7f16
```
#fd7f16 rgb(253,127,22)
```

Complementary Color

#16fdf3
```
#16fdf3 rgb(22,253,243)
```
#1694fd
```
#1694fd rgb(22,148,253)
```
#1621fd
```
#1621fd rgb(22,33,253)
```

Analogous Color

#fdf316
```
#fdf316 rgb(253,243,22)
```
#1694fd
```
#1694fd rgb(22,148,253)
```
#fd1621
```
#fd1621 rgb(253,22,33)
```

Split Complementary Color

#94fd16
```
#94fd16 rgb(148,253,22)
```
#1694fd
```
#1694fd rgb(22,148,253)
```
#fd1694
```
#fd1694 rgb(253,22,148)
```

Triadic Color

#16fd7f
```
#16fd7f rgb(22,253,127)
```
#1694fd
```
#1694fd rgb(22,148,253)
```
#fd1694
```
#fd1694 rgb(253,22,148)
```
#fd7f16
```
#fd7f16 rgb(253,127,22)
```

Tetradic Color

#026cc5
```
#026cc5 rgb(2,108,197)
```
#027ade
```
#027ade rgb(2,122,222)
```
#0288f7
```
#0288f7 rgb(2,136,247)
```
#1694fd
```
#1694fd rgb(22,148,253)
```
#2fa0fd
```
#2fa0fd rgb(47,160,253)
```
#49abfd
```
#49abfd rgb(73,171,253)
```
#62b7fe
```
#62b7fe rgb(98,183,254)
```

Monochromatic Color

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

#16cefd
```
#16cefd rgb(22,206,253)
```
#16bbfd
```
#16bbfd rgb(22,187,253)
```
#16a7fd
```
#16a7fd rgb(22,167,253)
```
#1694fd
```
#1694fd rgb(22,148,253)
```
#1681fd
```
#1681fd rgb(22,129,253)
```
#166efd
```
#166efd rgb(22,110,253)
```
#165afd
```
#165afd rgb(22,90,253)
```

Similar Colors

Text with hexadecimal color #1694fd

This text has a font color of #1694fd.

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

#1694fd background color

This paragraph has a background color of #1694fd.

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

#1694fd border color

This element has a border color of #1694fd.

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

CSS codes

.text {color:#1694fd;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#000b14
```
#000b14 rgb(0,11,20)
```
#001627
```
#001627 rgb(0,22,39)
```
#01203b
```
#01203b rgb(1,32,59)
```
#012b4e
```
#012b4e rgb(1,43,78)
```
#013662
```
#013662 rgb(1,54,98)
```
#014075
```
#014075 rgb(1,64,117)
```
#014b89
```
#014b89 rgb(1,75,137)
```
#01569c
```
#01569c rgb(1,86,156)
```
#0260af
```
#0260af rgb(2,96,175)
```
#026bc3
```
#026bc3 rgb(2,107,195)
```
#0276d6
```
#0276d6 rgb(2,118,214)
```
#0280ea
```
#0280ea rgb(2,128,234)
```

Shade Color Variation

#038bfd
```
#038bfd rgb(3,139,253)
```
#1694fd
```
#1694fd rgb(22,148,253)
```
#299dfd
```
#299dfd rgb(41,157,253)
```
#3da6fd
```
#3da6fd rgb(61,166,253)
```
#50affe
```
#50affe rgb(80,175,254)
```
#64b8fe
```
#64b8fe rgb(100,184,254)
```
#77c1fe
```
#77c1fe rgb(119,193,254)
```
#8bcafe
```
#8bcafe rgb(139,202,254)
```
#9ed3fe
```
#9ed3fe rgb(158,211,254)
```
#b2dbfe
```
#b2dbfe rgb(178,219,254)
```
#c5e4ff
```
#c5e4ff rgb(197,228,255)
```
#d8edff
```
#d8edff rgb(216,237,255)
```
#ecf6ff
```
#ecf6ff rgb(236,246,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #828a91 is the less saturated color, while #1694fd is the most saturated one.

#828a91
```
#828a91 rgb(130,138,145)
```
#798b9a
```
#798b9a rgb(121,139,154)
```
#708ca3
```
#708ca3 rgb(112,140,163)
```
#678dac
```
#678dac rgb(103,141,172)
```
#5e8db5
```
#5e8db5 rgb(94,141,181)
```
#558ebe
```
#558ebe rgb(85,142,190)
```
#4c8fc7
```
#4c8fc7 rgb(76,143,199)
```
#4390d0
```
#4390d0 rgb(67,144,208)
```
#3a91d9
```
#3a91d9 rgb(58,145,217)
```
#3192e2
```
#3192e2 rgb(49,146,226)
```
#2892eb
```
#2892eb rgb(40,146,235)
```
#1f93f4
```
#1f93f4 rgb(31,147,244)
```
#1694fd
```
#1694fd rgb(22,148,253)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#667f94 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6693f8 Protanopia 1% of men
#2a99fd Deuteranopia 1% of men
#00a5af Tritanopia 0.001% of the population

Trichromacy

#4993f9 Protanomaly 1% of men, 0.01% of women
#2297fd Deuteranomaly 6% of men, 0.4% of women
#089fcb Tritanomaly 0.01% of the population

#1694fd hex color

#1694fd Color Information

#1694fd Color Conversion

Color Schemes with #1694fd

Alternatives to #1694fd

#1694fd Preview

Shades and Tints of #1694fd

Tones of #1694fd

Color Blindness Simulator