colorhexa.com

#5f5ce9 hex color

In a RGB color space, hex #5f5ce9 is composed of 37.3% red, 36.1% green and 91.4% blue. Whereas in a CMYK color space, it is composed of 59.2% cyan, 60.5% magenta, 0% yellow and 8.6% black. It has a hue angle of 241.3 degrees, a saturation of 76.2% and a lightness of 63.7%. #5f5ce9 color hex could be obtained by blending #beb8ff with #0000d3. Closest websafe color is: #6666ff.

- R 37
- G 36
- B 91
RGB color chart
- C 59
- M 61
- Y 0
- K 9
CMYK color chart

● #5f5ce9 color description : Soft blue.

The hexadecimal color #5f5ce9 has RGB values of R:95, G:92, B:233 and CMYK values of C:0.59, M:0.61, Y:0, K:0.09. Its decimal value is 6249705.

Hex triplet	5f5ce9	`#5f5ce9`
RGB Decimal	95, 92, 233	`rgb(95,92,233)`
RGB Percent	37.3, 36.1, 91.4	`rgb(37.3%,36.1%,91.4%)`
CMYK	59, 61, 0, 9
HSL	241.3°, 76.2, 63.7	`hsl(241.3,76.2%,63.7%)`
HSV (or HSB)	241.3°, 60.5, 91.4
Web Safe	6666ff	`#6666ff`

CIE-LAB	46.934, 41.441, -71.165
XYZ	23.252, 15.969, 78.943
xyY	0.197, 0.135, 15.969
CIE-LCH	46.934, 82.352, 300.213
CIE-LUV	46.934, -7.131, -110.235
Hunter-Lab	39.962, 33.926, -89.153
Binary	01011111, 01011100, 11101001

#5f5ce9
```
#5f5ce9 rgb(95,92,233)
```
#e6e95c
```
#e6e95c rgb(230,233,92)
```

Complementary Color

#5ca0e9
```
#5ca0e9 rgb(92,160,233)
```
#5f5ce9
```
#5f5ce9 rgb(95,92,233)
```
#a65ce9
```
#a65ce9 rgb(166,92,233)
```

Analogous Color

#a0e95c
```
#a0e95c rgb(160,233,92)
```
#5f5ce9
```
#5f5ce9 rgb(95,92,233)
```
#e9a65c
```
#e9a65c rgb(233,166,92)
```

Split Complementary Color

#5ce95f
```
#5ce95f rgb(92,233,95)
```
#5f5ce9
```
#5f5ce9 rgb(95,92,233)
```
#e95f5c
```
#e95f5c rgb(233,95,92)
```

Triadic Color

#5ce6e9
```
#5ce6e9 rgb(92,230,233)
```
#5f5ce9
```
#5f5ce9 rgb(95,92,233)
```
#e95f5c
```
#e95f5c rgb(233,95,92)
```
#e6e95c
```
#e6e95c rgb(230,233,92)
```

Tetradic Color

#221edb
```
#221edb rgb(34,30,219)
```
#332fe3
```
#332fe3 rgb(51,47,227)
```
#4946e6
```
#4946e6 rgb(73,70,230)
```
#5f5ce9
```
#5f5ce9 rgb(95,92,233)
```
#7572ec
```
#7572ec rgb(117,114,236)
```
#8b89ef
```
#8b89ef rgb(139,137,239)
```
#a19ff2
```
#a19ff2 rgb(161,159,242)
```

Monochromatic Color

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

#5c7ce9
```
#5c7ce9 rgb(92,124,233)
```
#5c71e9
```
#5c71e9 rgb(92,113,233)
```
#5c65e9
```
#5c65e9 rgb(92,101,233)
```
#5f5ce9
```
#5f5ce9 rgb(95,92,233)
```
#6b5ce9
```
#6b5ce9 rgb(107,92,233)
```
#775ce9
```
#775ce9 rgb(119,92,233)
```
#825ce9
```
#825ce9 rgb(130,92,233)
```

Similar Colors

Text with hexadecimal color #5f5ce9

This text has a font color of #5f5ce9.

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

#5f5ce9 background color

This paragraph has a background color of #5f5ce9.

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

#5f5ce9 border color

This element has a border color of #5f5ce9.

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

CSS codes

.text {color:#5f5ce9;}

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

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

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

#02010a
```
#02010a rgb(2,1,10)
```
#04041b
```
#04041b rgb(4,4,27)
```
#07062c
```
#07062c rgb(7,6,44)
```
#09083e
```
#09083e rgb(9,8,62)
```
#0c0b4f
```
#0c0b4f rgb(12,11,79)
```
#0f0d60
```
#0f0d60 rgb(15,13,96)
```
#110f72
```
#110f72 rgb(17,15,114)
```
#141283
```
#141283 rgb(20,18,131)
```
#171494
```
#171494 rgb(23,20,148)
```
#1916a5
```
#1916a5 rgb(25,22,165)
```
#1c19b7
```
#1c19b7 rgb(28,25,183)
```
#1f1bc8
```
#1f1bc8 rgb(31,27,200)
```
#211dd9
```
#211dd9 rgb(33,29,217)
```

Shade Color Variation

#2c28e2
```
#2c28e2 rgb(44,40,226)
```
#3d39e4
```
#3d39e4 rgb(61,57,228)
```
#4e4be7
```
#4e4be7 rgb(78,75,231)
```
#5f5ce9
```
#5f5ce9 rgb(95,92,233)
```
#706deb
```
#706deb rgb(112,109,235)
```
#817fee
```
#817fee rgb(129,127,238)
```
#9290f0
```
#9290f0 rgb(146,144,240)
```
#a3a1f2
```
#a3a1f2 rgb(163,161,242)
```
#b4b2f5
```
#b4b2f5 rgb(180,178,245)
```
#c5c4f7
```
#c5c4f7 rgb(197,196,247)
```
#d6d5f9
```
#d6d5f9 rgb(214,213,249)
```
#e7e6fc
```
#e7e6fc rgb(231,230,252)
```
#f8f8fe
```
#f8f8fe rgb(248,248,254)
```

Tint Color Variation

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

#9c9ca9
```
#9c9ca9 rgb(156,156,169)
```
#9695b0
```
#9695b0 rgb(150,149,176)
```
#8f8eb7
```
#8f8eb7 rgb(143,142,183)
```
#8887be
```
#8887be rgb(136,135,190)
```
#8180c5
```
#8180c5 rgb(129,128,197)
```
#7a78cd
```
#7a78cd rgb(122,120,205)
```
#7371d4
```
#7371d4 rgb(115,113,212)
```
#6d6adb
```
#6d6adb rgb(109,106,219)
```
#6663e2
```
#6663e2 rgb(102,99,226)
```
#5f5ce9
```
#5f5ce9 rgb(95,92,233)
```
#5855f0
```
#5855f0 rgb(88,85,240)
```
#514ef7
```
#514ef7 rgb(81,78,247)
```
#4b47fe
```
#4b47fe rgb(75,71,254)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#6a6a86 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0073e1 Protanopia 1% of men
#0079c5 Deuteranopia 1% of men
#28818a Tritanopia 0.001% of the population

Trichromacy

#226ae4 Protanomaly 1% of men, 0.01% of women
#226ed2 Deuteranomaly 6% of men, 0.4% of women
#3c73ad Tritanomaly 0.01% of the population