#5696d3 hex color

In a RGB color space, hex #5696d3 is composed of 33.7% red, 58.8% green and 82.7% blue. Whereas in a CMYK color space, it is composed of 59.2% cyan, 28.9% magenta, 0% yellow and 17.3% black. It has a hue angle of 209.3 degrees, a saturation of 58.7% and a lightness of 58.2%. #5696d3 color hex could be obtained by blending #acffff with #002da7. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 34
- G 59
- B 83
RGB color chart
- C 59
- M 29
- Y 0
- K 17
CMYK color chart

● #5696d3 color description : Moderate blue.

The hexadecimal color #5696d3 has RGB values of R:86, G:150, B:211 and CMYK values of C:0.59, M:0.29, Y:0, K:0.17. Its decimal value is 5674707.

Hex triplet	5696d3	`#5696d3`
RGB Decimal	86, 150, 211	`rgb(86,150,211)`
RGB Percent	33.7, 58.8, 82.7	`rgb(33.7%,58.8%,82.7%)`
CMYK	59, 29, 0, 17
HSL	209.3°, 58.7, 58.2	`hsl(209.3,58.7%,58.2%)`
HSV (or HSB)	209.3°, 59.2, 82.7
Web Safe	6699cc	`#6699cc`

CIE-LAB	60.331, -2.375, -37.423
XYZ	26.499, 28.493, 65.728
xyY	0.22, 0.236, 28.493
CIE-LCH	60.331, 37.498, 266.369
CIE-LUV	60.331, -27.479, -58.409
Hunter-Lab	53.378, -4.798, -35.642
Binary	01010110, 10010110, 11010011

#5696d3
```
#5696d3 rgb(86,150,211)
```
#d39356
```
#d39356 rgb(211,147,86)
```

Complementary Color

#56d3d2
```
#56d3d2 rgb(86,211,210)
```
#5696d3
```
#5696d3 rgb(86,150,211)
```
#5658d3
```
#5658d3 rgb(86,88,211)
```

Analogous Color

#d3d256
```
#d3d256 rgb(211,210,86)
```
#5696d3
```
#5696d3 rgb(86,150,211)
```
#d35658
```
#d35658 rgb(211,86,88)
```

Split Complementary Color

#96d356
```
#96d356 rgb(150,211,86)
```
#5696d3
```
#5696d3 rgb(86,150,211)
```
#d35696
```
#d35696 rgb(211,86,150)
```

Triadic Color

#56d393
```
#56d393 rgb(86,211,147)
```
#5696d3
```
#5696d3 rgb(86,150,211)
```
#d35696
```
#d35696 rgb(211,86,150)
```
#d39356
```
#d39356 rgb(211,147,86)
```

Tetradic Color

#2e70af
```
#2e70af rgb(46,112,175)
```
#337dc3
```
#337dc3 rgb(51,125,195)
```
#4289ce
```
#4289ce rgb(66,137,206)
```
#5696d3
```
#5696d3 rgb(86,150,211)
```
#6aa3d8
```
#6aa3d8 rgb(106,163,216)
```
#7eafde
```
#7eafde rgb(126,175,222)
```
#93bce3
```
#93bce3 rgb(147,188,227)
```

Monochromatic Color

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

#56b5d3
```
#56b5d3 rgb(86,181,211)
```
#56abd3
```
#56abd3 rgb(86,171,211)
```
#56a0d3
```
#56a0d3 rgb(86,160,211)
```
#5696d3
```
#5696d3 rgb(86,150,211)
```
#568cd3
```
#568cd3 rgb(86,140,211)
```
#5681d3
```
#5681d3 rgb(86,129,211)
```
#5677d3
```
#5677d3 rgb(86,119,211)
```

Similar Colors

Text with hexadecimal color #5696d3

This text has a font color of #5696d3.

<span style="color:#5696d3;">Text here</span>

#5696d3 background color

This paragraph has a background color of #5696d3.

<p style="background-color:#5696d3;">Content here</p>

#5696d3 border color

This element has a border color of #5696d3.

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

CSS codes

.text {color:#5696d3;}

.background {background-color:#5696d3;}

.border {border:1px solid #5696d3;}

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

#010102
```
#010102 rgb(1,1,2)
```
#050b12
```
#050b12 rgb(5,11,18)
```
#091521
```
#091521 rgb(9,21,33)
```
#0d1f31
```
#0d1f31 rgb(13,31,49)
```
#112940
```
#112940 rgb(17,41,64)
```
#153350
```
#153350 rgb(21,51,80)
```
#193d60
```
#193d60 rgb(25,61,96)
```
#1d476f
```
#1d476f rgb(29,71,111)
```
#21517f
```
#21517f rgb(33,81,127)
```
#255b8e
```
#255b8e rgb(37,91,142)
```
#29659e
```
#29659e rgb(41,101,158)
```
#2d6fad
```
#2d6fad rgb(45,111,173)
```
#3179bd
```
#3179bd rgb(49,121,189)
```

Shade Color Variation

#3783cb
```
#3783cb rgb(55,131,203)
```
#468ccf
```
#468ccf rgb(70,140,207)
```
#5696d3
```
#5696d3 rgb(86,150,211)
```
#66a0d7
```
#66a0d7 rgb(102,160,215)
```
#75a9db
```
#75a9db rgb(117,169,219)
```
#85b3df
```
#85b3df rgb(133,179,223)
```
#94bde3
```
#94bde3 rgb(148,189,227)
```
#a4c6e7
```
#a4c6e7 rgb(164,198,231)
```
#b3d0eb
```
#b3d0eb rgb(179,208,235)
```
#c3daef
```
#c3daef rgb(195,218,239)
```
#d3e3f3
```
#d3e3f3 rgb(211,227,243)
```
#e2edf7
```
#e2edf7 rgb(226,237,247)
```
#f2f7fc
```
#f2f7fc rgb(242,247,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8f959a is the less saturated color, while #2d97fc is the most saturated one.

#8f959a
```
#8f959a rgb(143,149,154)
```
#8795a2
```
#8795a2 rgb(135,149,162)
```
#7f95aa
```
#7f95aa rgb(127,149,170)
```
#7795b2
```
#7795b2 rgb(119,149,178)
```
#6f95ba
```
#6f95ba rgb(111,149,186)
```
#6696c3
```
#6696c3 rgb(102,150,195)
```
#5e96cb
```
#5e96cb rgb(94,150,203)
```
#5696d3
```
#5696d3 rgb(86,150,211)
```
#4e96db
```
#4e96db rgb(78,150,219)
```
#4696e3
```
#4696e3 rgb(70,150,227)
```
#3d97ec
```
#3d97ec rgb(61,151,236)
```
#3597f4
```
#3597f4 rgb(53,151,244)
```
#2d97fc
```
#2d97fc rgb(45,151,252)
```

Tone Color Variation

Below, you can see how #5696d3 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

#8a8a8a Achromatopsia 0.005% of the population
#808c99 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8295d0 Protanopia 1% of men
#7996d7 Deuteranopia 1% of men
#49a3af Tritanopia 0.001% of the population

Trichromacy

#7295d1 Protanomaly 1% of men, 0.01% of women
#6c96d5 Deuteranomaly 6% of men, 0.4% of women
#4d9ebc Tritanomaly 0.01% of the population

#5696d3 hex color

#5696d3 Color Information

#5696d3 Color Conversion

Color Schemes with #5696d3

Alternatives to #5696d3

#5696d3 Preview

Shades and Tints of #5696d3

Tones of #5696d3

Color Blindness Simulator