#5b60f0 hex color

In a RGB color space, hex #5b60f0 is composed of 35.7% red, 37.6% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 62.1% cyan, 60% magenta, 0% yellow and 5.9% black. It has a hue angle of 238 degrees, a saturation of 83.2% and a lightness of 64.9%. #5b60f0 color hex could be obtained by blending #b6c0ff with #0000e1. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 36
- G 38
- B 94
RGB color chart
- C 62
- M 60
- Y 0
- K 6
CMYK color chart

● #5b60f0 color description : Soft blue.

The hexadecimal color #5b60f0 has RGB values of R:91, G:96, B:240 and CMYK values of C:0.62, M:0.6, Y:0, K:0.06. Its decimal value is 5988592.

Hex triplet	5b60f0	`#5b60f0`
RGB Decimal	91, 96, 240	`rgb(91,96,240)`
RGB Percent	35.7, 37.6, 94.1	`rgb(35.7%,37.6%,94.1%)`
CMYK	62, 60, 0, 6
HSL	238°, 83.2, 64.9	`hsl(238,83.2%,64.9%)`
HSV (or HSB)	238°, 62.1, 94.1
Web Safe	6666ff	`#6666ff`

CIE-LAB	48.108, 40.673, -73.199
XYZ	24.222, 16.88, 84.415
xyY	0.193, 0.134, 16.88
CIE-LCH	48.108, 83.74, 299.058
CIE-LUV	48.108, -9.544, -113.859
Hunter-Lab	41.085, 33.338, -93.059
Binary	01011011, 01100000, 11110000

#5b60f0
```
#5b60f0 rgb(91,96,240)
```
#f0eb5b
```
#f0eb5b rgb(240,235,91)
```

Complementary Color

#5babf0
```
#5babf0 rgb(91,171,240)
```
#5b60f0
```
#5b60f0 rgb(91,96,240)
```
#a15bf0
```
#a15bf0 rgb(161,91,240)
```

Analogous Color

#abf05b
```
#abf05b rgb(171,240,91)
```
#5b60f0
```
#5b60f0 rgb(91,96,240)
```
#f0a15b
```
#f0a15b rgb(240,161,91)
```

Split Complementary Color

#60f05b
```
#60f05b rgb(96,240,91)
```
#5b60f0
```
#5b60f0 rgb(91,96,240)
```
#f05b60
```
#f05b60 rgb(240,91,96)
```

Triadic Color

#5bf0eb
```
#5bf0eb rgb(91,240,235)
```
#5b60f0
```
#5b60f0 rgb(91,96,240)
```
#f05b60
```
#f05b60 rgb(240,91,96)
```
#f0eb5b
```
#f0eb5b rgb(240,235,91)
```

Tetradic Color

#151ce9
```
#151ce9 rgb(21,28,233)
```
#2c33ec
```
#2c33ec rgb(44,51,236)
```
#4449ee
```
#4449ee rgb(68,73,238)
```
#5b60f0
```
#5b60f0 rgb(91,96,240)
```
#7277f2
```
#7277f2 rgb(114,119,242)
```
#8a8df4
```
#8a8df4 rgb(138,141,244)
```
#a1a4f6
```
#a1a4f6 rgb(161,164,246)
```

Monochromatic Color

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

#5b85f0
```
#5b85f0 rgb(91,133,240)
```
#5b79f0
```
#5b79f0 rgb(91,121,240)
```
#5b6cf0
```
#5b6cf0 rgb(91,108,240)
```
#5b60f0
```
#5b60f0 rgb(91,96,240)
```
#625bf0
```
#625bf0 rgb(98,91,240)
```
#6f5bf0
```
#6f5bf0 rgb(111,91,240)
```
#7b5bf0
```
#7b5bf0 rgb(123,91,240)
```

Similar Colors

Text with hexadecimal color #5b60f0

This text has a font color of #5b60f0.

<span style="color:#5b60f0;">Text here</span>

#5b60f0 background color

This paragraph has a background color of #5b60f0.

<p style="background-color:#5b60f0;">Content here</p>

#5b60f0 border color

This element has a border color of #5b60f0.

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

CSS codes

.text {color:#5b60f0;}

.background {background-color:#5b60f0;}

.border {border:1px solid #5b60f0;}

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)
```
#030422
```
#030422 rgb(3,4,34)
```
#050634
```
#050634 rgb(5,6,52)
```
#060846
```
#060846 rgb(6,8,70)
```
#080b58
```
#080b58 rgb(8,11,88)
```
#0a0d6a
```
#0a0d6a rgb(10,13,106)
```
#0b0f7c
```
#0b0f7c rgb(11,15,124)
```
#0d118e
```
#0d118e rgb(13,17,142)
```
#0f139f
```
#0f139f rgb(15,19,159)
```
#1016b1
```
#1016b1 rgb(16,22,177)
```
#1218c3
```
#1218c3 rgb(18,24,195)
```
#141ad5
```
#141ad5 rgb(20,26,213)
```
#151ce7
```
#151ce7 rgb(21,28,231)
```

Shade Color Variation

#252ceb
```
#252ceb rgb(37,44,235)
```
#373ded
```
#373ded rgb(55,61,237)
```
#494fee
```
#494fee rgb(73,79,238)
```
#5b60f0
```
#5b60f0 rgb(91,96,240)
```
#6d71f2
```
#6d71f2 rgb(109,113,242)
```
#7f83f3
```
#7f83f3 rgb(127,131,243)
```
#9194f5
```
#9194f5 rgb(145,148,245)
```
#a3a6f7
```
#a3a6f7 rgb(163,166,247)
```
#b5b7f8
```
#b5b7f8 rgb(181,183,248)
```
#c7c9fa
```
#c7c9fa rgb(199,201,250)
```
#d9dafc
```
#d9dafc rgb(217,218,252)
```
#ebebfd
```
#ebebfd rgb(235,235,253)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

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

#a0a0ab
```
#a0a0ab rgb(160,160,171)
```
#999ab2
```
#999ab2 rgb(153,154,178)
```
#9293b9
```
#9293b9 rgb(146,147,185)
```
#8b8dc0
```
#8b8dc0 rgb(139,141,192)
```
#8487c7
```
#8487c7 rgb(132,135,199)
```
#7d80ce
```
#7d80ce rgb(125,128,206)
```
#777ad4
```
#777ad4 rgb(119,122,212)
```
#7073db
```
#7073db rgb(112,115,219)
```
#696de2
```
#696de2 rgb(105,109,226)
```
#6266e9
```
#6266e9 rgb(98,102,233)
```
#5b60f0
```
#5b60f0 rgb(91,96,240)
```
#545af7
```
#545af7 rgb(84,90,247)
```
#4d53fe
```
#4d53fe rgb(77,83,254)
```

Tone Color Variation

Below, you can see how #5b60f0 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

#6f6f6f Achromatopsia 0.005% of the population
#6b6c89 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0075e6 Protanopia 1% of men
#007cca Deuteranopia 1% of men
#00858e Tritanopia 0.001% of the population

Trichromacy

#216de9 Protanomaly 1% of men, 0.01% of women
#2172d7 Deuteranomaly 6% of men, 0.4% of women
#2177b2 Tritanomaly 0.01% of the population

#5b60f0 hex color

#5b60f0 Color Information

#5b60f0 Color Conversion

Color Schemes with #5b60f0

Alternatives to #5b60f0

#5b60f0 Preview

Shades and Tints of #5b60f0

Tones of #5b60f0

Color Blindness Simulator