#5563d3 hex color

In a RGB color space, hex #5563d3 is composed of 33.3% red, 38.8% green and 82.7% blue. Whereas in a CMYK color space, it is composed of 59.7% cyan, 53.1% magenta, 0% yellow and 17.3% black. It has a hue angle of 233.3 degrees, a saturation of 58.9% and a lightness of 58%. #5563d3 color hex could be obtained by blending #aac6ff with #0000a7. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 33
- G 39
- B 83
RGB color chart
- C 60
- M 53
- Y 0
- K 17
CMYK color chart

● #5563d3 color description : Moderate blue.

The hexadecimal color #5563d3 has RGB values of R:85, G:99, B:211 and CMYK values of C:0.6, M:0.53, Y:0, K:0.17. Its decimal value is 5596115.

Hex triplet	5563d3	`#5563d3`
RGB Decimal	85, 99, 211	`rgb(85,99,211)`
RGB Percent	33.3, 38.8, 82.7	`rgb(33.3%,38.8%,82.7%)`
CMYK	60, 53, 0, 17
HSL	233.3°, 58.9, 58	`hsl(233.3,58.9%,58%)`
HSV (or HSB)	233.3°, 59.7, 82.7
Web Safe	6666cc	`#6666cc`

CIE-LAB	46.388, 28.301, -59.597
XYZ	19.964, 15.557, 63.575
xyY	0.201, 0.157, 15.557
CIE-LCH	46.388, 65.975, 295.402
CIE-LUV	46.388, -10.859, -92.279
Hunter-Lab	39.443, 21.322, -67.956
Binary	01010101, 01100011, 11010011

#5563d3
```
#5563d3 rgb(85,99,211)
```
#d3c555
```
#d3c555 rgb(211,197,85)
```

Complementary Color

#55a2d3
```
#55a2d3 rgb(85,162,211)
```
#5563d3
```
#5563d3 rgb(85,99,211)
```
#8655d3
```
#8655d3 rgb(134,85,211)
```

Analogous Color

#a2d355
```
#a2d355 rgb(162,211,85)
```
#5563d3
```
#5563d3 rgb(85,99,211)
```
#d38655
```
#d38655 rgb(211,134,85)
```

Split Complementary Color

#63d355
```
#63d355 rgb(99,211,85)
```
#5563d3
```
#5563d3 rgb(85,99,211)
```
#d35563
```
#d35563 rgb(211,85,99)
```

Triadic Color

#55d3c5
```
#55d3c5 rgb(85,211,197)
```
#5563d3
```
#5563d3 rgb(85,99,211)
```
#d35563
```
#d35563 rgb(211,85,99)
```
#d3c555
```
#d3c555 rgb(211,197,85)
```

Tetradic Color

#2d3bae
```
#2d3bae rgb(45,59,174)
```
#3242c3
```
#3242c3 rgb(50,66,195)
```
#4150ce
```
#4150ce rgb(65,80,206)
```
#5563d3
```
#5563d3 rgb(85,99,211)
```
#6976d8
```
#6976d8 rgb(105,118,216)
```
#7e88dd
```
#7e88dd rgb(126,136,221)
```
#929be3
```
#929be3 rgb(146,155,227)
```

Monochromatic Color

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

#5583d3
```
#5583d3 rgb(85,131,211)
```
#5578d3
```
#5578d3 rgb(85,120,211)
```
#556ed3
```
#556ed3 rgb(85,110,211)
```
#5563d3
```
#5563d3 rgb(85,99,211)
```
#5559d3
```
#5559d3 rgb(85,89,211)
```
#5c55d3
```
#5c55d3 rgb(92,85,211)
```
#6755d3
```
#6755d3 rgb(103,85,211)
```

Similar Colors

Text with hexadecimal color #5563d3

This text has a font color of #5563d3.

<span style="color:#5563d3;">Text here</span>

#5563d3 background color

This paragraph has a background color of #5563d3.

<p style="background-color:#5563d3;">Content here</p>

#5563d3 border color

This element has a border color of #5563d3.

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

CSS codes

.text {color:#5563d3;}

.background {background-color:#5563d3;}

.border {border:1px solid #5563d3;}

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

#000001
```
#000001 rgb(0,0,1)
```
#040611
```
#040611 rgb(4,6,17)
```
#080b21
```
#080b21 rgb(8,11,33)
```
#0c1030
```
#0c1030 rgb(12,16,48)
```
#101640
```
#101640 rgb(16,22,64)
```
#151b4f
```
#151b4f rgb(21,27,79)
```
#19205f
```
#19205f rgb(25,32,95)
```
#1d266e
```
#1d266e rgb(29,38,110)
```
#212b7e
```
#212b7e rgb(33,43,126)
```
#25308e
```
#25308e rgb(37,48,142)
```
#29369d
```
#29369d rgb(41,54,157)
```
#2d3bad
```
#2d3bad rgb(45,59,173)
```
#3140bc
```
#3140bc rgb(49,64,188)
```

Shade Color Variation

#3646cb
```
#3646cb rgb(54,70,203)
```
#4555cf
```
#4555cf rgb(69,85,207)
```
#5563d3
```
#5563d3 rgb(85,99,211)
```
#6571d7
```
#6571d7 rgb(101,113,215)
```
#7480db
```
#7480db rgb(116,128,219)
```
#848edf
```
#848edf rgb(132,142,223)
```
#939ce3
```
#939ce3 rgb(147,156,227)
```
#a3aae7
```
#a3aae7 rgb(163,170,231)
```
#b2b9eb
```
#b2b9eb rgb(178,185,235)
```
#c2c7ef
```
#c2c7ef rgb(194,199,239)
```
#d2d5f3
```
#d2d5f3 rgb(210,213,243)
```
#e1e4f7
```
#e1e4f7 rgb(225,228,247)
```
#f1f2fb
```
#f1f2fb rgb(241,242,251)
```

Tint Color Variation

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

#8f9099
```
#8f9099 rgb(143,144,153)
```
#8689a2
```
#8689a2 rgb(134,137,162)
```
#7e83aa
```
#7e83aa rgb(126,131,170)
```
#767db2
```
#767db2 rgb(118,125,178)
```
#6e76ba
```
#6e76ba rgb(110,118,186)
```
#6570c3
```
#6570c3 rgb(101,112,195)
```
#5d69cb
```
#5d69cb rgb(93,105,203)
```
#5563d3
```
#5563d3 rgb(85,99,211)
```
#4d5ddb
```
#4d5ddb rgb(77,93,219)
```
#4556e3
```
#4556e3 rgb(69,86,227)
```
#3c50ec
```
#3c50ec rgb(60,80,236)
```
#3449f4
```
#3449f4 rgb(52,73,244)
```
#2c43fc
```
#2c43fc rgb(44,67,252)
```

Tone Color Variation

Below, you can see how #5563d3 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
#676a81 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2371db Protanopia 1% of men
#0077c5 Deuteranopia 1% of men
#2d7f89 Tritanopia 0.001% of the population

Trichromacy

#356cd8 Protanomaly 1% of men, 0.01% of women
#1e70ca Deuteranomaly 6% of men, 0.4% of women
#3b75a3 Tritanomaly 0.01% of the population

#5563d3 hex color

#5563d3 Color Information

#5563d3 Color Conversion

Color Schemes with #5563d3

Alternatives to #5563d3

#5563d3 Preview

Shades and Tints of #5563d3

Tones of #5563d3

Color Blindness Simulator