#5561ba hex color

In a RGB color space, hex #5561ba is composed of 33.3% red, 38% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 54.3% cyan, 47.8% magenta, 0% yellow and 27.1% black. It has a hue angle of 232.9 degrees, a saturation of 42.3% and a lightness of 53.1%. #5561ba color hex could be obtained by blending #aac2ff with #000075. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 33
- G 38
- B 73
RGB color chart
- C 54
- M 48
- Y 0
- K 27
CMYK color chart

● #5561ba color description : Moderate blue.

The hexadecimal color #5561ba has RGB values of R:85, G:97, B:186 and CMYK values of C:0.54, M:0.48, Y:0, K:0.27. Its decimal value is 5595578.

Hex triplet	5561ba	`#5561ba`
RGB Decimal	85, 97, 186	`rgb(85,97,186)`
RGB Percent	33.3, 38, 72.9	`rgb(33.3%,38%,72.9%)`
CMYK	54, 48, 0, 27
HSL	232.9°, 42.3, 53.1	`hsl(232.9,42.3%,53.1%)`
HSV (or HSB)	232.9°, 54.3, 72.9
Web Safe	6666cc	`#6666cc`

CIE-LAB	44.269, 21.28, -48.587
XYZ	16.882, 14.025, 48.269
xyY	0.213, 0.177, 14.025
CIE-LCH	44.269, 53.043, 293.653
CIE-LUV	44.269, -9.406, -74.285
Hunter-Lab	37.45, 14.928, -50.203
Binary	01010101, 01100001, 10111010

#5561ba
```
#5561ba rgb(85,97,186)
```
#baae55
```
#baae55 rgb(186,174,85)
```

Complementary Color

#5594ba
```
#5594ba rgb(85,148,186)
```
#5561ba
```
#5561ba rgb(85,97,186)
```
#7c55ba
```
#7c55ba rgb(124,85,186)
```

Analogous Color

#94ba55
```
#94ba55 rgb(148,186,85)
```
#5561ba
```
#5561ba rgb(85,97,186)
```
#ba7c55
```
#ba7c55 rgb(186,124,85)
```

Split Complementary Color

#61ba55
```
#61ba55 rgb(97,186,85)
```
#5561ba
```
#5561ba rgb(85,97,186)
```
#ba5561
```
#ba5561 rgb(186,85,97)
```

Triadic Color

#55baae
```
#55baae rgb(85,186,174)
```
#5561ba
```
#5561ba rgb(85,97,186)
```
#ba5561
```
#ba5561 rgb(186,85,97)
```
#baae55
```
#baae55 rgb(186,174,85)
```

Tetradic Color

#38428a
```
#38428a rgb(56,66,138)
```
#404b9c
```
#404b9c rgb(64,75,156)
```
#4753af
```
#4753af rgb(71,83,175)
```
#5561ba
```
#5561ba rgb(85,97,186)
```
#6772c1
```
#6772c1 rgb(103,114,193)
```
#7983c9
```
#7983c9 rgb(121,131,201)
```
#8b94d0
```
#8b94d0 rgb(139,148,208)
```

Monochromatic Color

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

#557aba
```
#557aba rgb(85,122,186)
```
#5572ba
```
#5572ba rgb(85,114,186)
```
#5569ba
```
#5569ba rgb(85,105,186)
```
#5561ba
```
#5561ba rgb(85,97,186)
```
#5559ba
```
#5559ba rgb(85,89,186)
```
#5a55ba
```
#5a55ba rgb(90,85,186)
```
#6255ba
```
#6255ba rgb(98,85,186)
```

Similar Colors

Text with hexadecimal color #5561ba

This text has a font color of #5561ba.

<span style="color:#5561ba;">Text here</span>

#5561ba background color

This paragraph has a background color of #5561ba.

<p style="background-color:#5561ba;">Content here</p>

#5561ba border color

This element has a border color of #5561ba.

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

CSS codes

.text {color:#5561ba;}

.background {background-color:#5561ba;}

.border {border:1px solid #5561ba;}

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, #05050b is the darkest color, while #fcfdfe is the lightest one.

#05050b
```
#05050b rgb(5,5,11)
```
#0a0c19
```
#0a0c19 rgb(10,12,25)
```
#101327
```
#101327 rgb(16,19,39)
```
#161935
```
#161935 rgb(22,25,53)
```
#1b2043
```
#1b2043 rgb(27,32,67)
```
#212751
```
#212751 rgb(33,39,81)
```
#272d5f
```
#272d5f rgb(39,45,95)
```
#2c346d
```
#2c346d rgb(44,52,109)
```
#323b7b
```
#323b7b rgb(50,59,123)
```
#384189
```
#384189 rgb(56,65,137)
```
#3d4897
```
#3d4897 rgb(61,72,151)
```
#434fa5
```
#434fa5 rgb(67,79,165)
```
#4955b3
```
#4955b3 rgb(73,85,179)
```

Shade Color Variation

#5561ba
```
#5561ba rgb(85,97,186)
```
#636ec0
```
#636ec0 rgb(99,110,192)
```
#717bc5
```
#717bc5 rgb(113,123,197)
```
#7f88cb
```
#7f88cb rgb(127,136,203)
```
#8d95d1
```
#8d95d1 rgb(141,149,209)
```
#9ba2d6
```
#9ba2d6 rgb(155,162,214)
```
#a9afdc
```
#a9afdc rgb(169,175,220)
```
#b7bce2
```
#b7bce2 rgb(183,188,226)
```
#c5c9e7
```
#c5c9e7 rgb(197,201,231)
```
#d3d6ed
```
#d3d6ed rgb(211,214,237)
```
#e1e3f3
```
#e1e3f3 rgb(225,227,243)
```
#eef0f8
```
#eef0f8 rgb(238,240,248)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #83848c is the less saturated color, while #1530fa is the most saturated one.

#83848c
```
#83848c rgb(131,132,140)
```
#7a7d95
```
#7a7d95 rgb(122,125,149)
```
#71769e
```
#71769e rgb(113,118,158)
```
#676fa8
```
#676fa8 rgb(103,111,168)
```
#5e68b1
```
#5e68b1 rgb(94,104,177)
```
#5561ba
```
#5561ba rgb(85,97,186)
```
#4c5ac3
```
#4c5ac3 rgb(76,90,195)
```
#4353cc
```
#4353cc rgb(67,83,204)
```
#394cd6
```
#394cd6 rgb(57,76,214)
```
#3045df
```
#3045df rgb(48,69,223)
```
#273ee8
```
#273ee8 rgb(39,62,232)
```
#1e37f1
```
#1e37f1 rgb(30,55,241)
```
#1530fa
```
#1530fa rgb(21,48,250)
```

Tone Color Variation

Below, you can see how #5561ba 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

#686868 Achromatopsia 0.005% of the population
#646778 Atypical Achromatopsia 0.001% of the population

Dichromacy

#426dc1 Protanopia 1% of men
#2b71ba Deuteranopia 1% of men
#417881 Tritanopia 0.001% of the population

Trichromacy

#4969be Protanomaly 1% of men, 0.01% of women
#3a6bba Deuteranomaly 6% of men, 0.4% of women
#486f95 Tritanomaly 0.01% of the population

#5561ba hex color

#5561ba Color Information

#5561ba Color Conversion

Color Schemes with #5561ba

Alternatives to #5561ba

#5561ba Preview

Shades and Tints of #5561ba

Tones of #5561ba

Color Blindness Simulator