#5f59f0 hex color

In a RGB color space, hex #5f59f0 is composed of 37.3% red, 34.9% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 60.4% cyan, 62.9% magenta, 0% yellow and 5.9% black. It has a hue angle of 242.4 degrees, a saturation of 83.4% and a lightness of 64.5%. #5f59f0 color hex could be obtained by blending #beb2ff with #0000e1. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 37
- G 35
- B 94
RGB color chart
- C 60
- M 63
- Y 0
- K 6
CMYK color chart

● #5f59f0 color description : Soft blue.

The hexadecimal color #5f59f0 has RGB values of R:95, G:89, B:240 and CMYK values of C:0.6, M:0.63, Y:0, K:0.06. Its decimal value is 6248944.

Hex triplet	5f59f0	`#5f59f0`
RGB Decimal	95, 89, 240	`rgb(95,89,240)`
RGB Percent	37.3, 34.9, 94.1	`rgb(37.3%,34.9%,94.1%)`
CMYK	60, 63, 0, 6
HSL	242.4°, 83.4, 64.5	`hsl(242.4,83.4%,64.5%)`
HSV (or HSB)	242.4°, 62.9, 94.1
Web Safe	6666ff	`#6666ff`

CIE-LAB	46.801, 45.411, -75.32
XYZ	24.017, 15.868, 84.231
xyY	0.194, 0.128, 15.868
CIE-LCH	46.801, 87.95, 301.086
CIE-LUV	46.801, -6.816, -116.137
Hunter-Lab	39.835, 37.91, -97.485
Binary	01011111, 01011001, 11110000

#5f59f0
```
#5f59f0 rgb(95,89,240)
```
#eaf059
```
#eaf059 rgb(234,240,89)
```

Complementary Color

#599ff0
```
#599ff0 rgb(89,159,240)
```
#5f59f0
```
#5f59f0 rgb(95,89,240)
```
#ab59f0
```
#ab59f0 rgb(171,89,240)
```

Analogous Color

#9ff059
```
#9ff059 rgb(159,240,89)
```
#5f59f0
```
#5f59f0 rgb(95,89,240)
```
#f0ab59
```
#f0ab59 rgb(240,171,89)
```

Split Complementary Color

#59f05f
```
#59f05f rgb(89,240,95)
```
#5f59f0
```
#5f59f0 rgb(95,89,240)
```
#f05f59
```
#f05f59 rgb(240,95,89)
```

Triadic Color

#59eaf0
```
#59eaf0 rgb(89,234,240)
```
#5f59f0
```
#5f59f0 rgb(95,89,240)
```
#f05f59
```
#f05f59 rgb(240,95,89)
```
#eaf059
```
#eaf059 rgb(234,240,89)
```

Tetradic Color

#1d15e8
```
#1d15e8 rgb(29,21,232)
```
#322aec
```
#322aec rgb(50,42,236)
```
#4842ee
```
#4842ee rgb(72,66,238)
```
#5f59f0
```
#5f59f0 rgb(95,89,240)
```
#7670f2
```
#7670f2 rgb(118,112,242)
```
#8c88f4
```
#8c88f4 rgb(140,136,244)
```
#a39ff6
```
#a39ff6 rgb(163,159,246)
```

Monochromatic Color

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

#5979f0
```
#5979f0 rgb(89,121,240)
```
#596cf0
```
#596cf0 rgb(89,108,240)
```
#5960f0
```
#5960f0 rgb(89,96,240)
```
#5f59f0
```
#5f59f0 rgb(95,89,240)
```
#6c59f0
```
#6c59f0 rgb(108,89,240)
```
#7859f0
```
#7859f0 rgb(120,89,240)
```
#8559f0
```
#8559f0 rgb(133,89,240)
```

Similar Colors

Text with hexadecimal color #5f59f0

This text has a font color of #5f59f0.

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

#5f59f0 background color

This paragraph has a background color of #5f59f0.

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

#5f59f0 border color

This element has a border color of #5f59f0.

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

CSS codes

.text {color:#5f59f0;}

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

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

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, #02010e is the darkest color, while #fbfbff is the lightest one.

#02010e
```
#02010e rgb(2,1,14)
```
#040320
```
#040320 rgb(4,3,32)
```
#060532
```
#060532 rgb(6,5,50)
```
#090644
```
#090644 rgb(9,6,68)
```
#0b0856
```
#0b0856 rgb(11,8,86)
```
#0d0968
```
#0d0968 rgb(13,9,104)
```
#0f0b7a
```
#0f0b7a rgb(15,11,122)
```
#120d8c
```
#120d8c rgb(18,13,140)
```
#140e9e
```
#140e9e rgb(20,14,158)
```
#1610b0
```
#1610b0 rgb(22,16,176)
```
#1912c2
```
#1912c2 rgb(25,18,194)
```
#1b13d4
```
#1b13d4 rgb(27,19,212)
```
#1d15e6
```
#1d15e6 rgb(29,21,230)
```

Shade Color Variation

#2b23eb
```
#2b23eb rgb(43,35,235)
```
#3c35ed
```
#3c35ed rgb(60,53,237)
```
#4e47ee
```
#4e47ee rgb(78,71,238)
```
#5f59f0
```
#5f59f0 rgb(95,89,240)
```
#706bf2
```
#706bf2 rgb(112,107,242)
```
#827df3
```
#827df3 rgb(130,125,243)
```
#938ff5
```
#938ff5 rgb(147,143,245)
```
#a4a1f7
```
#a4a1f7 rgb(164,161,247)
```
#b6b3f8
```
#b6b3f8 rgb(182,179,248)
```
#c7c5fa
```
#c7c5fa rgb(199,197,250)
```
#d8d7fb
```
#d8d7fb rgb(216,215,251)
```
#eae9fd
```
#eae9fd rgb(234,233,253)
```
#fbfbff
```
#fbfbff rgb(251,251,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9f9faa is the less saturated color, while #524bfe is the most saturated one.

#9f9faa
```
#9f9faa rgb(159,159,170)
```
#9998b1
```
#9998b1 rgb(153,152,177)
```
#9291b8
```
#9291b8 rgb(146,145,184)
```
#8c8abf
```
#8c8abf rgb(140,138,191)
```
#8583c6
```
#8583c6 rgb(133,131,198)
```
#7f7ccd
```
#7f7ccd rgb(127,124,205)
```
#7975d4
```
#7975d4 rgb(121,117,212)
```
#726edb
```
#726edb rgb(114,110,219)
```
#6c67e2
```
#6c67e2 rgb(108,103,226)
```
#6560e9
```
#6560e9 rgb(101,96,233)
```
#5f59f0
```
#5f59f0 rgb(95,89,240)
```
#5952f7
```
#5952f7 rgb(89,82,247)
```
#524bfe
```
#524bfe rgb(82,75,254)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#696886 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0072e0 Protanopia 1% of men
#0079c4 Deuteranopia 1% of men
#14818b Tritanopia 0.001% of the population

Trichromacy

#2269e6 Protanomaly 1% of men, 0.01% of women
#226dd4 Deuteranomaly 6% of men, 0.4% of women
#2f72af Tritanomaly 0.01% of the population

#5f59f0 hex color

#5f59f0 Color Information

#5f59f0 Color Conversion

Color Schemes with #5f59f0

Alternatives to #5f59f0

#5f59f0 Preview

Shades and Tints of #5f59f0

Tones of #5f59f0

Color Blindness Simulator