#555cbb hex color

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

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

● #555cbb color description : Moderate blue.

The hexadecimal color #555cbb has RGB values of R:85, G:92, B:187 and CMYK values of C:0.55, M:0.51, Y:0, K:0.27. Its decimal value is 5594299.

Hex triplet	555cbb	`#555cbb`
RGB Decimal	85, 92, 187	`rgb(85,92,187)`
RGB Percent	33.3, 36.1, 73.3	`rgb(33.3%,36.1%,73.3%)`
CMYK	55, 51, 0, 27
HSL	235.9°, 42.9, 53.3	`hsl(235.9,42.9%,53.3%)`
HSV (or HSB)	235.9°, 54.5, 73.3
Web Safe	6666cc	`#6666cc`

CIE-LAB	43.022, 24.749, -51.169
XYZ	16.541, 13.173, 48.682
xyY	0.211, 0.168, 13.173
CIE-LCH	43.022, 56.84, 295.812
CIE-LUV	43.022, -7.908, -77.842
Hunter-Lab	36.294, 17.837, -54.12
Binary	01010101, 01011100, 10111011

#555cbb
```
#555cbb rgb(85,92,187)
```
#bbb455
```
#bbb455 rgb(187,180,85)
```

Complementary Color

#558fbb
```
#558fbb rgb(85,143,187)
```
#555cbb
```
#555cbb rgb(85,92,187)
```
#8155bb
```
#8155bb rgb(129,85,187)
```

Analogous Color

#8fbb55
```
#8fbb55 rgb(143,187,85)
```
#555cbb
```
#555cbb rgb(85,92,187)
```
#bb8155
```
#bb8155 rgb(187,129,85)
```

Split Complementary Color

#5cbb55
```
#5cbb55 rgb(92,187,85)
```
#555cbb
```
#555cbb rgb(85,92,187)
```
#bb555c
```
#bb555c rgb(187,85,92)
```

Triadic Color

#55bbb4
```
#55bbb4 rgb(85,187,180)
```
#555cbb
```
#555cbb rgb(85,92,187)
```
#bb555c
```
#bb555c rgb(187,85,92)
```
#bbb455
```
#bbb455 rgb(187,180,85)
```

Tetradic Color

#383e8c
```
#383e8c rgb(56,62,140)
```
#3f469e
```
#3f469e rgb(63,70,158)
```
#464eb0
```
#464eb0 rgb(70,78,176)
```
#555cbb
```
#555cbb rgb(85,92,187)
```
#676dc2
```
#676dc2 rgb(103,109,194)
```
#797fca
```
#797fca rgb(121,127,202)
```
#8c90d1
```
#8c90d1 rgb(140,144,209)
```

Monochromatic Color

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

#5576bb
```
#5576bb rgb(85,118,187)
```
#556dbb
```
#556dbb rgb(85,109,187)
```
#5565bb
```
#5565bb rgb(85,101,187)
```
#555cbb
```
#555cbb rgb(85,92,187)
```
#5655bb
```
#5655bb rgb(86,85,187)
```
#5f55bb
```
#5f55bb rgb(95,85,187)
```
#6855bb
```
#6855bb rgb(104,85,187)
```

Similar Colors

Text with hexadecimal color #555cbb

This text has a font color of #555cbb.

<span style="color:#555cbb;">Text here</span>

#555cbb background color

This paragraph has a background color of #555cbb.

<p style="background-color:#555cbb;">Content here</p>

#555cbb border color

This element has a border color of #555cbb.

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

CSS codes

.text {color:#555cbb;}

.background {background-color:#555cbb;}

.border {border:1px solid #555cbb;}

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)
```
#0a0c1a
```
#0a0c1a rgb(10,12,26)
```
#101228
```
#101228 rgb(16,18,40)
```
#161836
```
#161836 rgb(22,24,54)
```
#1b1e44
```
#1b1e44 rgb(27,30,68)
```
#212452
```
#212452 rgb(33,36,82)
```
#262a60
```
#262a60 rgb(38,42,96)
```
#2c316e
```
#2c316e rgb(44,49,110)
```
#32377c
```
#32377c rgb(50,55,124)
```
#373d8a
```
#373d8a rgb(55,61,138)
```
#3d4398
```
#3d4398 rgb(61,67,152)
```
#4349a6
```
#4349a6 rgb(67,73,166)
```
#4850b4
```
#4850b4 rgb(72,80,180)
```

Shade Color Variation

#555cbb
```
#555cbb rgb(85,92,187)
```
#6369c1
```
#6369c1 rgb(99,105,193)
```
#7177c6
```
#7177c6 rgb(113,119,198)
```
#7f84cc
```
#7f84cc rgb(127,132,204)
```
#8d92d1
```
#8d92d1 rgb(141,146,209)
```
#9b9fd7
```
#9b9fd7 rgb(155,159,215)
```
#a9addd
```
#a9addd rgb(169,173,221)
```
#b7bae2
```
#b7bae2 rgb(183,186,226)
```
#c5c7e8
```
#c5c7e8 rgb(197,199,232)
```
#d3d5ed
```
#d3d5ed rgb(211,213,237)
```
#e1e2f3
```
#e1e2f3 rgb(225,226,243)
```
#eff0f9
```
#eff0f9 rgb(239,240,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 #1525fb is the most saturated one.

#83838d
```
#83838d rgb(131,131,141)
```
#7a7c96
```
#7a7c96 rgb(122,124,150)
```
#7074a0
```
#7074a0 rgb(112,116,160)
```
#676ca9
```
#676ca9 rgb(103,108,169)
```
#5e64b2
```
#5e64b2 rgb(94,100,178)
```
#555cbb
```
#555cbb rgb(85,92,187)
```
#4c54c4
```
#4c54c4 rgb(76,84,196)
```
#434ccd
```
#434ccd rgb(67,76,205)
```
#3a44d6
```
#3a44d6 rgb(58,68,214)
```
#303ce0
```
#303ce0 rgb(48,60,224)
```
#2735e9
```
#2735e9 rgb(39,53,233)
```
#1e2df2
```
#1e2df2 rgb(30,45,242)
```
#1525fb
```
#1525fb rgb(21,37,251)
```

Tone Color Variation

Below, you can see how #555cbb 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

#656565 Achromatopsia 0.005% of the population
#626376 Atypical Achromatopsia 0.001% of the population

Dichromacy

#356ac3 Protanopia 1% of men
#006fb9 Deuteranopia 1% of men
#3f757d Tritanopia 0.001% of the population

Trichromacy

#4165c0 Protanomaly 1% of men, 0.01% of women
#1e68ba Deuteranomaly 6% of men, 0.4% of women
#476c94 Tritanomaly 0.01% of the population

#555cbb hex color

#555cbb Color Information

#555cbb Color Conversion

Color Schemes with #555cbb

Alternatives to #555cbb

#555cbb Preview

Shades and Tints of #555cbb

Tones of #555cbb

Color Blindness Simulator