#5660f5 hex color

In a RGB color space, hex #5660f5 is composed of 33.7% red, 37.6% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 64.9% cyan, 60.8% magenta, 0% yellow and 3.9% black. It has a hue angle of 236.2 degrees, a saturation of 88.8% and a lightness of 64.9%. #5660f5 color hex could be obtained by blending #acc0ff with #0000eb. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 34
- G 38
- B 96
RGB color chart
- C 65
- M 61
- Y 0
- K 4
CMYK color chart

● #5660f5 color description : Soft blue.

The hexadecimal color #5660f5 has RGB values of R:86, G:96, B:245 and CMYK values of C:0.65, M:0.61, Y:0, K:0.04. Its decimal value is 5660917.

Hex triplet	5660f5	`#5660f5`
RGB Decimal	86, 96, 245	`rgb(86,96,245)`
RGB Percent	33.7, 37.6, 96.1	`rgb(33.7%,37.6%,96.1%)`
CMYK	65, 61, 0, 4
HSL	236.2°, 88.8, 64.9	`hsl(236.2,88.8%,64.9%)`
HSV (or HSB)	236.2°, 64.9, 96.1
Web Safe	6666ff	`#6666ff`

CIE-LAB	48.179, 41.572, -75.897
XYZ	24.499, 16.935, 88.359
xyY	0.189, 0.13, 16.935
CIE-LCH	48.179, 86.536, 298.711
CIE-LUV	48.179, -11.006, -117.718
Hunter-Lab	41.153, 34.246, -98.495
Binary	01010110, 01100000, 11110101

#5660f5
```
#5660f5 rgb(86,96,245)
```
#f5eb56
```
#f5eb56 rgb(245,235,86)
```

Complementary Color

#56b0f5
```
#56b0f5 rgb(86,176,245)
```
#5660f5
```
#5660f5 rgb(86,96,245)
```
#9c56f5
```
#9c56f5 rgb(156,86,245)
```

Analogous Color

#b0f556
```
#b0f556 rgb(176,245,86)
```
#5660f5
```
#5660f5 rgb(86,96,245)
```
#f59c56
```
#f59c56 rgb(245,156,86)
```

Split Complementary Color

#60f556
```
#60f556 rgb(96,245,86)
```
#5660f5
```
#5660f5 rgb(86,96,245)
```
#f55660
```
#f55660 rgb(245,86,96)
```

Triadic Color

#56f5eb
```
#56f5eb rgb(86,245,235)
```
#5660f5
```
#5660f5 rgb(86,96,245)
```
#f55660
```
#f55660 rgb(245,86,96)
```
#f5eb56
```
#f5eb56 rgb(245,235,86)
```

Tetradic Color

#0e1cf0
```
#0e1cf0 rgb(14,28,240)
```
#2633f2
```
#2633f2 rgb(38,51,242)
```
#3e49f4
```
#3e49f4 rgb(62,73,244)
```
#5660f5
```
#5660f5 rgb(86,96,245)
```
#6e77f6
```
#6e77f6 rgb(110,119,246)
```
#868df8
```
#868df8 rgb(134,141,248)
```
#9ea4f9
```
#9ea4f9 rgb(158,164,249)
```

Monochromatic Color

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

#5688f5
```
#5688f5 rgb(86,136,245)
```
#567bf5
```
#567bf5 rgb(86,123,245)
```
#566df5
```
#566df5 rgb(86,109,245)
```
#5660f5
```
#5660f5 rgb(86,96,245)
```
#5956f5
```
#5956f5 rgb(89,86,245)
```
#6756f5
```
#6756f5 rgb(103,86,245)
```
#7456f5
```
#7456f5 rgb(116,86,245)
```

Similar Colors

Text with hexadecimal color #5660f5

This text has a font color of #5660f5.

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

#5660f5 background color

This paragraph has a background color of #5660f5.

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

#5660f5 border color

This element has a border color of #5660f5.

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

CSS codes

.text {color:#5660f5;}

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

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

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

#010210
```
#010210 rgb(1,2,16)
```
#020423
```
#020423 rgb(2,4,35)
```
#030635
```
#030635 rgb(3,6,53)
```
#040848
```
#040848 rgb(4,8,72)
```
#050b5a
```
#050b5a rgb(5,11,90)
```
#060d6d
```
#060d6d rgb(6,13,109)
```
#080f7f
```
#080f7f rgb(8,15,127)
```
#091192
```
#091192 rgb(9,17,146)
```
#0a13a4
```
#0a13a4 rgb(10,19,164)
```
#0b16b7
```
#0b16b7 rgb(11,22,183)
```
#0c18c9
```
#0c18c9 rgb(12,24,201)
```
#0d1adc
```
#0d1adc rgb(13,26,220)
```
#0e1cee
```
#0e1cee rgb(14,28,238)
```

Shade Color Variation

#1e2cf2
```
#1e2cf2 rgb(30,44,242)
```
#313df3
```
#313df3 rgb(49,61,243)
```
#434ff4
```
#434ff4 rgb(67,79,244)
```
#5660f5
```
#5660f5 rgb(86,96,245)
```
#6971f6
```
#6971f6 rgb(105,113,246)
```
#7b83f7
```
#7b83f7 rgb(123,131,247)
```
#8e94f8
```
#8e94f8 rgb(142,148,248)
```
#a0a6f9
```
#a0a6f9 rgb(160,166,249)
```
#b3b7fa
```
#b3b7fa rgb(179,183,250)
```
#c5c9fc
```
#c5c9fc rgb(197,201,252)
```
#d8dafd
```
#d8dafd rgb(216,218,253)
```
#eaebfe
```
#eaebfe rgb(234,235,254)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

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

#a2a2a9
```
#a2a2a9 rgb(162,162,169)
```
#9b9cb0
```
#9b9cb0 rgb(155,156,176)
```
#9496b7
```
#9496b7 rgb(148,150,183)
```
#8d90be
```
#8d90be rgb(141,144,190)
```
#868ac5
```
#868ac5 rgb(134,138,197)
```
#7f84cc
```
#7f84cc rgb(127,132,204)
```
#787ed3
```
#787ed3 rgb(120,126,211)
```
#7278d9
```
#7278d9 rgb(114,120,217)
```
#6b72e0
```
#6b72e0 rgb(107,114,224)
```
#646ce7
```
#646ce7 rgb(100,108,231)
```
#5d66ee
```
#5d66ee rgb(93,102,238)
```
#5660f5
```
#5660f5 rgb(86,96,245)
```
#4f5afc
```
#4f5afc rgb(79,90,252)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#696b89 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0076e6 Protanopia 1% of men
#007cc9 Deuteranopia 1% of men
#00858e Tritanopia 0.001% of the population

Trichromacy

#1f6eeb Protanomaly 1% of men, 0.01% of women
#1f72d9 Deuteranomaly 6% of men, 0.4% of women
#1f77b3 Tritanomaly 0.01% of the population

#5660f5 hex color

#5660f5 Color Information

#5660f5 Color Conversion

Color Schemes with #5660f5

Alternatives to #5660f5

#5660f5 Preview

Shades and Tints of #5660f5

Tones of #5660f5

Color Blindness Simulator