#5542bf hex color

In a RGB color space, hex #5542bf is composed of 33.3% red, 25.9% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 55.5% cyan, 65.4% magenta, 0% yellow and 25.1% black. It has a hue angle of 249.1 degrees, a saturation of 49.4% and a lightness of 50.4%. #5542bf color hex could be obtained by blending #aa84ff with #00007f. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 33
- G 26
- B 75
RGB color chart
- C 55
- M 65
- Y 0
- K 25
CMYK color chart

● #5542bf color description : Moderate blue.

The hexadecimal color #5542bf has RGB values of R:85, G:66, B:191 and CMYK values of C:0.55, M:0.65, Y:0, K:0.25. Its decimal value is 5587647.

Hex triplet	5542bf	`#5542bf`
RGB Decimal	85, 66, 191	`rgb(85,66,191)`
RGB Percent	33.3, 25.9, 74.9	`rgb(33.3%,25.9%,74.9%)`
CMYK	55, 65, 0, 25
HSL	249.1°, 49.4, 50.4	`hsl(249.1,49.4%,50.4%)`
HSV (or HSB)	249.1°, 65.4, 74.9
Web Safe	6633cc	`#6633cc`

CIE-LAB	37.094, 41.927, -63.11
XYZ	15.097, 9.589, 50.343
xyY	0.201, 0.128, 9.589
CIE-LCH	37.094, 75.768, 303.598
CIE-LUV	37.094, -1.455, -91.58
Hunter-Lab	30.966, 32.834, -74.715
Binary	01010101, 01000010, 10111111

#5542bf
```
#5542bf rgb(85,66,191)
```
#acbf42
```
#acbf42 rgb(172,191,66)
```

Complementary Color

#426ebf
```
#426ebf rgb(66,110,191)
```
#5542bf
```
#5542bf rgb(85,66,191)
```
#9442bf
```
#9442bf rgb(148,66,191)
```

Analogous Color

#6ebf42
```
#6ebf42 rgb(110,191,66)
```
#5542bf
```
#5542bf rgb(85,66,191)
```
#bf9442
```
#bf9442 rgb(191,148,66)
```

Split Complementary Color

#42bf55
```
#42bf55 rgb(66,191,85)
```
#5542bf
```
#5542bf rgb(85,66,191)
```
#bf5542
```
#bf5542 rgb(191,85,66)
```

Triadic Color

#42acbf
```
#42acbf rgb(66,172,191)
```
#5542bf
```
#5542bf rgb(85,66,191)
```
#bf5542
```
#bf5542 rgb(191,85,66)
```
#acbf42
```
#acbf42 rgb(172,191,66)
```

Tetradic Color

#3b2e87
```
#3b2e87 rgb(59,46,135)
```
#44349a
```
#44349a rgb(68,52,154)
```
#4c3bad
```
#4c3bad rgb(76,59,173)
```
#5542bf
```
#5542bf rgb(85,66,191)
```
#6655c5
```
#6655c5 rgb(102,85,197)
```
#7768cc
```
#7768cc rgb(119,104,204)
```
#887bd2
```
#887bd2 rgb(136,123,210)
```

Monochromatic Color

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

#424ebf
```
#424ebf rgb(66,78,191)
```
#4244bf
```
#4244bf rgb(66,68,191)
```
#4b42bf
```
#4b42bf rgb(75,66,191)
```
#5542bf
```
#5542bf rgb(85,66,191)
```
#5f42bf
```
#5f42bf rgb(95,66,191)
```
#6a42bf
```
#6a42bf rgb(106,66,191)
```
#7442bf
```
#7442bf rgb(116,66,191)
```

Similar Colors

Text with hexadecimal color #5542bf

This text has a font color of #5542bf.

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

#5542bf background color

This paragraph has a background color of #5542bf.

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

#5542bf border color

This element has a border color of #5542bf.

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

CSS codes

.text {color:#5542bf;}

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

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

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

#010101
```
#010101 rgb(1,1,1)
```
#070510
```
#070510 rgb(7,5,16)
```
#0e0a1f
```
#0e0a1f rgb(14,10,31)
```
#140f2d
```
#140f2d rgb(20,15,45)
```
#1a143c
```
#1a143c rgb(26,20,60)
```
#21194b
```
#21194b rgb(33,25,75)
```
#271e59
```
#271e59 rgb(39,30,89)
```
#2e2368
```
#2e2368 rgb(46,35,104)
```
#342877
```
#342877 rgb(52,40,119)
```
#3b2d85
```
#3b2d85 rgb(59,45,133)
```
#413294
```
#413294 rgb(65,50,148)
```
#4737a3
```
#4737a3 rgb(71,55,163)
```
#4e3cb1
```
#4e3cb1 rgb(78,60,177)
```

Shade Color Variation

#5542bf
```
#5542bf rgb(85,66,191)
```
#6251c4
```
#6251c4 rgb(98,81,196)
```
#6f5fc9
```
#6f5fc9 rgb(111,95,201)
```
#7d6ece
```
#7d6ece rgb(125,110,206)
```
#8a7dd3
```
#8a7dd3 rgb(138,125,211)
```
#978bd8
```
#978bd8 rgb(151,139,216)
```
#a49add
```
#a49add rgb(164,154,221)
```
#b1a9e2
```
#b1a9e2 rgb(177,169,226)
```
#beb7e7
```
#beb7e7 rgb(190,183,231)
```
#ccc6ec
```
#ccc6ec rgb(204,198,236)
```
#d9d5f1
```
#d9d5f1 rgb(217,213,241)
```
#e6e3f6
```
#e6e3f6 rgb(230,227,246)
```
#f3f2fb
```
#f3f2fb rgb(243,242,251)
```

Tint Color Variation

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

#7e7c85
```
#7e7c85 rgb(126,124,133)
```
#77738e
```
#77738e rgb(119,115,142)
```
#706998
```
#706998 rgb(112,105,152)
```
#695fa2
```
#695fa2 rgb(105,95,162)
```
#6355ac
```
#6355ac rgb(99,85,172)
```
#5c4cb5
```
#5c4cb5 rgb(92,76,181)
```
#5542bf
```
#5542bf rgb(85,66,191)
```
#4e38c9
```
#4e38c9 rgb(78,56,201)
```
#472fd2
```
#472fd2 rgb(71,47,210)
```
#4125dc
```
#4125dc rgb(65,37,220)
```
#3a1be6
```
#3a1be6 rgb(58,27,230)
```
#3311f0
```
#3311f0 rgb(51,17,240)
```
#2c08f9
```
#2c08f9 rgb(44,8,249)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#56526b Atypical Achromatopsia 0.001% of the population

Dichromacy

#005db5 Protanopia 1% of men
#00629f Deuteranopia 1% of men
#34676e Tritanopia 0.001% of the population

Trichromacy

#1e53b9 Protanomaly 1% of men, 0.01% of women
#1e56aa Deuteranomaly 6% of men, 0.4% of women
#40598b Tritanomaly 0.01% of the population

#5542bf hex color

#5542bf Color Information

#5542bf Color Conversion

Color Schemes with #5542bf

Alternatives to #5542bf

#5542bf Preview

Shades and Tints of #5542bf

Tones of #5542bf

Color Blindness Simulator