#5660b1 hex color

In a RGB color space, hex #5660b1 is composed of 33.7% red, 37.6% green and 69.4% blue. Whereas in a CMYK color space, it is composed of 51.4% cyan, 45.8% magenta, 0% yellow and 30.6% black. It has a hue angle of 233.4 degrees, a saturation of 36.8% and a lightness of 51.6%. #5660b1 color hex could be obtained by blending #acc0ff with #000063. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 34
- G 38
- B 69
RGB color chart
- C 51
- M 46
- Y 0
- K 31
CMYK color chart

● #5660b1 color description : Dark moderate blue.

The hexadecimal color #5660b1 has RGB values of R:86, G:96, B:177 and CMYK values of C:0.51, M:0.46, Y:0, K:0.31. Its decimal value is 5660849.

Hex triplet	5660b1	`#5660b1`
RGB Decimal	86, 96, 177	`rgb(86,96,177)`
RGB Percent	33.7, 37.6, 69.4	`rgb(33.7%,37.6%,69.4%)`
CMYK	51, 46, 0, 31
HSL	233.4°, 36.8, 51.6	`hsl(233.4,36.8%,51.6%)`
HSV (or HSB)	233.4°, 51.4, 69.4
Web Safe	666699	`#666699`

CIE-LAB	43.533, 19.207, -44.5
XYZ	15.955, 13.518, 43.361
xyY	0.219, 0.186, 13.518
CIE-LCH	43.533, 48.469, 293.346
CIE-LUV	43.533, -8.418, -67.654
Hunter-Lab	36.767, 13.118, -44.187
Binary	01010110, 01100000, 10110001

#5660b1
```
#5660b1 rgb(86,96,177)
```
#b1a756
```
#b1a756 rgb(177,167,86)
```

Complementary Color

#568eb1
```
#568eb1 rgb(86,142,177)
```
#5660b1
```
#5660b1 rgb(86,96,177)
```
#7a56b1
```
#7a56b1 rgb(122,86,177)
```

Analogous Color

#8eb156
```
#8eb156 rgb(142,177,86)
```
#5660b1
```
#5660b1 rgb(86,96,177)
```
#b17a56
```
#b17a56 rgb(177,122,86)
```

Split Complementary Color

#60b156
```
#60b156 rgb(96,177,86)
```
#5660b1
```
#5660b1 rgb(86,96,177)
```
#b15660
```
#b15660 rgb(177,86,96)
```

Triadic Color

#56b1a7
```
#56b1a7 rgb(86,177,167)
```
#5660b1
```
#5660b1 rgb(86,96,177)
```
#b15660
```
#b15660 rgb(177,86,96)
```
#b1a756
```
#b1a756 rgb(177,167,86)
```

Tetradic Color

#3b4280
```
#3b4280 rgb(59,66,128)
```
#434c91
```
#434c91 rgb(67,76,145)
```
#4b55a3
```
#4b55a3 rgb(75,85,163)
```
#5660b1
```
#5660b1 rgb(86,96,177)
```
#6770b9
```
#6770b9 rgb(103,112,185)
```
#7981c1
```
#7981c1 rgb(121,129,193)
```
#8a91c9
```
#8a91c9 rgb(138,145,201)
```

Monochromatic Color

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

#5677b1
```
#5677b1 rgb(86,119,177)
```
#566fb1
```
#566fb1 rgb(86,111,177)
```
#5668b1
```
#5668b1 rgb(86,104,177)
```
#5660b1
```
#5660b1 rgb(86,96,177)
```
#5658b1
```
#5658b1 rgb(86,88,177)
```
#5b56b1
```
#5b56b1 rgb(91,86,177)
```
#6356b1
```
#6356b1 rgb(99,86,177)
```

Similar Colors

Text with hexadecimal color #5660b1

This text has a font color of #5660b1.

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

#5660b1 background color

This paragraph has a background color of #5660b1.

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

#5660b1 border color

This element has a border color of #5660b1.

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

CSS codes

.text {color:#5660b1;}

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

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

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

#030305
```
#030305 rgb(3,3,5)
```
#090a13
```
#090a13 rgb(9,10,19)
```
#0f1120
```
#0f1120 rgb(15,17,32)
```
#15182e
```
#15182e rgb(21,24,46)
```
#1b1f3b
```
#1b1f3b rgb(27,31,59)
```
#212649
```
#212649 rgb(33,38,73)
```
#282d56
```
#282d56 rgb(40,45,86)
```
#2e3463
```
#2e3463 rgb(46,52,99)
```
#343b71
```
#343b71 rgb(52,59,113)
```
#3a427e
```
#3a427e rgb(58,66,126)
```
#40498c
```
#40498c rgb(64,73,140)
```
#475099
```
#475099 rgb(71,80,153)
```
#4d57a7
```
#4d57a7 rgb(77,87,167)
```

Shade Color Variation

#5660b1
```
#5660b1 rgb(86,96,177)
```
#636db7
```
#636db7 rgb(99,109,183)
```
#7179bd
```
#7179bd rgb(113,121,189)
```
#7e86c4
```
#7e86c4 rgb(126,134,196)
```
#8c93ca
```
#8c93ca rgb(140,147,202)
```
#999fd0
```
#999fd0 rgb(153,159,208)
```
#a7acd6
```
#a7acd6 rgb(167,172,214)
```
#b4b8dc
```
#b4b8dc rgb(180,184,220)
```
#c1c5e3
```
#c1c5e3 rgb(193,197,227)
```
#cfd2e9
```
#cfd2e9 rgb(207,210,233)
```
#dcdeef
```
#dcdeef rgb(220,222,239)
```
#eaebf5
```
#eaebf5 rgb(234,235,245)
```
#f7f8fb
```
#f7f8fb rgb(247,248,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7c7e8b is the less saturated color, while #0a25fd is the most saturated one.

#7c7e8b
```
#7c7e8b rgb(124,126,139)
```
#737695
```
#737695 rgb(115,118,149)
```
#696f9e
```
#696f9e rgb(105,111,158)
```
#6067a8
```
#6067a8 rgb(96,103,168)
```
#5660b1
```
#5660b1 rgb(86,96,177)
```
#4d59bb
```
#4d59bb rgb(77,89,187)
```
#4351c4
```
#4351c4 rgb(67,81,196)
```
#3a4ace
```
#3a4ace rgb(58,74,206)
```
#3042d7
```
#3042d7 rgb(48,66,215)
```
#273be1
```
#273be1 rgb(39,59,225)
```
#1d34ea
```
#1d34ea rgb(29,52,234)
```
#132cf4
```
#132cf4 rgb(19,44,244)
```
#0a25fd
```
#0a25fd rgb(10,37,253)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#636575 Atypical Achromatopsia 0.001% of the population

Dichromacy

#486cb8 Protanopia 1% of men
#396fb2 Deuteranopia 1% of men
#48757e Tritanopia 0.001% of the population

Trichromacy

#4d67b5 Protanomaly 1% of men, 0.01% of women
#446ab1 Deuteranomaly 6% of men, 0.4% of women
#4d6d90 Tritanomaly 0.01% of the population

#5660b1 hex color

#5660b1 Color Information

#5660b1 Color Conversion

Color Schemes with #5660b1

Alternatives to #5660b1

#5660b1 Preview

Shades and Tints of #5660b1

Tones of #5660b1

Color Blindness Simulator