#5660d2 hex color

In a RGB color space, hex #5660d2 is composed of 33.7% red, 37.6% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 59% cyan, 54.3% magenta, 0% yellow and 17.6% black. It has a hue angle of 235.2 degrees, a saturation of 57.9% and a lightness of 58%. #5660d2 color hex could be obtained by blending #acc0ff with #0000a5. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 34
- G 38
- B 82
RGB color chart
- C 59
- M 54
- Y 0
- K 18
CMYK color chart

● #5660d2 color description : Moderate blue.

The hexadecimal color #5660d2 has RGB values of R:86, G:96, B:210 and CMYK values of C:0.59, M:0.54, Y:0, K:0.18. Its decimal value is 5660882.

Hex triplet	5660d2	`#5660d2`
RGB Decimal	86, 96, 210	`rgb(86,96,210)`
RGB Percent	33.7, 37.6, 82.4	`rgb(33.7%,37.6%,82.4%)`
CMYK	59, 54, 0, 18
HSL	235.2°, 57.9, 58	`hsl(235.2,57.9%,58%)`
HSV (or HSB)	235.2°, 59, 82.4
Web Safe	6666cc	`#6666cc`

CIE-LAB	45.629, 30.012, -60.248
XYZ	19.651, 14.996, 62.828
xyY	0.202, 0.154, 14.996
CIE-LCH	45.629, 67.309, 296.48
CIE-LUV	45.629, -9.692, -92.946
Hunter-Lab	38.725, 22.811, -69.085
Binary	01010110, 01100000, 11010010

#5660d2
```
#5660d2 rgb(86,96,210)
```
#d2c856
```
#d2c856 rgb(210,200,86)
```

Complementary Color

#569ed2
```
#569ed2 rgb(86,158,210)
```
#5660d2
```
#5660d2 rgb(86,96,210)
```
#8a56d2
```
#8a56d2 rgb(138,86,210)
```

Analogous Color

#9ed256
```
#9ed256 rgb(158,210,86)
```
#5660d2
```
#5660d2 rgb(86,96,210)
```
#d28a56
```
#d28a56 rgb(210,138,86)
```

Split Complementary Color

#60d256
```
#60d256 rgb(96,210,86)
```
#5660d2
```
#5660d2 rgb(86,96,210)
```
#d25660
```
#d25660 rgb(210,86,96)
```

Triadic Color

#56d2c8
```
#56d2c8 rgb(86,210,200)
```
#5660d2
```
#5660d2 rgb(86,96,210)
```
#d25660
```
#d25660 rgb(210,86,96)
```
#d2c856
```
#d2c856 rgb(210,200,86)
```

Tetradic Color

#2e38ad
```
#2e38ad rgb(46,56,173)
```
#343fc1
```
#343fc1 rgb(52,63,193)
```
#424dcd
```
#424dcd rgb(66,77,205)
```
#5660d2
```
#5660d2 rgb(86,96,210)
```
#6a73d7
```
#6a73d7 rgb(106,115,215)
```
#7e86dd
```
#7e86dd rgb(126,134,221)
```
#9299e2
```
#9299e2 rgb(146,153,226)
```

Monochromatic Color

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

#567fd2
```
#567fd2 rgb(86,127,210)
```
#5675d2
```
#5675d2 rgb(86,117,210)
```
#566ad2
```
#566ad2 rgb(86,106,210)
```
#5660d2
```
#5660d2 rgb(86,96,210)
```
#5656d2
```
#5656d2 rgb(86,86,210)
```
#6156d2
```
#6156d2 rgb(97,86,210)
```
#6b56d2
```
#6b56d2 rgb(107,86,210)
```

Similar Colors

Text with hexadecimal color #5660d2

This text has a font color of #5660d2.

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

#5660d2 background color

This paragraph has a background color of #5660d2.

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

#5660d2 border color

This element has a border color of #5660d2.

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

CSS codes

.text {color:#5660d2;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#040511
```
#040511 rgb(4,5,17)
```
#090b20
```
#090b20 rgb(9,11,32)
```
#0d1030
```
#0d1030 rgb(13,16,48)
```
#11153f
```
#11153f rgb(17,21,63)
```
#151a4f
```
#151a4f rgb(21,26,79)
```
#191f5e
```
#191f5e rgb(25,31,94)
```
#1d246e
```
#1d246e rgb(29,36,110)
```
#21297d
```
#21297d rgb(33,41,125)
```
#252e8d
```
#252e8d rgb(37,46,141)
```
#2a339c
```
#2a339c rgb(42,51,156)
```
#2e38ac
```
#2e38ac rgb(46,56,172)
```
#323dbb
```
#323dbb rgb(50,61,187)
```

Shade Color Variation

#3743ca
```
#3743ca rgb(55,67,202)
```
#4751ce
```
#4751ce rgb(71,81,206)
```
#5660d2
```
#5660d2 rgb(86,96,210)
```
#656fd6
```
#656fd6 rgb(101,111,214)
```
#757dda
```
#757dda rgb(117,125,218)
```
#848cde
```
#848cde rgb(132,140,222)
```
#949ae2
```
#949ae2 rgb(148,154,226)
```
#a3a9e7
```
#a3a9e7 rgb(163,169,231)
```
#b3b7eb
```
#b3b7eb rgb(179,183,235)
```
#c2c6ef
```
#c2c6ef rgb(194,198,239)
```
#d2d5f3
```
#d2d5f3 rgb(210,213,243)
```
#e1e3f7
```
#e1e3f7 rgb(225,227,247)
```
#f1f2fb
```
#f1f2fb rgb(241,242,251)
```

Tint Color Variation

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

#909098
```
#909098 rgb(144,144,152)
```
#8789a1
```
#8789a1 rgb(135,137,161)
```
#7f83a9
```
#7f83a9 rgb(127,131,169)
```
#777cb1
```
#777cb1 rgb(119,124,177)
```
#6f75b9
```
#6f75b9 rgb(111,117,185)
```
#666ec2
```
#666ec2 rgb(102,110,194)
```
#5e67ca
```
#5e67ca rgb(94,103,202)
```
#5660d2
```
#5660d2 rgb(86,96,210)
```
#4e59da
```
#4e59da rgb(78,89,218)
```
#4652e2
```
#4652e2 rgb(70,82,226)
```
#3d4beb
```
#3d4beb rgb(61,75,235)
```
#3544f3
```
#3544f3 rgb(53,68,243)
```
#2d3dfb
```
#2d3dfb rgb(45,61,251)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#66687f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0f70db Protanopia 1% of men
#0075c2 Deuteranopia 1% of men
#2f7d86 Tritanopia 0.001% of the population

Trichromacy

#286ad8 Protanomaly 1% of men, 0.01% of women
#1f6dc7 Deuteranomaly 6% of men, 0.4% of women
#3d72a2 Tritanomaly 0.01% of the population

#5660d2 hex color

#5660d2 Color Information

#5660d2 Color Conversion

Color Schemes with #5660d2

Alternatives to #5660d2

#5660d2 Preview

Shades and Tints of #5660d2

Tones of #5660d2

Color Blindness Simulator