#563cb1 hex color

In a RGB color space, hex #563cb1 is composed of 33.7% red, 23.5% green and 69.4% blue. Whereas in a CMYK color space, it is composed of 51.4% cyan, 66.1% magenta, 0% yellow and 30.6% black. It has a hue angle of 253.3 degrees, a saturation of 49.4% and a lightness of 46.5%. #563cb1 color hex could be obtained by blending #ac78ff with #000063. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 34
- G 24
- B 69
RGB color chart
- C 51
- M 66
- Y 0
- K 31
CMYK color chart

● #563cb1 color description : Dark moderate blue.

The hexadecimal color #563cb1 has RGB values of R:86, G:60, B:177 and CMYK values of C:0.51, M:0.66, Y:0, K:0.31. Its decimal value is 5651633.

Hex triplet	563cb1	`#563cb1`
RGB Decimal	86, 60, 177	`rgb(86,60,177)`
RGB Percent	33.7, 23.5, 69.4	`rgb(33.7%,23.5%,69.4%)`
CMYK	51, 66, 0, 31
HSL	253.3°, 49.4, 46.5	`hsl(253.3,49.4%,46.5%)`
HSV (or HSB)	253.3°, 66.1, 69.4
Web Safe	663399	`#663399`

CIE-LAB	34.77, 41.315, -58.635
XYZ	13.388, 8.384, 42.505
xyY	0.208, 0.13, 8.384
CIE-LCH	34.77, 71.728, 305.169
CIE-LUV	34.77, 1.347, -83.791
Hunter-Lab	28.955, 31.86, -66.767
Binary	01010110, 00111100, 10110001

#563cb1
```
#563cb1 rgb(86,60,177)
```
#97b13c
```
#97b13c rgb(151,177,60)
```

Complementary Color

#3c5db1
```
#3c5db1 rgb(60,93,177)
```
#563cb1
```
#563cb1 rgb(86,60,177)
```
#913cb1
```
#913cb1 rgb(145,60,177)
```

Analogous Color

#5db13c
```
#5db13c rgb(93,177,60)
```
#563cb1
```
#563cb1 rgb(86,60,177)
```
#b1913c
```
#b1913c rgb(177,145,60)
```

Split Complementary Color

#3cb156
```
#3cb156 rgb(60,177,86)
```
#563cb1
```
#563cb1 rgb(86,60,177)
```
#b1563c
```
#b1563c rgb(177,86,60)
```

Triadic Color

#3c97b1
```
#3c97b1 rgb(60,151,177)
```
#563cb1
```
#563cb1 rgb(86,60,177)
```
#b1563c
```
#b1563c rgb(177,86,60)
```
#97b13c
```
#97b13c rgb(151,177,60)
```

Tetradic Color

#3a2978
```
#3a2978 rgb(58,41,120)
```
#432f8b
```
#432f8b rgb(67,47,139)
```
#4d369e
```
#4d369e rgb(77,54,158)
```
#563cb1
```
#563cb1 rgb(86,60,177)
```
#6146c0
```
#6146c0 rgb(97,70,192)
```
#7259c7
```
#7259c7 rgb(114,89,199)
```
#826ccd
```
#826ccd rgb(130,108,205)
```

Monochromatic Color

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

#3c3fb1
```
#3c3fb1 rgb(60,63,177)
```
#433cb1
```
#433cb1 rgb(67,60,177)
```
#4c3cb1
```
#4c3cb1 rgb(76,60,177)
```
#563cb1
```
#563cb1 rgb(86,60,177)
```
#603cb1
```
#603cb1 rgb(96,60,177)
```
#6a3cb1
```
#6a3cb1 rgb(106,60,177)
```
#733cb1
```
#733cb1 rgb(115,60,177)
```

Similar Colors

Text with hexadecimal color #563cb1

This text has a font color of #563cb1.

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

#563cb1 background color

This paragraph has a background color of #563cb1.

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

#563cb1 border color

This element has a border color of #563cb1.

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

CSS codes

.text {color:#563cb1;}

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

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

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

#010001
```
#010001 rgb(1,0,1)
```
#080510
```
#080510 rgb(8,5,16)
```
#0f0a1f
```
#0f0a1f rgb(15,10,31)
```
#160f2d
```
#160f2d rgb(22,15,45)
```
#1d143c
```
#1d143c rgb(29,20,60)
```
#24194a
```
#24194a rgb(36,25,74)
```
#2b1e59
```
#2b1e59 rgb(43,30,89)
```
#322368
```
#322368 rgb(50,35,104)
```
#3a2876
```
#3a2876 rgb(58,40,118)
```
#412d85
```
#412d85 rgb(65,45,133)
```
#483294
```
#483294 rgb(72,50,148)
```
#4f37a2
```
#4f37a2 rgb(79,55,162)
```
#563cb1
```
#563cb1 rgb(86,60,177)
```

Shade Color Variation

#5e42bf
```
#5e42bf rgb(94,66,191)
```
#6a50c4
```
#6a50c4 rgb(106,80,196)
```
#775fc9
```
#775fc9 rgb(119,95,201)
```
#836ece
```
#836ece rgb(131,110,206)
```
#907cd3
```
#907cd3 rgb(144,124,211)
```
#9c8bd8
```
#9c8bd8 rgb(156,139,216)
```
#a99add
```
#a99add rgb(169,154,221)
```
#b5a8e2
```
#b5a8e2 rgb(181,168,226)
```
#c2b7e7
```
#c2b7e7 rgb(194,183,231)
```
#cec6ec
```
#cec6ec rgb(206,198,236)
```
#dbd4f1
```
#dbd4f1 rgb(219,212,241)
```
#e7e3f5
```
#e7e3f5 rgb(231,227,245)
```
#f4f2fa
```
#f4f2fa rgb(244,242,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #74737a is the less saturated color, while #3805e8 is the most saturated one.

#74737a
```
#74737a rgb(116,115,122)
```
#6f6a83
```
#6f6a83 rgb(111,106,131)
```
#6a608d
```
#6a608d rgb(106,96,141)
```
#655796
```
#655796 rgb(101,87,150)
```
#604e9f
```
#604e9f rgb(96,78,159)
```
#5b45a8
```
#5b45a8 rgb(91,69,168)
```
#563cb1
```
#563cb1 rgb(86,60,177)
```
#5133ba
```
#5133ba rgb(81,51,186)
```
#4c2ac3
```
#4c2ac3 rgb(76,42,195)
```
#4721cc
```
#4721cc rgb(71,33,204)
```
#4218d5
```
#4218d5 rgb(66,24,213)
```
#3d0edf
```
#3d0edf rgb(61,14,223)
```
#3805e8
```
#3805e8 rgb(56,5,232)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#524d64 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0058ac Protanopia 1% of men
#005c97 Deuteranopia 1% of men
#3f5f66 Tritanopia 0.001% of the population

Trichromacy

#1f4dad Protanomaly 1% of men, 0.01% of women
#1f50a0 Deuteranomaly 6% of men, 0.4% of women
#475281 Tritanomaly 0.01% of the population

#563cb1 hex color

#563cb1 Color Information

#563cb1 Color Conversion

Color Schemes with #563cb1

Alternatives to #563cb1

#563cb1 Preview

Shades and Tints of #563cb1

Tones of #563cb1

Color Blindness Simulator