#5660bd hex color

In a RGB color space, hex #5660bd is composed of 33.7% red, 37.6% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 54.5% cyan, 49.2% magenta, 0% yellow and 25.9% black. It has a hue angle of 234.2 degrees, a saturation of 43.8% and a lightness of 53.9%. #5660bd color hex could be obtained by blending #acc0ff with #00007b. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 34
- G 38
- B 74
RGB color chart
- C 54
- M 49
- Y 0
- K 26
CMYK color chart

● #5660bd color description : Moderate blue.

The hexadecimal color #5660bd has RGB values of R:86, G:96, B:189 and CMYK values of C:0.54, M:0.49, Y:0, K:0.26. Its decimal value is 5660861.

Hex triplet	5660bd	`#5660bd`
RGB Decimal	86, 96, 189	`rgb(86,96,189)`
RGB Percent	33.7, 37.6, 74.1	`rgb(33.7%,37.6%,74.1%)`
CMYK	54, 49, 0, 26
HSL	234.2°, 43.8, 53.9	`hsl(234.2,43.8%,53.9%)`
HSV (or HSB)	234.2°, 54.5, 74.1
Web Safe	6666cc	`#6666cc`

CIE-LAB	44.258, 23.102, -50.346
XYZ	17.204, 14.018, 49.94
xyY	0.212, 0.173, 14.018
CIE-LCH	44.258, 55.393, 294.649
CIE-LUV	44.258, -8.885, -77.072
Hunter-Lab	37.44, 16.502, -52.877
Binary	01010110, 01100000, 10111101

#5660bd
```
#5660bd rgb(86,96,189)
```
#bdb356
```
#bdb356 rgb(189,179,86)
```

Complementary Color

#5694bd
```
#5694bd rgb(86,148,189)
```
#5660bd
```
#5660bd rgb(86,96,189)
```
#8056bd
```
#8056bd rgb(128,86,189)
```

Analogous Color

#94bd56
```
#94bd56 rgb(148,189,86)
```
#5660bd
```
#5660bd rgb(86,96,189)
```
#bd8056
```
#bd8056 rgb(189,128,86)
```

Split Complementary Color

#60bd56
```
#60bd56 rgb(96,189,86)
```
#5660bd
```
#5660bd rgb(86,96,189)
```
#bd5660
```
#bd5660 rgb(189,86,96)
```

Triadic Color

#56bdb3
```
#56bdb3 rgb(86,189,179)
```
#5660bd
```
#5660bd rgb(86,96,189)
```
#bd5660
```
#bd5660 rgb(189,86,96)
```
#bdb356
```
#bdb356 rgb(189,179,86)
```

Tetradic Color

#38408f
```
#38408f rgb(56,64,143)
```
#3f48a1
```
#3f48a1 rgb(63,72,161)
```
#4651b3
```
#4651b3 rgb(70,81,179)
```
#5660bd
```
#5660bd rgb(86,96,189)
```
#6871c4
```
#6871c4 rgb(104,113,196)
```
#7b83cb
```
#7b83cb rgb(123,131,203)
```
#8d94d2
```
#8d94d2 rgb(141,148,210)
```

Monochromatic Color

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

#567abd
```
#567abd rgb(86,122,189)
```
#5671bd
```
#5671bd rgb(86,113,189)
```
#5669bd
```
#5669bd rgb(86,105,189)
```
#5660bd
```
#5660bd rgb(86,96,189)
```
#5657bd
```
#5657bd rgb(86,87,189)
```
#5d56bd
```
#5d56bd rgb(93,86,189)
```
#6656bd
```
#6656bd rgb(102,86,189)
```

Similar Colors

Text with hexadecimal color #5660bd

This text has a font color of #5660bd.

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

#5660bd background color

This paragraph has a background color of #5660bd.

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

#5660bd border color

This element has a border color of #5660bd.

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

CSS codes

.text {color:#5660bd;}

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

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

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 #f1f2fa is the lightest one.

#000000
```
#000000 rgb(0,0,0)
```
#06060e
```
#06060e rgb(6,6,14)
```
#0b0d1c
```
#0b0d1c rgb(11,13,28)
```
#11132b
```
#11132b rgb(17,19,43)
```
#161939
```
#161939 rgb(22,25,57)
```
#1c2047
```
#1c2047 rgb(28,32,71)
```
#212655
```
#212655 rgb(33,38,85)
```
#272d63
```
#272d63 rgb(39,45,99)
```
#2c3371
```
#2c3371 rgb(44,51,113)
```
#32397f
```
#32397f rgb(50,57,127)
```
#37408d
```
#37408d rgb(55,64,141)
```
#3d469b
```
#3d469b rgb(61,70,155)
```
#424caa
```
#424caa rgb(66,76,170)
```

Shade Color Variation

#4853b7
```
#4853b7 rgb(72,83,183)
```
#5660bd
```
#5660bd rgb(86,96,189)
```
#646dc3
```
#646dc3 rgb(100,109,195)
```
#727bc8
```
#727bc8 rgb(114,123,200)
```
#8088ce
```
#8088ce rgb(128,136,206)
```
#8e95d3
```
#8e95d3 rgb(142,149,211)
```
#9da2d9
```
#9da2d9 rgb(157,162,217)
```
#abb0de
```
#abb0de rgb(171,176,222)
```
#b9bde4
```
#b9bde4 rgb(185,189,228)
```
#c7cae9
```
#c7cae9 rgb(199,202,233)
```
#d5d7ef
```
#d5d7ef rgb(213,215,239)
```
#e3e5f4
```
#e3e5f4 rgb(227,229,244)
```
#f1f2fa
```
#f1f2fa rgb(241,242,250)
```

Tint Color Variation

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

#838490
```
#838490 rgb(131,132,144)
```
#7a7d99
```
#7a7d99 rgb(122,125,153)
```
#7176a2
```
#7176a2 rgb(113,118,162)
```
#686fab
```
#686fab rgb(104,111,171)
```
#5f67b4
```
#5f67b4 rgb(95,103,180)
```
#5660bd
```
#5660bd rgb(86,96,189)
```
#4d59c6
```
#4d59c6 rgb(77,89,198)
```
#4451cf
```
#4451cf rgb(68,81,207)
```
#3b4ad8
```
#3b4ad8 rgb(59,74,216)
```
#3243e1
```
#3243e1 rgb(50,67,225)
```
#293cea
```
#293cea rgb(41,60,234)
```
#2034f3
```
#2034f3 rgb(32,52,243)
```
#172dfc
```
#172dfc rgb(23,45,252)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#646679 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3d6dc5 Protanopia 1% of men
#2072bc Deuteranopia 1% of men
#417881 Tritanopia 0.001% of the population

Trichromacy

#4668c2 Protanomaly 1% of men, 0.01% of women
#346bbc Deuteranomaly 6% of men, 0.4% of women
#486f96 Tritanomaly 0.01% of the population

#5660bd hex color

#5660bd Color Information

#5660bd Color Conversion

Color Schemes with #5660bd

Alternatives to #5660bd

#5660bd Preview

Shades and Tints of #5660bd

Tones of #5660bd

Color Blindness Simulator