#5d63c2 hex color

In a RGB color space, hex #5d63c2 is composed of 36.5% red, 38.8% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 52.1% cyan, 49% magenta, 0% yellow and 23.9% black. It has a hue angle of 236.4 degrees, a saturation of 45.3% and a lightness of 56.3%. #5d63c2 color hex could be obtained by blending #bac6ff with #000085. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 36
- G 39
- B 76
RGB color chart
- C 52
- M 49
- Y 0
- K 24
CMYK color chart

● #5d63c2 color description : Moderate blue.

The hexadecimal color #5d63c2 has RGB values of R:93, G:99, B:194 and CMYK values of C:0.52, M:0.49, Y:0, K:0.24. Its decimal value is 6120386.

Hex triplet	5d63c2	`#5d63c2`
RGB Decimal	93, 99, 194	`rgb(93,99,194)`
RGB Percent	36.5, 38.8, 76.1	`rgb(36.5%,38.8%,76.1%)`
CMYK	52, 49, 0, 24
HSL	236.4°, 45.3, 56.3	`hsl(236.4,45.3%,56.3%)`
HSV (or HSB)	236.4°, 52.1, 76.1
Web Safe	6666cc	`#6666cc`

CIE-LAB	45.832, 24.348, -50.692
XYZ	18.712, 15.145, 52.973
xyY	0.215, 0.174, 15.145
CIE-LCH	45.832, 56.237, 295.656
CIE-LUV	45.832, -7.713, -78.421
Hunter-Lab	38.917, 17.721, -53.463
Binary	01011101, 01100011, 11000010

#5d63c2
```
#5d63c2 rgb(93,99,194)
```
#c2bc5d
```
#c2bc5d rgb(194,188,93)
```

Complementary Color

#5d96c2
```
#5d96c2 rgb(93,150,194)
```
#5d63c2
```
#5d63c2 rgb(93,99,194)
```
#8a5dc2
```
#8a5dc2 rgb(138,93,194)
```

Analogous Color

#96c25d
```
#96c25d rgb(150,194,93)
```
#5d63c2
```
#5d63c2 rgb(93,99,194)
```
#c28a5d
```
#c28a5d rgb(194,138,93)
```

Split Complementary Color

#63c25d
```
#63c25d rgb(99,194,93)
```
#5d63c2
```
#5d63c2 rgb(93,99,194)
```
#c25d63
```
#c25d63 rgb(194,93,99)
```

Triadic Color

#5dc2bc
```
#5dc2bc rgb(93,194,188)
```
#5d63c2
```
#5d63c2 rgb(93,99,194)
```
#c25d63
```
#c25d63 rgb(194,93,99)
```
#c2bc5d
```
#c2bc5d rgb(194,188,93)
```

Tetradic Color

#3a3f99
```
#3a3f99 rgb(58,63,153)
```
#4147ab
```
#4147ab rgb(65,71,171)
```
#4a51bb
```
#4a51bb rgb(74,81,187)
```
#5d63c2
```
#5d63c2 rgb(93,99,194)
```
#7075c9
```
#7075c9 rgb(112,117,201)
```
#8287d0
```
#8287d0 rgb(130,135,208)
```
#9599d7
```
#9599d7 rgb(149,153,215)
```

Monochromatic Color

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

#5d7cc2
```
#5d7cc2 rgb(93,124,194)
```
#5d74c2
```
#5d74c2 rgb(93,116,194)
```
#5d6bc2
```
#5d6bc2 rgb(93,107,194)
```
#5d63c2
```
#5d63c2 rgb(93,99,194)
```
#5f5dc2
```
#5f5dc2 rgb(95,93,194)
```
#685dc2
```
#685dc2 rgb(104,93,194)
```
#705dc2
```
#705dc2 rgb(112,93,194)
```

Similar Colors

Text with hexadecimal color #5d63c2

This text has a font color of #5d63c2.

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

#5d63c2 background color

This paragraph has a background color of #5d63c2.

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

#5d63c2 border color

This element has a border color of #5d63c2.

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

CSS codes

.text {color:#5d63c2;}

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

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

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, #030409 is the darkest color, while #fafafd is the lightest one.

#030409
```
#030409 rgb(3,4,9)
```
#090a17
```
#090a17 rgb(9,10,23)
```
#0e1025
```
#0e1025 rgb(14,16,37)
```
#131534
```
#131534 rgb(19,21,52)
```
#191b42
```
#191b42 rgb(25,27,66)
```
#1e2150
```
#1e2150 rgb(30,33,80)
```
#24275e
```
#24275e rgb(36,39,94)
```
#292d6d
```
#292d6d rgb(41,45,109)
```
#2e337b
```
#2e337b rgb(46,51,123)
```
#343989
```
#343989 rgb(52,57,137)
```
#393f97
```
#393f97 rgb(57,63,151)
```
#3e45a6
```
#3e45a6 rgb(62,69,166)
```
#444ab4
```
#444ab4 rgb(68,74,180)
```

Shade Color Variation

#4f55bd
```
#4f55bd rgb(79,85,189)
```
#5d63c2
```
#5d63c2 rgb(93,99,194)
```
#6b71c7
```
#6b71c7 rgb(107,113,199)
```
#797ecd
```
#797ecd rgb(121,126,205)
```
#888cd2
```
#888cd2 rgb(136,140,210)
```
#969ad7
```
#969ad7 rgb(150,154,215)
```
#a4a8dd
```
#a4a8dd rgb(164,168,221)
```
#b2b5e2
```
#b2b5e2 rgb(178,181,226)
```
#c1c3e8
```
#c1c3e8 rgb(193,195,232)
```
#cfd1ed
```
#cfd1ed rgb(207,209,237)
```
#dddef2
```
#dddef2 rgb(221,222,242)
```
#ebecf8
```
#ebecf8 rgb(235,236,248)
```
#fafafd
```
#fafafd rgb(250,250,253)
```

Tint Color Variation

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

#888997
```
#888997 rgb(136,137,151)
```
#7f81a0
```
#7f81a0 rgb(127,129,160)
```
#777aa8
```
#777aa8 rgb(119,122,168)
```
#6e72b1
```
#6e72b1 rgb(110,114,177)
```
#666bb9
```
#666bb9 rgb(102,107,185)
```
#5d63c2
```
#5d63c2 rgb(93,99,194)
```
#545bcb
```
#545bcb rgb(84,91,203)
```
#4c54d3
```
#4c54d3 rgb(76,84,211)
```
#434cdc
```
#434cdc rgb(67,76,220)
```
#3b45e4
```
#3b45e4 rgb(59,69,228)
```
#323ded
```
#323ded rgb(50,61,237)
```
#2a36f5
```
#2a36f5 rgb(42,54,245)
```
#212efe
```
#212efe rgb(33,46,254)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#696a7d Atypical Achromatopsia 0.001% of the population

Dichromacy

#4171ca Protanopia 1% of men
#2a75c0 Deuteranopia 1% of men
#497b84 Tritanopia 0.001% of the population

Trichromacy

#4b6cc7 Protanomaly 1% of men, 0.01% of women
#3c6ec1 Deuteranomaly 6% of men, 0.4% of women
#50729a Tritanomaly 0.01% of the population

#5d63c2 hex color

#5d63c2 Color Information

#5d63c2 Color Conversion

Color Schemes with #5d63c2

Alternatives to #5d63c2

#5d63c2 Preview

Shades and Tints of #5d63c2

Tones of #5d63c2

Color Blindness Simulator