#5d63ed hex color

In a RGB color space, hex #5d63ed is composed of 36.5% red, 38.8% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 60.8% cyan, 58.2% magenta, 0% yellow and 7.1% black. It has a hue angle of 237.5 degrees, a saturation of 80% and a lightness of 64.7%. #5d63ed color hex could be obtained by blending #bac6ff with #0000db. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 36
- G 39
- B 93
RGB color chart
- C 61
- M 58
- Y 0
- K 7
CMYK color chart

● #5d63ed color description : Soft blue.

The hexadecimal color #5d63ed has RGB values of R:93, G:99, B:237 and CMYK values of C:0.61, M:0.58, Y:0, K:0.07. Its decimal value is 6120429.

Hex triplet	5d63ed	`#5d63ed`
RGB Decimal	93, 99, 237	`rgb(93,99,237)`
RGB Percent	36.5, 38.8, 92.9	`rgb(36.5%,38.8%,92.9%)`
CMYK	61, 58, 0, 7
HSL	237.5°, 80, 64.7	`hsl(237.5,80%,64.7%)`
HSV (or HSB)	237.5°, 60.8, 92.9
Web Safe	6666ff	`#6666ff`

CIE-LAB	48.716, 38.216, -70.524
XYZ	24.259, 17.364, 82.189
xyY	0.196, 0.14, 17.364
CIE-LCH	48.716, 80.212, 298.453
CIE-LUV	48.716, -9.624, -110.314
Hunter-Lab	41.67, 30.994, -87.773
Binary	01011101, 01100011, 11101101

#5d63ed
```
#5d63ed rgb(93,99,237)
```
#ede75d
```
#ede75d rgb(237,231,93)
```

Complementary Color

#5dabed
```
#5dabed rgb(93,171,237)
```
#5d63ed
```
#5d63ed rgb(93,99,237)
```
#9f5ded
```
#9f5ded rgb(159,93,237)
```

Analogous Color

#abed5d
```
#abed5d rgb(171,237,93)
```
#5d63ed
```
#5d63ed rgb(93,99,237)
```
#ed9f5d
```
#ed9f5d rgb(237,159,93)
```

Split Complementary Color

#63ed5d
```
#63ed5d rgb(99,237,93)
```
#5d63ed
```
#5d63ed rgb(93,99,237)
```
#ed5d63
```
#ed5d63 rgb(237,93,99)
```

Triadic Color

#5dede7
```
#5dede7 rgb(93,237,231)
```
#5d63ed
```
#5d63ed rgb(93,99,237)
```
#ed5d63
```
#ed5d63 rgb(237,93,99)
```
#ede75d
```
#ede75d rgb(237,231,93)
```

Tetradic Color

#1922e4
```
#1922e4 rgb(25,34,228)
```
#2f37e8
```
#2f37e8 rgb(47,55,232)
```
#464dea
```
#464dea rgb(70,77,234)
```
#5d63ed
```
#5d63ed rgb(93,99,237)
```
#7479f0
```
#7479f0 rgb(116,121,240)
```
#8b8ff2
```
#8b8ff2 rgb(139,143,242)
```
#a2a5f5
```
#a2a5f5 rgb(162,165,245)
```

Monochromatic Color

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

#5d87ed
```
#5d87ed rgb(93,135,237)
```
#5d7bed
```
#5d7bed rgb(93,123,237)
```
#5d6fed
```
#5d6fed rgb(93,111,237)
```
#5d63ed
```
#5d63ed rgb(93,99,237)
```
#635ded
```
#635ded rgb(99,93,237)
```
#6f5ded
```
#6f5ded rgb(111,93,237)
```
#7b5ded
```
#7b5ded rgb(123,93,237)
```

Similar Colors

Text with hexadecimal color #5d63ed

This text has a font color of #5d63ed.

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

#5d63ed background color

This paragraph has a background color of #5d63ed.

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

#5d63ed border color

This element has a border color of #5d63ed.

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

CSS codes

.text {color:#5d63ed;}

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

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

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

#02020f
```
#02020f rgb(2,2,15)
```
#040520
```
#040520 rgb(4,5,32)
```
#060732
```
#060732 rgb(6,7,50)
```
#070a44
```
#070a44 rgb(7,10,68)
```
#090d55
```
#090d55 rgb(9,13,85)
```
#0b0f67
```
#0b0f67 rgb(11,15,103)
```
#0d1278
```
#0d1278 rgb(13,18,120)
```
#0f148a
```
#0f148a rgb(15,20,138)
```
#11179c
```
#11179c rgb(17,23,156)
```
#131aad
```
#131aad rgb(19,26,173)
```
#151cbf
```
#151cbf rgb(21,28,191)
```
#171fd1
```
#171fd1 rgb(23,31,209)
```
#1922e2
```
#1922e2 rgb(25,34,226)
```

Shade Color Variation

#2830e7
```
#2830e7 rgb(40,48,231)
```
#3a41e9
```
#3a41e9 rgb(58,65,233)
```
#4b52eb
```
#4b52eb rgb(75,82,235)
```
#5d63ed
```
#5d63ed rgb(93,99,237)
```
#6f74ef
```
#6f74ef rgb(111,116,239)
```
#8085f1
```
#8085f1 rgb(128,133,241)
```
#9296f3
```
#9296f3 rgb(146,150,243)
```
#a4a7f5
```
#a4a7f5 rgb(164,167,245)
```
#b5b8f7
```
#b5b8f7 rgb(181,184,247)
```
#c7c9f9
```
#c7c9f9 rgb(199,201,249)
```
#d9dafb
```
#d9dafb rgb(217,218,251)
```
#eaebfd
```
#eaebfd rgb(234,235,253)
```
#fcfcff
```
#fcfcff rgb(252,252,255)
```

Tint Color Variation

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

#a2a2a8
```
#a2a2a8 rgb(162,162,168)
```
#9b9caf
```
#9b9caf rgb(155,156,175)
```
#9496b6
```
#9496b6 rgb(148,150,182)
```
#8d8fbd
```
#8d8fbd rgb(141,143,189)
```
#8789c3
```
#8789c3 rgb(135,137,195)
```
#8083ca
```
#8083ca rgb(128,131,202)
```
#797cd1
```
#797cd1 rgb(121,124,209)
```
#7276d8
```
#7276d8 rgb(114,118,216)
```
#6b70df
```
#6b70df rgb(107,112,223)
```
#6469e6
```
#6469e6 rgb(100,105,230)
```
#5d63ed
```
#5d63ed rgb(93,99,237)
```
#565df4
```
#565df4 rgb(86,93,244)
```
#4f56fb
```
#4f56fb rgb(79,86,251)
```

Tone Color Variation

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

Dichromacy

#0077e9 Protanopia 1% of men
#007dcc Deuteranopia 1% of men
#1d8690 Tritanopia 0.001% of the population

Trichromacy

#216fea Protanomaly 1% of men, 0.01% of women
#2173d8 Deuteranomaly 6% of men, 0.4% of women
#3479b2 Tritanomaly 0.01% of the population

#5d63ed hex color

#5d63ed Color Information

#5d63ed Color Conversion

Color Schemes with #5d63ed

Alternatives to #5d63ed

#5d63ed Preview

Shades and Tints of #5d63ed

Tones of #5d63ed

Color Blindness Simulator