#563fb5 hex color

In a RGB color space, hex #563fb5 is composed of 33.7% red, 24.7% green and 71% blue. Whereas in a CMYK color space, it is composed of 52.5% cyan, 65.2% magenta, 0% yellow and 29% black. It has a hue angle of 251.7 degrees, a saturation of 48.4% and a lightness of 47.8%. #563fb5 color hex could be obtained by blending #ac7eff with #00006b. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 34
- G 25
- B 71
RGB color chart
- C 52
- M 65
- Y 0
- K 29
CMYK color chart

● #563fb5 color description : Moderate blue.

The hexadecimal color #563fb5 has RGB values of R:86, G:63, B:181 and CMYK values of C:0.52, M:0.65, Y:0, K:0.29. Its decimal value is 5652405.

Hex triplet	563fb5	`#563fb5`
RGB Decimal	86, 63, 181	`rgb(86,63,181)`
RGB Percent	33.7, 24.7, 71	`rgb(33.7%,24.7%,71%)`
CMYK	52, 65, 0, 29
HSL	251.7°, 48.4, 47.8	`hsl(251.7,48.4%,47.8%)`
HSV (or HSB)	251.7°, 65.2, 71
Web Safe	6633cc	`#6633cc`

CIE-LAB	35.731, 40.79, -59.441
XYZ	13.954, 8.869, 44.69
xyY	0.207, 0.131, 8.869
CIE-LCH	35.731, 72.09, 304.459
CIE-LUV	35.731, 0.349, -85.623
Hunter-Lab	29.781, 31.52, -68.124
Binary	01010110, 00111111, 10110101

#563fb5
```
#563fb5 rgb(86,63,181)
```
#9eb53f
```
#9eb53f rgb(158,181,63)
```

Complementary Color

#3f63b5
```
#3f63b5 rgb(63,99,181)
```
#563fb5
```
#563fb5 rgb(86,63,181)
```
#913fb5
```
#913fb5 rgb(145,63,181)
```

Analogous Color

#63b53f
```
#63b53f rgb(99,181,63)
```
#563fb5
```
#563fb5 rgb(86,63,181)
```
#b5913f
```
#b5913f rgb(181,145,63)
```

Split Complementary Color

#3fb556
```
#3fb556 rgb(63,181,86)
```
#563fb5
```
#563fb5 rgb(86,63,181)
```
#b5563f
```
#b5563f rgb(181,86,63)
```

Triadic Color

#3f9eb5
```
#3f9eb5 rgb(63,158,181)
```
#563fb5
```
#563fb5 rgb(86,63,181)
```
#b5563f
```
#b5563f rgb(181,86,63)
```
#9eb53f
```
#9eb53f rgb(158,181,63)
```

Tetradic Color

#3b2b7c
```
#3b2b7c rgb(59,43,124)
```
#44328f
```
#44328f rgb(68,50,143)
```
#4d38a2
```
#4d38a2 rgb(77,56,162)
```
#563fb5
```
#563fb5 rgb(86,63,181)
```
#634dc1
```
#634dc1 rgb(99,77,193)
```
#7460c7
```
#7460c7 rgb(116,96,199)
```
#8472ce
```
#8472ce rgb(132,114,206)
```

Monochromatic Color

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

#3f46b5
```
#3f46b5 rgb(63,70,181)
```
#423fb5
```
#423fb5 rgb(66,63,181)
```
#4c3fb5
```
#4c3fb5 rgb(76,63,181)
```
#563fb5
```
#563fb5 rgb(86,63,181)
```
#603fb5
```
#603fb5 rgb(96,63,181)
```
#6a3fb5
```
#6a3fb5 rgb(106,63,181)
```
#743fb5
```
#743fb5 rgb(116,63,181)
```

Similar Colors

Text with hexadecimal color #563fb5

This text has a font color of #563fb5.

<span style="color:#563fb5;">Text here</span>

#563fb5 background color

This paragraph has a background color of #563fb5.

<p style="background-color:#563fb5;">Content here</p>

#563fb5 border color

This element has a border color of #563fb5.

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

CSS codes

.text {color:#563fb5;}

.background {background-color:#563fb5;}

.border {border:1px solid #563fb5;}

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

#030206
```
#030206 rgb(3,2,6)
```
#0a0715
```
#0a0715 rgb(10,7,21)
```
#110c23
```
#110c23 rgb(17,12,35)
```
#181132
```
#181132 rgb(24,17,50)
```
#1f1641
```
#1f1641 rgb(31,22,65)
```
#261c4f
```
#261c4f rgb(38,28,79)
```
#2d215e
```
#2d215e rgb(45,33,94)
```
#33266c
```
#33266c rgb(51,38,108)
```
#3a2b7b
```
#3a2b7b rgb(58,43,123)
```
#413089
```
#413089 rgb(65,48,137)
```
#483598
```
#483598 rgb(72,53,152)
```
#4f3aa6
```
#4f3aa6 rgb(79,58,166)
```
#563fb5
```
#563fb5 rgb(86,63,181)
```

Shade Color Variation

#5f48bf
```
#5f48bf rgb(95,72,191)
```
#6c57c4
```
#6c57c4 rgb(108,87,196)
```
#7965ca
```
#7965ca rgb(121,101,202)
```
#8674cf
```
#8674cf rgb(134,116,207)
```
#9282d4
```
#9282d4 rgb(146,130,212)
```
#9f91d9
```
#9f91d9 rgb(159,145,217)
```
#aca0de
```
#aca0de rgb(172,160,222)
```
#b8aee3
```
#b8aee3 rgb(184,174,227)
```
#c5bde8
```
#c5bde8 rgb(197,189,232)
```
#d2cbed
```
#d2cbed rgb(210,203,237)
```
#dedaf2
```
#dedaf2 rgb(222,218,242)
```
#ebe8f7
```
#ebe8f7 rgb(235,232,247)
```
#f8f7fc
```
#f8f7fc rgb(248,247,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #78777d is the less saturated color, while #3407ed is the most saturated one.

#78777d
```
#78777d rgb(120,119,125)
```
#736e86
```
#736e86 rgb(115,110,134)
```
#6d658f
```
#6d658f rgb(109,101,143)
```
#675b99
```
#675b99 rgb(103,91,153)
```
#6152a2
```
#6152a2 rgb(97,82,162)
```
#5c48ac
```
#5c48ac rgb(92,72,172)
```
#563fb5
```
#563fb5 rgb(86,63,181)
```
#5036be
```
#5036be rgb(80,54,190)
```
#4b2cc8
```
#4b2cc8 rgb(75,44,200)
```
#4523d1
```
#4523d1 rgb(69,35,209)
```
#3f19db
```
#3f19db rgb(63,25,219)
```
#3910e4
```
#3910e4 rgb(57,16,228)
```
#3407ed
```
#3407ed rgb(52,7,237)
```

Tone Color Variation

Below, you can see how #563fb5 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

#535353 Achromatopsia 0.005% of the population
#544f67 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005ab0 Protanopia 1% of men
#005f9a Deuteranopia 1% of men
#3d6269 Tritanopia 0.001% of the population

Trichromacy

#1f50b1 Protanomaly 1% of men, 0.01% of women
#1f53a4 Deuteranomaly 6% of men, 0.4% of women
#465585 Tritanomaly 0.01% of the population

#563fb5 hex color

#563fb5 Color Information

#563fb5 Color Conversion

Color Schemes with #563fb5

Alternatives to #563fb5

#563fb5 Preview

Shades and Tints of #563fb5

Tones of #563fb5

Color Blindness Simulator