#5f63e9 hex color

In a RGB color space, hex #5f63e9 is composed of 37.3% red, 38.8% green and 91.4% blue. Whereas in a CMYK color space, it is composed of 59.2% cyan, 57.5% magenta, 0% yellow and 8.6% black. It has a hue angle of 238.3 degrees, a saturation of 75.8% and a lightness of 64.3%. #5f63e9 color hex could be obtained by blending #bec6ff with #0000d3. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 37
- G 39
- B 91
RGB color chart
- C 59
- M 58
- Y 0
- K 9
CMYK color chart

● #5f63e9 color description : Soft blue.

The hexadecimal color #5f63e9 has RGB values of R:95, G:99, B:233 and CMYK values of C:0.59, M:0.58, Y:0, K:0.09. Its decimal value is 6251497.

Hex triplet	5f63e9	`#5f63e9`
RGB Decimal	95, 99, 233	`rgb(95,99,233)`
RGB Percent	37.3, 38.8, 91.4	`rgb(37.3%,38.8%,91.4%)`
CMYK	59, 58, 0, 9
HSL	238.3°, 75.8, 64.3	`hsl(238.3,75.8%,64.3%)`
HSV (or HSB)	238.3°, 59.2, 91.4
Web Safe	6666ff	`#6666ff`

CIE-LAB	48.559, 37.256, -68.524
XYZ	23.886, 17.239, 79.155
xyY	0.199, 0.143, 17.239
CIE-LCH	48.559, 77.997, 298.533
CIE-LUV	48.559, -8.886, -107.275
Hunter-Lab	41.52, 30.032, -83.97
Binary	01011111, 01100011, 11101001

#5f63e9
```
#5f63e9 rgb(95,99,233)
```
#e9e55f
```
#e9e55f rgb(233,229,95)
```

Complementary Color

#5fa8e9
```
#5fa8e9 rgb(95,168,233)
```
#5f63e9
```
#5f63e9 rgb(95,99,233)
```
#a05fe9
```
#a05fe9 rgb(160,95,233)
```

Analogous Color

#a8e95f
```
#a8e95f rgb(168,233,95)
```
#5f63e9
```
#5f63e9 rgb(95,99,233)
```
#e9a05f
```
#e9a05f rgb(233,160,95)
```

Split Complementary Color

#63e95f
```
#63e95f rgb(99,233,95)
```
#5f63e9
```
#5f63e9 rgb(95,99,233)
```
#e95f63
```
#e95f63 rgb(233,95,99)
```

Triadic Color

#5fe9e5
```
#5fe9e5 rgb(95,233,229)
```
#5f63e9
```
#5f63e9 rgb(95,99,233)
```
#e95f63
```
#e95f63 rgb(233,95,99)
```
#e9e55f
```
#e9e55f rgb(233,229,95)
```

Tetradic Color

#1e24dd
```
#1e24dd rgb(30,36,221)
```
#3237e3
```
#3237e3 rgb(50,55,227)
```
#494de6
```
#494de6 rgb(73,77,230)
```
#5f63e9
```
#5f63e9 rgb(95,99,233)
```
#7579ec
```
#7579ec rgb(117,121,236)
```
#8c8fef
```
#8c8fef rgb(140,143,239)
```
#a2a5f2
```
#a2a5f2 rgb(162,165,242)
```

Monochromatic Color

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

#5f86e9
```
#5f86e9 rgb(95,134,233)
```
#5f7ae9
```
#5f7ae9 rgb(95,122,233)
```
#5f6fe9
```
#5f6fe9 rgb(95,111,233)
```
#5f63e9
```
#5f63e9 rgb(95,99,233)
```
#675fe9
```
#675fe9 rgb(103,95,233)
```
#725fe9
```
#725fe9 rgb(114,95,233)
```
#7e5fe9
```
#7e5fe9 rgb(126,95,233)
```

Similar Colors

Text with hexadecimal color #5f63e9

This text has a font color of #5f63e9.

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

#5f63e9 background color

This paragraph has a background color of #5f63e9.

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

#5f63e9 border color

This element has a border color of #5f63e9.

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

CSS codes

.text {color:#5f63e9;}

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

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

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, #02020c is the darkest color, while #fafafe is the lightest one.

#02020c
```
#02020c rgb(2,2,12)
```
#04051e
```
#04051e rgb(4,5,30)
```
#06082f
```
#06082f rgb(6,8,47)
```
#090a40
```
#090a40 rgb(9,10,64)
```
#0b0d51
```
#0b0d51 rgb(11,13,81)
```
#0e1063
```
#0e1063 rgb(14,16,99)
```
#101374
```
#101374 rgb(16,19,116)
```
#121685
```
#121685 rgb(18,22,133)
```
#151896
```
#151896 rgb(21,24,150)
```
#171ba8
```
#171ba8 rgb(23,27,168)
```
#191eb9
```
#191eb9 rgb(25,30,185)
```
#1c21ca
```
#1c21ca rgb(28,33,202)
```
#1e24db
```
#1e24db rgb(30,36,219)
```

Shade Color Variation

#2b31e2
```
#2b31e2 rgb(43,49,226)
```
#3d41e4
```
#3d41e4 rgb(61,65,228)
```
#4e52e7
```
#4e52e7 rgb(78,82,231)
```
#5f63e9
```
#5f63e9 rgb(95,99,233)
```
#7074eb
```
#7074eb rgb(112,116,235)
```
#8185ee
```
#8185ee rgb(129,133,238)
```
#9395f0
```
#9395f0 rgb(147,149,240)
```
#a4a6f2
```
#a4a6f2 rgb(164,166,242)
```
#b5b7f5
```
#b5b7f5 rgb(181,183,245)
```
#c6c8f7
```
#c6c8f7 rgb(198,200,247)
```
#d8d9fa
```
#d8d9fa rgb(216,217,250)
```
#e9eafc
```
#e9eafc rgb(233,234,252)
```
#fafafe
```
#fafafe rgb(250,250,254)
```

Tint Color Variation

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

#9e9eaa
```
#9e9eaa rgb(158,158,170)
```
#9798b1
```
#9798b1 rgb(151,152,177)
```
#9091b8
```
#9091b8 rgb(144,145,184)
```
#898bbf
```
#898bbf rgb(137,139,191)
```
#8284c6
```
#8284c6 rgb(130,132,198)
```
#7b7dcd
```
#7b7dcd rgb(123,125,205)
```
#7477d4
```
#7477d4 rgb(116,119,212)
```
#6d70db
```
#6d70db rgb(109,112,219)
```
#666ae2
```
#666ae2 rgb(102,106,226)
```
#5f63e9
```
#5f63e9 rgb(95,99,233)
```
#585cf0
```
#585cf0 rgb(88,92,240)
```
#5156f7
```
#5156f7 rgb(81,86,247)
```
#4a4ffe
```
#4a4ffe rgb(74,79,254)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#6d6e89 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0076e8 Protanopia 1% of men
#007dcc Deuteranopia 1% of men
#2c858f Tritanopia 0.001% of the population

Trichromacy

#226fe8 Protanomaly 1% of men, 0.01% of women
#2273d7 Deuteranomaly 6% of men, 0.4% of women
#3e78af Tritanomaly 0.01% of the population

#5f63e9 hex color

#5f63e9 Color Information

#5f63e9 Color Conversion

Color Schemes with #5f63e9

Alternatives to #5f63e9

#5f63e9 Preview

Shades and Tints of #5f63e9

Tones of #5f63e9

Color Blindness Simulator