#5542b0 hex color

In a RGB color space, hex #5542b0 is composed of 33.3% red, 25.9% green and 69% blue. Whereas in a CMYK color space, it is composed of 51.7% cyan, 62.5% magenta, 0% yellow and 31% black. It has a hue angle of 250.4 degrees, a saturation of 45.5% and a lightness of 47.5%. #5542b0 color hex could be obtained by blending #aa84ff with #000061. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 33
- G 26
- B 69
RGB color chart
- C 52
- M 63
- Y 0
- K 31
CMYK color chart

● #5542b0 color description : Dark moderate blue.

The hexadecimal color #5542b0 has RGB values of R:85, G:66, B:176 and CMYK values of C:0.52, M:0.63, Y:0, K:0.31. Its decimal value is 5587632.

Hex triplet	5542b0	`#5542b0`
RGB Decimal	85, 66, 176	`rgb(85,66,176)`
RGB Percent	33.3, 25.9, 69	`rgb(33.3%,25.9%,69%)`
CMYK	52, 63, 0, 31
HSL	250.4°, 45.5, 47.5	`hsl(250.4,45.5%,47.5%)`
HSV (or HSB)	250.4°, 62.5, 69
Web Safe	663399	`#663399`

CIE-LAB	35.911, 37.313, -56.189
XYZ	13.53, 8.962, 42.089
xyY	0.209, 0.139, 8.962
CIE-LCH	35.911, 67.45, 303.586
CIE-LUV	35.911, -0.229, -81.327
Hunter-Lab	29.937, 28.282, -62.402
Binary	01010101, 01000010, 10110000

#5542b0
```
#5542b0 rgb(85,66,176)
```
#9db042
```
#9db042 rgb(157,176,66)
```

Complementary Color

#4266b0
```
#4266b0 rgb(66,102,176)
```
#5542b0
```
#5542b0 rgb(85,66,176)
```
#8c42b0
```
#8c42b0 rgb(140,66,176)
```

Analogous Color

#66b042
```
#66b042 rgb(102,176,66)
```
#5542b0
```
#5542b0 rgb(85,66,176)
```
#b08c42
```
#b08c42 rgb(176,140,66)
```

Split Complementary Color

#42b055
```
#42b055 rgb(66,176,85)
```
#5542b0
```
#5542b0 rgb(85,66,176)
```
#b05542
```
#b05542 rgb(176,85,66)
```

Triadic Color

#429db0
```
#429db0 rgb(66,157,176)
```
#5542b0
```
#5542b0 rgb(85,66,176)
```
#b05542
```
#b05542 rgb(176,85,66)
```
#9db042
```
#9db042 rgb(157,176,66)
```

Tetradic Color

#3a2d78
```
#3a2d78 rgb(58,45,120)
```
#43348b
```
#43348b rgb(67,52,139)
```
#4c3b9d
```
#4c3b9d rgb(76,59,157)
```
#5542b0
```
#5542b0 rgb(85,66,176)
```
#624fbd
```
#624fbd rgb(98,79,189)
```
#7261c4
```
#7261c4 rgb(114,97,196)
```
#8374cb
```
#8374cb rgb(131,116,203)
```

Monochromatic Color

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

#424bb0
```
#424bb0 rgb(66,75,176)
```
#4342b0
```
#4342b0 rgb(67,66,176)
```
#4c42b0
```
#4c42b0 rgb(76,66,176)
```
#5542b0
```
#5542b0 rgb(85,66,176)
```
#5e42b0
```
#5e42b0 rgb(94,66,176)
```
#6742b0
```
#6742b0 rgb(103,66,176)
```
#7142b0
```
#7142b0 rgb(113,66,176)
```

Similar Colors

Text with hexadecimal color #5542b0

This text has a font color of #5542b0.

<span style="color:#5542b0;">Text here</span>

#5542b0 background color

This paragraph has a background color of #5542b0.

<p style="background-color:#5542b0;">Content here</p>

#5542b0 border color

This element has a border color of #5542b0.

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

CSS codes

.text {color:#5542b0;}

.background {background-color:#5542b0;}

.border {border:1px solid #5542b0;}

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

#020205
```
#020205 rgb(2,2,5)
```
#090713
```
#090713 rgb(9,7,19)
```
#100d21
```
#100d21 rgb(16,13,33)
```
#171230
```
#171230 rgb(23,18,48)
```
#1e173e
```
#1e173e rgb(30,23,62)
```
#251d4c
```
#251d4c rgb(37,29,76)
```
#2c225a
```
#2c225a rgb(44,34,90)
```
#332769
```
#332769 rgb(51,39,105)
```
#392d77
```
#392d77 rgb(57,45,119)
```
#403285
```
#403285 rgb(64,50,133)
```
#473793
```
#473793 rgb(71,55,147)
```
#4e3da2
```
#4e3da2 rgb(78,61,162)
```
#5542b0
```
#5542b0 rgb(85,66,176)
```

Shade Color Variation

#5e4abb
```
#5e4abb rgb(94,74,187)
```
#6b59c1
```
#6b59c1 rgb(107,89,193)
```
#7767c6
```
#7767c6 rgb(119,103,198)
```
#8475cb
```
#8475cb rgb(132,117,203)
```
#9183d1
```
#9183d1 rgb(145,131,209)
```
#9d92d6
```
#9d92d6 rgb(157,146,214)
```
#aaa0db
```
#aaa0db rgb(170,160,219)
```
#b7aee1
```
#b7aee1 rgb(183,174,225)
```
#c4bce6
```
#c4bce6 rgb(196,188,230)
```
#d0cbeb
```
#d0cbeb rgb(208,203,235)
```
#ddd9f1
```
#ddd9f1 rgb(221,217,241)
```
#eae7f6
```
#eae7f6 rgb(234,231,246)
```
#f7f6fb
```
#f7f6fb rgb(247,246,251)
```

Tint Color Variation

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

#737181
```
#737181 rgb(115,113,129)
```
#6d678b
```
#6d678b rgb(109,103,139)
```
#675e94
```
#675e94 rgb(103,94,148)
```
#61559d
```
#61559d rgb(97,85,157)
```
#5b4ba7
```
#5b4ba7 rgb(91,75,167)
```
#5542b0
```
#5542b0 rgb(85,66,176)
```
#4f39b9
```
#4f39b9 rgb(79,57,185)
```
#492fc3
```
#492fc3 rgb(73,47,195)
```
#4326cc
```
#4326cc rgb(67,38,204)
```
#3d1dd5
```
#3d1dd5 rgb(61,29,213)
```
#3713df
```
#3713df rgb(55,19,223)
```
#300ae8
```
#300ae8 rgb(48,10,232)
```
#2a01f1
```
#2a01f1 rgb(42,1,241)
```

Tone Color Variation

Below, you can see how #5542b0 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

#545454 Achromatopsia 0.005% of the population
#545066 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005ab1 Protanopia 1% of men
#005f9b Deuteranopia 1% of men
#3f6269 Tritanopia 0.001% of the population

Trichromacy

#1e51b0 Protanomaly 1% of men, 0.01% of women
#1e54a3 Deuteranomaly 6% of men, 0.4% of women
#475683 Tritanomaly 0.01% of the population

#5542b0 hex color

#5542b0 Color Information

#5542b0 Color Conversion

Color Schemes with #5542b0

Alternatives to #5542b0

#5542b0 Preview

Shades and Tints of #5542b0

Tones of #5542b0

Color Blindness Simulator