#5f63d5 hex color

In a RGB color space, hex #5f63d5 is composed of 37.3% red, 38.8% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 55.4% cyan, 53.5% magenta, 0% yellow and 16.5% black. It has a hue angle of 238 degrees, a saturation of 58.4% and a lightness of 60.4%. #5f63d5 color hex could be obtained by blending #bec6ff with #0000ab. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 37
- G 39
- B 84
RGB color chart
- C 55
- M 54
- Y 0
- K 16
CMYK color chart

● #5f63d5 color description : Moderate blue.

The hexadecimal color #5f63d5 has RGB values of R:95, G:99, B:213 and CMYK values of C:0.55, M:0.54, Y:0, K:0.16. Its decimal value is 6251477.

Hex triplet	5f63d5	`#5f63d5`
RGB Decimal	95, 99, 213	`rgb(95,99,213)`
RGB Percent	37.3, 38.8, 83.5	`rgb(37.3%,38.8%,83.5%)`
CMYK	55, 54, 0, 16
HSL	238°, 58.4, 60.4	`hsl(238,58.4%,60.4%)`
HSV (or HSB)	238°, 55.4, 83.5
Web Safe	6666cc	`#6666cc`

CIE-LAB	47.183, 30.833, -59.422
XYZ	21.189, 16.16, 64.95
xyY	0.207, 0.158, 16.16
CIE-LCH	47.183, 66.945, 297.424
CIE-LUV	47.183, -7.949, -92.674
Hunter-Lab	40.199, 23.738, -67.655
Binary	01011111, 01100011, 11010101

#5f63d5
```
#5f63d5 rgb(95,99,213)
```
#d5d15f
```
#d5d15f rgb(213,209,95)
```

Complementary Color

#5f9ed5
```
#5f9ed5 rgb(95,158,213)
```
#5f63d5
```
#5f63d5 rgb(95,99,213)
```
#965fd5
```
#965fd5 rgb(150,95,213)
```

Analogous Color

#9ed55f
```
#9ed55f rgb(158,213,95)
```
#5f63d5
```
#5f63d5 rgb(95,99,213)
```
#d5965f
```
#d5965f rgb(213,150,95)
```

Split Complementary Color

#63d55f
```
#63d55f rgb(99,213,95)
```
#5f63d5
```
#5f63d5 rgb(95,99,213)
```
#d55f63
```
#d55f63 rgb(213,95,99)
```

Triadic Color

#5fd5d1
```
#5fd5d1 rgb(95,213,209)
```
#5f63d5
```
#5f63d5 rgb(95,99,213)
```
#d55f63
```
#d55f63 rgb(213,95,99)
```
#d5d15f
```
#d5d15f rgb(213,209,95)
```

Tetradic Color

#3035b7
```
#3035b7 rgb(48,53,183)
```
#373cca
```
#373cca rgb(55,60,202)
```
#4b4fd0
```
#4b4fd0 rgb(75,79,208)
```
#5f63d5
```
#5f63d5 rgb(95,99,213)
```
#7377da
```
#7377da rgb(115,119,218)
```
#878ae0
```
#878ae0 rgb(135,138,224)
```
#9c9ee5
```
#9c9ee5 rgb(156,158,229)
```

Monochromatic Color

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

#5f81d5
```
#5f81d5 rgb(95,129,213)
```
#5f77d5
```
#5f77d5 rgb(95,119,213)
```
#5f6dd5
```
#5f6dd5 rgb(95,109,213)
```
#5f63d5
```
#5f63d5 rgb(95,99,213)
```
#655fd5
```
#655fd5 rgb(101,95,213)
```
#6f5fd5
```
#6f5fd5 rgb(111,95,213)
```
#795fd5
```
#795fd5 rgb(121,95,213)
```

Similar Colors

Text with hexadecimal color #5f63d5

This text has a font color of #5f63d5.

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

#5f63d5 background color

This paragraph has a background color of #5f63d5.

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

#5f63d5 border color

This element has a border color of #5f63d5.

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

CSS codes

.text {color:#5f63d5;}

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

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

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

#03030b
```
#03030b rgb(3,3,11)
```
#07081a
```
#07081a rgb(7,8,26)
```
#0b0c2a
```
#0b0c2a rgb(11,12,42)
```
#0f113a
```
#0f113a rgb(15,17,58)
```
#131549
```
#131549 rgb(19,21,73)
```
#171959
```
#171959 rgb(23,25,89)
```
#1b1e68
```
#1b1e68 rgb(27,30,104)
```
#1f2278
```
#1f2278 rgb(31,34,120)
```
#232787
```
#232787 rgb(35,39,135)
```
#282b97
```
#282b97 rgb(40,43,151)
```
#2c30a6
```
#2c30a6 rgb(44,48,166)
```
#3034b6
```
#3034b6 rgb(48,52,182)
```
#3439c5
```
#3439c5 rgb(52,57,197)
```

Shade Color Variation

#4045cd
```
#4045cd rgb(64,69,205)
```
#4f54d1
```
#4f54d1 rgb(79,84,209)
```
#5f63d5
```
#5f63d5 rgb(95,99,213)
```
#6f72d9
```
#6f72d9 rgb(111,114,217)
```
#7e81dd
```
#7e81dd rgb(126,129,221)
```
#8e90e1
```
#8e90e1 rgb(142,144,225)
```
#9da0e5
```
#9da0e5 rgb(157,160,229)
```
#adafe9
```
#adafe9 rgb(173,175,233)
```
#bcbeed
```
#bcbeed rgb(188,190,237)
```
#cccdf2
```
#cccdf2 rgb(204,205,242)
```
#dbdcf6
```
#dbdcf6 rgb(219,220,246)
```
#ebebfa
```
#ebebfa rgb(235,235,250)
```
#fafafe
```
#fafafe rgb(250,250,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #95969f is the less saturated color, while #383ffc is the most saturated one.

#95969f
```
#95969f rgb(149,150,159)
```
#8e8ea6
```
#8e8ea6 rgb(142,142,166)
```
#8687ae
```
#8687ae rgb(134,135,174)
```
#7e80b6
```
#7e80b6 rgb(126,128,182)
```
#7679be
```
#7679be rgb(118,121,190)
```
#6f71c5
```
#6f71c5 rgb(111,113,197)
```
#676acd
```
#676acd rgb(103,106,205)
```
#5f63d5
```
#5f63d5 rgb(95,99,213)
```
#575cdd
```
#575cdd rgb(87,92,221)
```
#4f55e5
```
#4f55e5 rgb(79,85,229)
```
#484dec
```
#484dec rgb(72,77,236)
```
#4046f4
```
#4046f4 rgb(64,70,244)
```
#383ffc
```
#383ffc rgb(56,63,252)
```

Tone Color Variation

Below, you can see how #5f63d5 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
#6c6d83 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2373df Protanopia 1% of men
#0079c9 Deuteranopia 1% of men
#408089 Tritanopia 0.001% of the population

Trichromacy

#396ddb Protanomaly 1% of men, 0.01% of women
#2271cd Deuteranomaly 6% of men, 0.4% of women
#4b75a4 Tritanomaly 0.01% of the population

#5f63d5 hex color

#5f63d5 Color Information

#5f63d5 Color Conversion

Color Schemes with #5f63d5

Alternatives to #5f63d5

#5f63d5 Preview

Shades and Tints of #5f63d5

Tones of #5f63d5

Color Blindness Simulator