#1696d2 hex color

In a RGB color space, hex #1696d2 is composed of 8.6% red, 58.8% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 89.5% cyan, 28.6% magenta, 0% yellow and 17.6% black. It has a hue angle of 199.1 degrees, a saturation of 81% and a lightness of 45.5%. #1696d2 color hex could be obtained by blending #2cffff with #002da5. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 9
- G 59
- B 82
RGB color chart
- C 90
- M 29
- Y 0
- K 18
CMYK color chart

● #1696d2 color description : Strong blue.

The hexadecimal color #1696d2 has RGB values of R:22, G:150, B:210 and CMYK values of C:0.9, M:0.29, Y:0, K:0.18. Its decimal value is 1480402.

Hex triplet	1696d2	`#1696d2`
RGB Decimal	22, 150, 210	`rgb(22,150,210)`
RGB Percent	8.6, 58.8, 82.4	`rgb(8.6%,58.8%,82.4%)`
CMYK	90, 29, 0, 18
HSL	199.1°, 81, 45.5	`hsl(199.1,81%,45.5%)`
HSV (or HSB)	199.1°, 89.5, 82.4
Web Safe	0099cc	`#0099cc`

CIE-LAB	58.634, -10.723, -39.64
XYZ	22.867, 26.634, 64.905
xyY	0.2, 0.233, 26.634
CIE-LCH	58.634, 41.065, 254.864
CIE-LUV	58.634, -37.819, -60.896
Hunter-Lab	51.608, -11.223, -38.44
Binary	00010110, 10010110, 11010010

#1696d2
```
#1696d2 rgb(22,150,210)
```
#d25216
```
#d25216 rgb(210,82,22)
```

Complementary Color

#16d2b0
```
#16d2b0 rgb(22,210,176)
```
#1696d2
```
#1696d2 rgb(22,150,210)
```
#1638d2
```
#1638d2 rgb(22,56,210)
```

Analogous Color

#d2b016
```
#d2b016 rgb(210,176,22)
```
#1696d2
```
#1696d2 rgb(22,150,210)
```
#d21638
```
#d21638 rgb(210,22,56)
```

Split Complementary Color

#96d216
```
#96d216 rgb(150,210,22)
```
#1696d2
```
#1696d2 rgb(22,150,210)
```
#d21696
```
#d21696 rgb(210,22,150)
```

Triadic Color

#16d252
```
#16d252 rgb(22,210,82)
```
#1696d2
```
#1696d2 rgb(22,150,210)
```
#d21696
```
#d21696 rgb(210,22,150)
```
#d25216
```
#d25216 rgb(210,82,22)
```

Tetradic Color

#0f658d
```
#0f658d rgb(15,101,141)
```
#1175a4
```
#1175a4 rgb(17,117,164)
```
#1486bb
```
#1486bb rgb(20,134,187)
```
#1696d2
```
#1696d2 rgb(22,150,210)
```
#1aa6e7
```
#1aa6e7 rgb(26,166,231)
```
#32afe9
```
#32afe9 rgb(50,175,233)
```
#49b8ec
```
#49b8ec rgb(73,184,236)
```

Monochromatic Color

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

#16c5d2
```
#16c5d2 rgb(22,197,210)
```
#16b5d2
```
#16b5d2 rgb(22,181,210)
```
#16a6d2
```
#16a6d2 rgb(22,166,210)
```
#1696d2
```
#1696d2 rgb(22,150,210)
```
#1686d2
```
#1686d2 rgb(22,134,210)
```
#1677d2
```
#1677d2 rgb(22,119,210)
```
#1667d2
```
#1667d2 rgb(22,103,210)
```

Similar Colors

Text with hexadecimal color #1696d2

This text has a font color of #1696d2.

<span style="color:#1696d2;">Text here</span>

#1696d2 background color

This paragraph has a background color of #1696d2.

<p style="background-color:#1696d2;">Content here</p>

#1696d2 border color

This element has a border color of #1696d2.

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

CSS codes

.text {color:#1696d2;}

.background {background-color:#1696d2;}

.border {border:1px solid #1696d2;}

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

#020a0f
```
#020a0f rgb(2,10,15)
```
#031720
```
#031720 rgb(3,23,32)
```
#052432
```
#052432 rgb(5,36,50)
```
#073144
```
#073144 rgb(7,49,68)
```
#093d56
```
#093d56 rgb(9,61,86)
```
#0b4a67
```
#0b4a67 rgb(11,74,103)
```
#0d5779
```
#0d5779 rgb(13,87,121)
```
#0f638b
```
#0f638b rgb(15,99,139)
```
#10709d
```
#10709d rgb(16,112,157)
```
#127dae
```
#127dae rgb(18,125,174)
```
#1489c0
```
#1489c0 rgb(20,137,192)
```
#1696d2
```
#1696d2 rgb(22,150,210)
```
#18a3e4
```
#18a3e4 rgb(24,163,228)
```

Shade Color Variation

#27abe8
```
#27abe8 rgb(39,171,232)
```
#39b2ea
```
#39b2ea rgb(57,178,234)
```
#4ab8ec
```
#4ab8ec rgb(74,184,236)
```
#5cbfee
```
#5cbfee rgb(92,191,238)
```
#6ec6f0
```
#6ec6f0 rgb(110,198,240)
```
#80cdf2
```
#80cdf2 rgb(128,205,242)
```
#91d4f4
```
#91d4f4 rgb(145,212,244)
```
#a3dbf5
```
#a3dbf5 rgb(163,219,245)
```
#b5e2f7
```
#b5e2f7 rgb(181,226,247)
```
#c7e9f9
```
#c7e9f9 rgb(199,233,249)
```
#d8f0fb
```
#d8f0fb rgb(216,240,251)
```
#eaf7fd
```
#eaf7fd rgb(234,247,253)
```
#fcfeff
```
#fcfeff rgb(252,254,255)
```

Tint Color Variation

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

#6f7679
```
#6f7679 rgb(111,118,121)
```
#667982
```
#667982 rgb(102,121,130)
```
#5d7c8b
```
#5d7c8b rgb(93,124,139)
```
#547f94
```
#547f94 rgb(84,127,148)
```
#4c839c
```
#4c839c rgb(76,131,156)
```
#4386a5
```
#4386a5 rgb(67,134,165)
```
#3a89ae
```
#3a89ae rgb(58,137,174)
```
#318cb7
```
#318cb7 rgb(49,140,183)
```
#2890c0
```
#2890c0 rgb(40,144,192)
```
#1f93c9
```
#1f93c9 rgb(31,147,201)
```
#1696d2
```
#1696d2 rgb(22,150,210)
```
#0d99db
```
#0d99db rgb(13,153,219)
```
#049ce4
```
#049ce4 rgb(4,156,228)
```

Tone Color Variation

Below, you can see how #1696d2 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

#777777 Achromatopsia 0.005% of the population
#647d89 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e90cc Protanopia 1% of men
#6e92d8 Deuteranopia 1% of men
#00a1ac Tritanopia 0.001% of the population

Trichromacy

#5892ce Protanomaly 1% of men, 0.01% of women
#4e93d5 Deuteranomaly 6% of men, 0.4% of women
#089db9 Tritanomaly 0.01% of the population

#1696d2 hex color

#1696d2 Color Information

#1696d2 Color Conversion

Color Schemes with #1696d2

Alternatives to #1696d2

#1696d2 Preview

Shades and Tints of #1696d2

Tones of #1696d2

Color Blindness Simulator