colorhexa.com

#5548b8 hex color

In a RGB color space, hex #5548b8 is composed of 33.3% red, 28.2% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 53.8% cyan, 60.9% magenta, 0% yellow and 27.8% black. It has a hue angle of 247 degrees, a saturation of 44.1% and a lightness of 50.2%. #5548b8 color hex could be obtained by blending #aa90ff with #000071. Closest websafe color is: #6633cc.

- R 33
- G 28
- B 72
RGB color chart
- C 54
- M 61
- Y 0
- K 28
CMYK color chart

● #5548b8 color description : Moderate blue.

The hexadecimal color #5548b8 has RGB values of R:85, G:72, B:184 and CMYK values of C:0.54, M:0.61, Y:0, K:0.28. Its decimal value is 5589176.

Hex triplet	5548b8	`#5548b8`
RGB Decimal	85, 72, 184	`rgb(85,72,184)`
RGB Percent	33.3, 28.2, 72.2	`rgb(33.3%,28.2%,72.2%)`
CMYK	54, 61, 0, 28
HSL	247°, 44.1, 50.2	`hsl(247,44.1%,50.2%)`
HSV (or HSB)	247°, 60.9, 72.2
Web Safe	6633cc	`#6633cc`

CIE-LAB	37.89, 36.189, -57.705
XYZ	14.714, 10.026, 46.505
xyY	0.207, 0.141, 10.026
CIE-LCH	37.89, 68.114, 302.094
CIE-LUV	37.89, -2.282, -84.776
Hunter-Lab	31.664, 27.533, -64.913
Binary	01010101, 01001000, 10111000

#5548b8
```
#5548b8 rgb(85,72,184)
```
#abb848
```
#abb848 rgb(171,184,72)
```

Complementary Color

#4873b8
```
#4873b8 rgb(72,115,184)
```
#5548b8
```
#5548b8 rgb(85,72,184)
```
#8d48b8
```
#8d48b8 rgb(141,72,184)
```

Analogous Color

#73b848
```
#73b848 rgb(115,184,72)
```
#5548b8
```
#5548b8 rgb(85,72,184)
```
#b88d48
```
#b88d48 rgb(184,141,72)
```

Split Complementary Color

#48b855
```
#48b855 rgb(72,184,85)
```
#5548b8
```
#5548b8 rgb(85,72,184)
```
#b85548
```
#b85548 rgb(184,85,72)
```

Triadic Color

#48abb8
```
#48abb8 rgb(72,171,184)
```
#5548b8
```
#5548b8 rgb(85,72,184)
```
#b85548
```
#b85548 rgb(184,85,72)
```
#abb848
```
#abb848 rgb(171,184,72)
```

Tetradic Color

#3b3281
```
#3b3281 rgb(59,50,129)
```
#443994
```
#443994 rgb(68,57,148)
```
#4c40a6
```
#4c40a6 rgb(76,64,166)
```
#5548b8
```
#5548b8 rgb(85,72,184)
```
#665abf
```
#665abf rgb(102,90,191)
```
#776dc6
```
#776dc6 rgb(119,109,198)
```
#887fcd
```
#887fcd rgb(136,127,205)
```

Monochromatic Color

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

#4857b8
```
#4857b8 rgb(72,87,184)
```
#484eb8
```
#484eb8 rgb(72,78,184)
```
#4c48b8
```
#4c48b8 rgb(76,72,184)
```
#5548b8
```
#5548b8 rgb(85,72,184)
```
#5e48b8
```
#5e48b8 rgb(94,72,184)
```
#6848b8
```
#6848b8 rgb(104,72,184)
```
#7148b8
```
#7148b8 rgb(113,72,184)
```

Similar Colors

Text with hexadecimal color #5548b8

This text has a font color of #5548b8.

<span style="color:#5548b8;">Text here</span>

#5548b8 background color

This paragraph has a background color of #5548b8.

<p style="background-color:#5548b8;">Content here</p>

#5548b8 border color

This element has a border color of #5548b8.

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

CSS codes

.text {color:#5548b8;}

.background {background-color:#5548b8;}

.border {border:1px solid #5548b8;}

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 #f3f2fa is the lightest one.

#000001
```
#000001 rgb(0,0,1)
```
#07060f
```
#07060f rgb(7,6,15)
```
#0d0b1d
```
#0d0b1d rgb(13,11,29)
```
#14112b
```
#14112b rgb(20,17,43)
```
#1a1639
```
#1a1639 rgb(26,22,57)
```
#211c47
```
#211c47 rgb(33,28,71)
```
#272156
```
#272156 rgb(39,33,86)
```
#2e2764
```
#2e2764 rgb(46,39,100)
```
#342c72
```
#342c72 rgb(52,44,114)
```
#3b3280
```
#3b3280 rgb(59,50,128)
```
#41378e
```
#41378e rgb(65,55,142)
```
#483d9c
```
#483d9c rgb(72,61,156)
```
#4e42aa
```
#4e42aa rgb(78,66,170)
```

Shade Color Variation

#5548b8
```
#5548b8 rgb(85,72,184)
```
#6256bd
```
#6256bd rgb(98,86,189)
```
#6f64c3
```
#6f64c3 rgb(111,100,195)
```
#7c72c8
```
#7c72c8 rgb(124,114,200)
```
#8a81ce
```
#8a81ce rgb(138,129,206)
```
#978fd3
```
#978fd3 rgb(151,143,211)
```
#a49dd9
```
#a49dd9 rgb(164,157,217)
```
#b1abde
```
#b1abde rgb(177,171,222)
```
#beb9e4
```
#beb9e4 rgb(190,185,228)
```
#cbc7e9
```
#cbc7e9 rgb(203,199,233)
```
#d8d5ef
```
#d8d5ef rgb(216,213,239)
```
#e5e3f4
```
#e5e3f4 rgb(229,227,244)
```
#f3f2fa
```
#f3f2fa rgb(243,242,250)
```

Tint Color Variation

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

#7b7987
```
#7b7987 rgb(123,121,135)
```
#736f91
```
#736f91 rgb(115,111,145)
```
#6c659b
```
#6c659b rgb(108,101,155)
```
#645ca4
```
#645ca4 rgb(100,92,164)
```
#5d52ae
```
#5d52ae rgb(93,82,174)
```
#5548b8
```
#5548b8 rgb(85,72,184)
```
#4d3ec2
```
#4d3ec2 rgb(77,62,194)
```
#4634cc
```
#4634cc rgb(70,52,204)
```
#3e2bd5
```
#3e2bd5 rgb(62,43,213)
```
#3721df
```
#3721df rgb(55,33,223)
```
#2f17e9
```
#2f17e9 rgb(47,23,233)
```
#280df3
```
#280df3 rgb(40,13,243)
```
#2004fc
```
#2004fc rgb(32,4,252)
```

Tone Color Variation

Below, you can see how #5548b8 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

#595959 Achromatopsia 0.005% of the population
#58566c Atypical Achromatopsia 0.001% of the population

Dichromacy

#005eb9 Protanopia 1% of men
#0063a3 Deuteranopia 1% of men
#3b686f Tritanopia 0.001% of the population

Trichromacy

#1e56b9 Protanomaly 1% of men, 0.01% of women
#1e59aa Deuteranomaly 6% of men, 0.4% of women
#455c8a Tritanomaly 0.01% of the population