#5b55bb hex color

In a RGB color space, hex #5b55bb is composed of 35.7% red, 33.3% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 51.3% cyan, 54.5% magenta, 0% yellow and 26.7% black. It has a hue angle of 243.5 degrees, a saturation of 42.9% and a lightness of 53.3%. #5b55bb color hex could be obtained by blending #b6aaff with #000077. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 36
- G 33
- B 73
RGB color chart
- C 51
- M 55
- Y 0
- K 27
CMYK color chart

● #5b55bb color description : Moderate blue.

The hexadecimal color #5b55bb has RGB values of R:91, G:85, B:187 and CMYK values of C:0.51, M:0.55, Y:0, K:0.27. Its decimal value is 5985723.

Hex triplet	5b55bb	`#5b55bb`
RGB Decimal	91, 85, 187	`rgb(91,85,187)`
RGB Percent	35.7, 33.3, 73.3	`rgb(35.7%,33.3%,73.3%)`
CMYK	51, 55, 0, 27
HSL	243.5°, 42.9, 53.3	`hsl(243.5,42.9%,53.3%)`
HSV (or HSB)	243.5°, 54.5, 73.3
Web Safe	6666cc	`#6666cc`

CIE-LAB	41.702, 30.38, -53.271
XYZ	16.531, 12.308, 48.516
xyY	0.214, 0.159, 12.308
CIE-LCH	41.702, 61.325, 299.696
CIE-LUV	41.702, -3.861, -80.682
Hunter-Lab	35.083, 22.71, -57.432
Binary	01011011, 01010101, 10111011

#5b55bb
```
#5b55bb rgb(91,85,187)
```
#b5bb55
```
#b5bb55 rgb(181,187,85)
```

Complementary Color

#5582bb
```
#5582bb rgb(85,130,187)
```
#5b55bb
```
#5b55bb rgb(91,85,187)
```
#8e55bb
```
#8e55bb rgb(142,85,187)
```

Analogous Color

#82bb55
```
#82bb55 rgb(130,187,85)
```
#5b55bb
```
#5b55bb rgb(91,85,187)
```
#bb8e55
```
#bb8e55 rgb(187,142,85)
```

Split Complementary Color

#55bb5b
```
#55bb5b rgb(85,187,91)
```
#5b55bb
```
#5b55bb rgb(91,85,187)
```
#bb5b55
```
#bb5b55 rgb(187,91,85)
```

Triadic Color

#55b5bb
```
#55b5bb rgb(85,181,187)
```
#5b55bb
```
#5b55bb rgb(91,85,187)
```
#bb5b55
```
#bb5b55 rgb(187,91,85)
```
#b5bb55
```
#b5bb55 rgb(181,187,85)
```

Tetradic Color

#3d388c
```
#3d388c rgb(61,56,140)
```
#453f9e
```
#453f9e rgb(69,63,158)
```
#4d46b0
```
#4d46b0 rgb(77,70,176)
```
#5b55bb
```
#5b55bb rgb(91,85,187)
```
#6d67c2
```
#6d67c2 rgb(109,103,194)
```
#7e79ca
```
#7e79ca rgb(126,121,202)
```
#908cd1
```
#908cd1 rgb(144,140,209)
```

Monochromatic Color

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

#5569bb
```
#5569bb rgb(85,105,187)
```
#5560bb
```
#5560bb rgb(85,96,187)
```
#5557bb
```
#5557bb rgb(85,87,187)
```
#5b55bb
```
#5b55bb rgb(91,85,187)
```
#6455bb
```
#6455bb rgb(100,85,187)
```
#6c55bb
```
#6c55bb rgb(108,85,187)
```
#7555bb
```
#7555bb rgb(117,85,187)
```

Similar Colors

Text with hexadecimal color #5b55bb

This text has a font color of #5b55bb.

<span style="color:#5b55bb;">Text here</span>

#5b55bb background color

This paragraph has a background color of #5b55bb.

<p style="background-color:#5b55bb;">Content here</p>

#5b55bb border color

This element has a border color of #5b55bb.

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

CSS codes

.text {color:#5b55bb;}

.background {background-color:#5b55bb;}

.border {border:1px solid #5b55bb;}

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

#05050c
```
#05050c rgb(5,5,12)
```
#0b0a1a
```
#0b0a1a rgb(11,10,26)
```
#111028
```
#111028 rgb(17,16,40)
```
#181636
```
#181636 rgb(24,22,54)
```
#1e1b44
```
#1e1b44 rgb(30,27,68)
```
#242152
```
#242152 rgb(36,33,82)
```
#2a2660
```
#2a2660 rgb(42,38,96)
```
#302c6e
```
#302c6e rgb(48,44,110)
```
#36327c
```
#36327c rgb(54,50,124)
```
#3c378a
```
#3c378a rgb(60,55,138)
```
#423d98
```
#423d98 rgb(66,61,152)
```
#4843a6
```
#4843a6 rgb(72,67,166)
```
#4e48b4
```
#4e48b4 rgb(78,72,180)
```

Shade Color Variation

#5b55bb
```
#5b55bb rgb(91,85,187)
```
#6963c1
```
#6963c1 rgb(105,99,193)
```
#7671c6
```
#7671c6 rgb(118,113,198)
```
#847fcc
```
#847fcc rgb(132,127,204)
```
#918dd1
```
#918dd1 rgb(145,141,209)
```
#9f9bd7
```
#9f9bd7 rgb(159,155,215)
```
#aca9dd
```
#aca9dd rgb(172,169,221)
```
#bab7e2
```
#bab7e2 rgb(186,183,226)
```
#c7c5e8
```
#c7c5e8 rgb(199,197,232)
```
#d5d3ed
```
#d5d3ed rgb(213,211,237)
```
#e2e1f3
```
#e2e1f3 rgb(226,225,243)
```
#f0eff9
```
#f0eff9 rgb(240,239,249)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #83838d is the less saturated color, while #2215fb is the most saturated one.

#83838d
```
#83838d rgb(131,131,141)
```
#7b7a96
```
#7b7a96 rgb(123,122,150)
```
#7370a0
```
#7370a0 rgb(115,112,160)
```
#6b67a9
```
#6b67a9 rgb(107,103,169)
```
#635eb2
```
#635eb2 rgb(99,94,178)
```
#5b55bb
```
#5b55bb rgb(91,85,187)
```
#534cc4
```
#534cc4 rgb(83,76,196)
```
#4b43cd
```
#4b43cd rgb(75,67,205)
```
#433ad6
```
#433ad6 rgb(67,58,214)
```
#3b30e0
```
#3b30e0 rgb(59,48,224)
```
#3327e9
```
#3327e9 rgb(51,39,233)
```
#2b1ef2
```
#2b1ef2 rgb(43,30,242)
```
#2215fb
```
#2215fb rgb(34,21,251)
```

Tone Color Variation

Below, you can see how #5b55bb 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

#626262 Achromatopsia 0.005% of the population
#615f74 Atypical Achromatopsia 0.001% of the population

Dichromacy

#1f67c7 Protanopia 1% of men
#006cb3 Deuteranopia 1% of men
#477079 Tritanopia 0.001% of the population

Trichromacy

#3560c2 Protanomaly 1% of men, 0.01% of women
#2163b6 Deuteranomaly 6% of men, 0.4% of women
#4e6691 Tritanomaly 0.01% of the population

#5b55bb hex color

#5b55bb Color Information

#5b55bb Color Conversion

Color Schemes with #5b55bb

Alternatives to #5b55bb

#5b55bb Preview

Shades and Tints of #5b55bb

Tones of #5b55bb

Color Blindness Simulator