#5a63c3 hex color

In a RGB color space, hex #5a63c3 is composed of 35.3% red, 38.8% green and 76.5% blue. Whereas in a CMYK color space, it is composed of 53.8% cyan, 49.2% magenta, 0% yellow and 23.5% black. It has a hue angle of 234.9 degrees, a saturation of 46.7% and a lightness of 55.9%. #5a63c3 color hex could be obtained by blending #b4c6ff with #000087. Closest websafe color is: #6666cc.

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

● #5a63c3 color description : Moderate blue.

The hexadecimal color #5a63c3 has RGB values of R:90, G:99, B:195 and CMYK values of C:0.54, M:0.49, Y:0, K:0.24. Its decimal value is 5923779.

Hex triplet	5a63c3	`#5a63c3`
RGB Decimal	90, 99, 195	`rgb(90,99,195)`
RGB Percent	35.3, 38.8, 76.5	`rgb(35.3%,38.8%,76.5%)`
CMYK	54, 49, 0, 24
HSL	234.9°, 46.7, 55.9	`hsl(234.9,46.7%,55.9%)`
HSV (or HSB)	234.9°, 53.8, 76.5
Web Safe	6666cc	`#6666cc`

CIE-LAB	45.684, 24.024, -51.519
XYZ	18.527, 15.037, 53.553
xyY	0.213, 0.173, 15.037
CIE-LCH	45.684, 56.845, 295
CIE-LUV	45.684, -8.755, -79.564
Hunter-Lab	38.777, 17.422, -54.738
Binary	01011010, 01100011, 11000011

#5a63c3
```
#5a63c3 rgb(90,99,195)
```
#c3ba5a
```
#c3ba5a rgb(195,186,90)
```

Complementary Color

#5a98c3
```
#5a98c3 rgb(90,152,195)
```
#5a63c3
```
#5a63c3 rgb(90,99,195)
```
#865ac3
```
#865ac3 rgb(134,90,195)
```

Analogous Color

#98c35a
```
#98c35a rgb(152,195,90)
```
#5a63c3
```
#5a63c3 rgb(90,99,195)
```
#c3865a
```
#c3865a rgb(195,134,90)
```

Split Complementary Color

#63c35a
```
#63c35a rgb(99,195,90)
```
#5a63c3
```
#5a63c3 rgb(90,99,195)
```
#c35a63
```
#c35a63 rgb(195,90,99)
```

Triadic Color

#5ac3ba
```
#5ac3ba rgb(90,195,186)
```
#5a63c3
```
#5a63c3 rgb(90,99,195)
```
#c35a63
```
#c35a63 rgb(195,90,99)
```
#c3ba5a
```
#c3ba5a rgb(195,186,90)
```

Tetradic Color

#384099
```
#384099 rgb(56,64,153)
```
#3e48ac
```
#3e48ac rgb(62,72,172)
```
#4751bc
```
#4751bc rgb(71,81,188)
```
#5a63c3
```
#5a63c3 rgb(90,99,195)
```
#6d75ca
```
#6d75ca rgb(109,117,202)
```
#7f86d1
```
#7f86d1 rgb(127,134,209)
```
#9298d7
```
#9298d7 rgb(146,152,215)
```

Monochromatic Color

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

#5a7dc3
```
#5a7dc3 rgb(90,125,195)
```
#5a75c3
```
#5a75c3 rgb(90,117,195)
```
#5a6cc3
```
#5a6cc3 rgb(90,108,195)
```
#5a63c3
```
#5a63c3 rgb(90,99,195)
```
#5a5ac3
```
#5a5ac3 rgb(90,90,195)
```
#635ac3
```
#635ac3 rgb(99,90,195)
```
#6b5ac3
```
#6b5ac3 rgb(107,90,195)
```

Similar Colors

Text with hexadecimal color #5a63c3

This text has a font color of #5a63c3.

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

#5a63c3 background color

This paragraph has a background color of #5a63c3.

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

#5a63c3 border color

This element has a border color of #5a63c3.

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

CSS codes

.text {color:#5a63c3;}

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

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

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

#030308
```
#030308 rgb(3,3,8)
```
#080916
```
#080916 rgb(8,9,22)
```
#0d0f24
```
#0d0f24 rgb(13,15,36)
```
#121533
```
#121533 rgb(18,21,51)
```
#181b41
```
#181b41 rgb(24,27,65)
```
#1d2150
```
#1d2150 rgb(29,33,80)
```
#22275e
```
#22275e rgb(34,39,94)
```
#272d6c
```
#272d6c rgb(39,45,108)
```
#2d337b
```
#2d337b rgb(45,51,123)
```
#323989
```
#323989 rgb(50,57,137)
```
#373f97
```
#373f97 rgb(55,63,151)
```
#3c45a6
```
#3c45a6 rgb(60,69,166)
```
#424bb4
```
#424bb4 rgb(66,75,180)
```

Shade Color Variation

#4c55be
```
#4c55be rgb(76,85,190)
```
#5a63c3
```
#5a63c3 rgb(90,99,195)
```
#6871c8
```
#6871c8 rgb(104,113,200)
```
#777ecd
```
#777ecd rgb(119,126,205)
```
#858cd3
```
#858cd3 rgb(133,140,211)
```
#9499d8
```
#9499d8 rgb(148,153,216)
```
#a2a7dd
```
#a2a7dd rgb(162,167,221)
```
#b0b5e2
```
#b0b5e2 rgb(176,181,226)
```
#bfc2e8
```
#bfc2e8 rgb(191,194,232)
```
#cdd0ed
```
#cdd0ed rgb(205,208,237)
```
#dbddf2
```
#dbddf2 rgb(219,221,242)
```
#eaebf7
```
#eaebf7 rgb(234,235,247)
```
#f8f9fd
```
#f8f9fd rgb(248,249,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8e8e8f is the less saturated color, while #2638f7 is the most saturated one.

#8e8e8f
```
#8e8e8f rgb(142,142,143)
```
#858798
```
#858798 rgb(133,135,152)
```
#7d80a0
```
#7d80a0 rgb(125,128,160)
```
#7479a9
```
#7479a9 rgb(116,121,169)
```
#6b71b2
```
#6b71b2 rgb(107,113,178)
```
#636aba
```
#636aba rgb(99,106,186)
```
#5a63c3
```
#5a63c3 rgb(90,99,195)
```
#515ccc
```
#515ccc rgb(81,92,204)
```
#4955d4
```
#4955d4 rgb(73,85,212)
```
#404ddd
```
#404ddd rgb(64,77,221)
```
#3746e6
```
#3746e6 rgb(55,70,230)
```
#2f3fee
```
#2f3fee rgb(47,63,238)
```
#2638f7
```
#2638f7 rgb(38,56,247)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#68697d Atypical Achromatopsia 0.001% of the population

Dichromacy

#3f70cb Protanopia 1% of men
#2275c1 Deuteranopia 1% of men
#447b84 Tritanopia 0.001% of the population

Trichromacy

#486bc8 Protanomaly 1% of men, 0.01% of women
#366ec2 Deuteranomaly 6% of men, 0.4% of women
#4c729b Tritanomaly 0.01% of the population

#5a63c3 hex color

#5a63c3 Color Information

#5a63c3 Color Conversion

Color Schemes with #5a63c3

Alternatives to #5a63c3

#5a63c3 Preview

Shades and Tints of #5a63c3

Tones of #5a63c3

Color Blindness Simulator