#5d63c3 hex color

In a RGB color space, hex #5d63c3 is composed of 36.5% red, 38.8% green and 76.5% blue. Whereas in a CMYK color space, it is composed of 52.3% cyan, 49.2% magenta, 0% yellow and 23.5% black. It has a hue angle of 236.5 degrees, a saturation of 45.9% and a lightness of 56.5%. #5d63c3 color hex could be obtained by blending #bac6ff with #000087. 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

● #5d63c3 color description : Moderate blue.

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

Hex triplet	5d63c3	`#5d63c3`
RGB Decimal	93, 99, 195	`rgb(93,99,195)`
RGB Percent	36.5, 38.8, 76.5	`rgb(36.5%,38.8%,76.5%)`
CMYK	52, 49, 0, 24
HSL	236.5°, 45.9, 56.5	`hsl(236.5,45.9%,56.5%)`
HSV (or HSB)	236.5°, 52.3, 76.5
Web Safe	6666cc	`#6666cc`

CIE-LAB	45.894, 24.667, -51.172
XYZ	18.824, 15.19, 53.567
xyY	0.215, 0.173, 15.19
CIE-LCH	45.894, 56.807, 295.736
CIE-LUV	45.894, -7.759, -79.199
Hunter-Lab	38.975, 18.008, -54.206
Binary	01011101, 01100011, 11000011

#5d63c3
```
#5d63c3 rgb(93,99,195)
```
#c3bd5d
```
#c3bd5d rgb(195,189,93)
```

Complementary Color

#5d96c3
```
#5d96c3 rgb(93,150,195)
```
#5d63c3
```
#5d63c3 rgb(93,99,195)
```
#8a5dc3
```
#8a5dc3 rgb(138,93,195)
```

Analogous Color

#96c35d
```
#96c35d rgb(150,195,93)
```
#5d63c3
```
#5d63c3 rgb(93,99,195)
```
#c38a5d
```
#c38a5d rgb(195,138,93)
```

Split Complementary Color

#63c35d
```
#63c35d rgb(99,195,93)
```
#5d63c3
```
#5d63c3 rgb(93,99,195)
```
#c35d63
```
#c35d63 rgb(195,93,99)
```

Triadic Color

#5dc3bd
```
#5dc3bd rgb(93,195,189)
```
#5d63c3
```
#5d63c3 rgb(93,99,195)
```
#c35d63
```
#c35d63 rgb(195,93,99)
```
#c3bd5d
```
#c3bd5d rgb(195,189,93)
```

Tetradic Color

#393f9a
```
#393f9a rgb(57,63,154)
```
#4046ad
```
#4046ad rgb(64,70,173)
```
#4a51bc
```
#4a51bc rgb(74,81,188)
```
#5d63c3
```
#5d63c3 rgb(93,99,195)
```
#7075ca
```
#7075ca rgb(112,117,202)
```
#8287d1
```
#8287d1 rgb(130,135,209)
```
#9599d8
```
#9599d8 rgb(149,153,216)
```

Monochromatic Color

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

#5d7dc3
```
#5d7dc3 rgb(93,125,195)
```
#5d74c3
```
#5d74c3 rgb(93,116,195)
```
#5d6cc3
```
#5d6cc3 rgb(93,108,195)
```
#5d63c3
```
#5d63c3 rgb(93,99,195)
```
#5f5dc3
```
#5f5dc3 rgb(95,93,195)
```
#685dc3
```
#685dc3 rgb(104,93,195)
```
#715dc3
```
#715dc3 rgb(113,93,195)
```

Similar Colors

Text with hexadecimal color #5d63c3

This text has a font color of #5d63c3.

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

#5d63c3 background color

This paragraph has a background color of #5d63c3.

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

#5d63c3 border color

This element has a border color of #5d63c3.

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

CSS codes

.text {color:#5d63c3;}

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

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

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, #04040a is the darkest color, while #fafbfd is the lightest one.

#04040a
```
#04040a rgb(4,4,10)
```
#090a18
```
#090a18 rgb(9,10,24)
```
#0e1026
```
#0e1026 rgb(14,16,38)
```
#141535
```
#141535 rgb(20,21,53)
```
#191b43
```
#191b43 rgb(25,27,67)
```
#1e2151
```
#1e2151 rgb(30,33,81)
```
#232760
```
#232760 rgb(35,39,96)
```
#292d6e
```
#292d6e rgb(41,45,110)
```
#2e337c
```
#2e337c rgb(46,51,124)
```
#33388b
```
#33388b rgb(51,56,139)
```
#393e99
```
#393e99 rgb(57,62,153)
```
#3e44a7
```
#3e44a7 rgb(62,68,167)
```
#434ab6
```
#434ab6 rgb(67,74,182)
```

Shade Color Variation

#4f55be
```
#4f55be rgb(79,85,190)
```
#5d63c3
```
#5d63c3 rgb(93,99,195)
```
#6b71c8
```
#6b71c8 rgb(107,113,200)
```
#7a7fce
```
#7a7fce rgb(122,127,206)
```
#888cd3
```
#888cd3 rgb(136,140,211)
```
#969ad8
```
#969ad8 rgb(150,154,216)
```
#a5a8de
```
#a5a8de rgb(165,168,222)
```
#b3b6e3
```
#b3b6e3 rgb(179,182,227)
```
#c1c3e8
```
#c1c3e8 rgb(193,195,232)
```
#d0d1ed
```
#d0d1ed rgb(208,209,237)
```
#dedff3
```
#dedff3 rgb(222,223,243)
```
#ecedf8
```
#ecedf8 rgb(236,237,248)
```
#fafbfd
```
#fafbfd rgb(250,251,253)
```

Tint Color Variation

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

#888998
```
#888998 rgb(136,137,152)
```
#7f81a1
```
#7f81a1 rgb(127,129,161)
```
#777aa9
```
#777aa9 rgb(119,122,169)
```
#6e72b2
```
#6e72b2 rgb(110,114,178)
```
#666bba
```
#666bba rgb(102,107,186)
```
#5d63c3
```
#5d63c3 rgb(93,99,195)
```
#545bcc
```
#545bcc rgb(84,91,204)
```
#4c54d4
```
#4c54d4 rgb(76,84,212)
```
#434cdd
```
#434cdd rgb(67,76,221)
```
#3b45e5
```
#3b45e5 rgb(59,69,229)
```
#323dee
```
#323dee rgb(50,61,238)
```
#2a36f6
```
#2a36f6 rgb(42,54,246)
```
#212eff
```
#212eff rgb(33,46,255)
```

Tone Color Variation

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

#4071cb Protanopia 1% of men
#2775c1 Deuteranopia 1% of men
#497b84 Tritanopia 0.001% of the population

Trichromacy

#4a6cc8 Protanomaly 1% of men, 0.01% of women
#3a6ec2 Deuteranomaly 6% of men, 0.4% of women
#50729b Tritanomaly 0.01% of the population

#5d63c3 hex color

#5d63c3 Color Information

#5d63c3 Color Conversion

Color Schemes with #5d63c3

Alternatives to #5d63c3

#5d63c3 Preview

Shades and Tints of #5d63c3

Tones of #5d63c3

Color Blindness Simulator