#5f63e7 hex color

In a RGB color space, hex #5f63e7 is composed of 37.3% red, 38.8% green and 90.6% blue. Whereas in a CMYK color space, it is composed of 58.9% cyan, 57.1% magenta, 0% yellow and 9.4% black. It has a hue angle of 238.2 degrees, a saturation of 73.9% and a lightness of 63.9%. #5f63e7 color hex could be obtained by blending #bec6ff with #0000cf. Closest websafe color is: #6666ff.

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

● #5f63e7 color description : Soft blue.

The hexadecimal color #5f63e7 has RGB values of R:95, G:99, B:231 and CMYK values of C:0.59, M:0.57, Y:0, K:0.09. Its decimal value is 6251495.

Hex triplet	5f63e7	`#5f63e7`
RGB Decimal	95, 99, 231	`rgb(95,99,231)`
RGB Percent	37.3, 38.8, 90.6	`rgb(37.3%,38.8%,90.6%)`
CMYK	59, 57, 0, 9
HSL	238.2°, 73.9, 63.9	`hsl(238.2,73.9%,63.9%)`
HSV (or HSB)	238.2°, 58.9, 90.6
Web Safe	6666ff	`#6666ff`

CIE-LAB	48.417, 36.613, -67.628
XYZ	23.602, 17.125, 77.659
xyY	0.199, 0.145, 17.125
CIE-LCH	48.417, 76.903, 298.43
CIE-LUV	48.417, -8.793, -105.845
Hunter-Lab	41.382, 29.387, -82.296
Binary	01011111, 01100011, 11100111

#5f63e7
```
#5f63e7 rgb(95,99,231)
```
#e7e35f
```
#e7e35f rgb(231,227,95)
```

Complementary Color

#5fa7e7
```
#5fa7e7 rgb(95,167,231)
```
#5f63e7
```
#5f63e7 rgb(95,99,231)
```
#9f5fe7
```
#9f5fe7 rgb(159,95,231)
```

Analogous Color

#a7e75f
```
#a7e75f rgb(167,231,95)
```
#5f63e7
```
#5f63e7 rgb(95,99,231)
```
#e79f5f
```
#e79f5f rgb(231,159,95)
```

Split Complementary Color

#63e75f
```
#63e75f rgb(99,231,95)
```
#5f63e7
```
#5f63e7 rgb(95,99,231)
```
#e75f63
```
#e75f63 rgb(231,95,99)
```

Triadic Color

#5fe7e3
```
#5fe7e3 rgb(95,231,227)
```
#5f63e7
```
#5f63e7 rgb(95,99,231)
```
#e75f63
```
#e75f63 rgb(231,95,99)
```
#e7e35f
```
#e7e35f rgb(231,227,95)
```

Tetradic Color

#2126d9
```
#2126d9 rgb(33,38,217)
```
#3338e0
```
#3338e0 rgb(51,56,224)
```
#494de4
```
#494de4 rgb(73,77,228)
```
#5f63e7
```
#5f63e7 rgb(95,99,231)
```
#7579ea
```
#7579ea rgb(117,121,234)
```
#8b8eee
```
#8b8eee rgb(139,142,238)
```
#a2a4f1
```
#a2a4f1 rgb(162,164,241)
```

Monochromatic Color

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

#5f85e7
```
#5f85e7 rgb(95,133,231)
```
#5f7ae7
```
#5f7ae7 rgb(95,122,231)
```
#5f6ee7
```
#5f6ee7 rgb(95,110,231)
```
#5f63e7
```
#5f63e7 rgb(95,99,231)
```
#665fe7
```
#665fe7 rgb(102,95,231)
```
#725fe7
```
#725fe7 rgb(114,95,231)
```
#7d5fe7
```
#7d5fe7 rgb(125,95,231)
```

Similar Colors

Text with hexadecimal color #5f63e7

This text has a font color of #5f63e7.

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

#5f63e7 background color

This paragraph has a background color of #5f63e7.

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

#5f63e7 border color

This element has a border color of #5f63e7.

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

CSS codes

.text {color:#5f63e7;}

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

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

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

#02020b
```
#02020b rgb(2,2,11)
```
#04051c
```
#04051c rgb(4,5,28)
```
#07082d
```
#07082d rgb(7,8,45)
```
#090b3e
```
#090b3e rgb(9,11,62)
```
#0c0e4f
```
#0c0e4f rgb(12,14,79)
```
#0e1160
```
#0e1160 rgb(14,17,96)
```
#111471
```
#111471 rgb(17,20,113)
```
#131782
```
#131782 rgb(19,23,130)
```
#161a93
```
#161a93 rgb(22,26,147)
```
#191da4
```
#191da4 rgb(25,29,164)
```
#1b20b5
```
#1b20b5 rgb(27,32,181)
```
#1e23c6
```
#1e23c6 rgb(30,35,198)
```
#2026d7
```
#2026d7 rgb(32,38,215)
```

Shade Color Variation

#2c31df
```
#2c31df rgb(44,49,223)
```
#3d42e2
```
#3d42e2 rgb(61,66,226)
```
#4e52e4
```
#4e52e4 rgb(78,82,228)
```
#5f63e7
```
#5f63e7 rgb(95,99,231)
```
#7074ea
```
#7074ea rgb(112,116,234)
```
#8184ec
```
#8184ec rgb(129,132,236)
```
#9295ef
```
#9295ef rgb(146,149,239)
```
#a3a6f1
```
#a3a6f1 rgb(163,166,241)
```
#b4b6f4
```
#b4b6f4 rgb(180,182,244)
```
#c5c7f6
```
#c5c7f6 rgb(197,199,246)
```
#d6d7f9
```
#d6d7f9 rgb(214,215,249)
```
#e7e8fb
```
#e7e8fb rgb(231,232,251)
```
#f9f9fe
```
#f9f9fe rgb(249,249,254)
```

Tint Color Variation

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

#9f9fa7
```
#9f9fa7 rgb(159,159,167)
```
#9898ae
```
#9898ae rgb(152,152,174)
```
#9192b5
```
#9192b5 rgb(145,146,181)
```
#898bbd
```
#898bbd rgb(137,139,189)
```
#8284c4
```
#8284c4 rgb(130,132,196)
```
#7b7ecb
```
#7b7ecb rgb(123,126,203)
```
#7477d2
```
#7477d2 rgb(116,119,210)
```
#6d70d9
```
#6d70d9 rgb(109,112,217)
```
#666ae0
```
#666ae0 rgb(102,106,224)
```
#5f63e7
```
#5f63e7 rgb(95,99,231)
```
#585cee
```
#585cee rgb(88,92,238)
```
#5156f5
```
#5156f5 rgb(81,86,245)
```
#4a4ffc
```
#4a4ffc rgb(74,79,252)
```

Tone Color Variation

Below, you can see how #5f63e7 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
#007ccc Deuteranopia 1% of men
#2f848e Tritanopia 0.001% of the population

Trichromacy

#226fe7 Protanomaly 1% of men, 0.01% of women
#2273d6 Deuteranomaly 6% of men, 0.4% of women
#4078ae Tritanomaly 0.01% of the population

#5f63e7 hex color

#5f63e7 Color Information

#5f63e7 Color Conversion

Color Schemes with #5f63e7

Alternatives to #5f63e7

#5f63e7 Preview

Shades and Tints of #5f63e7

Tones of #5f63e7

Color Blindness Simulator