#5c55b8 hex color

In a RGB color space, hex #5c55b8 is composed of 36.1% red, 33.3% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 53.8% magenta, 0% yellow and 27.8% black. It has a hue angle of 244.2 degrees, a saturation of 41.1% and a lightness of 52.7%. #5c55b8 color hex could be obtained by blending #b8aaff with #000071. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 36
- G 33
- B 72
RGB color chart
- C 50
- M 54
- Y 0
- K 28
CMYK color chart

● #5c55b8 color description : Moderate blue.

The hexadecimal color #5c55b8 has RGB values of R:92, G:85, B:184 and CMYK values of C:0.5, M:0.54, Y:0, K:0.28. Its decimal value is 6051256.

Hex triplet	5c55b8	`#5c55b8`
RGB Decimal	92, 85, 184	`rgb(92,85,184)`
RGB Percent	36.1, 33.3, 72.2	`rgb(36.1%,33.3%,72.2%)`
CMYK	50, 54, 0, 28
HSL	244.2°, 41.1, 52.7	`hsl(244.2,41.1%,52.7%)`
HSV (or HSB)	244.2°, 53.8, 72.2
Web Safe	6666cc	`#6666cc`

CIE-LAB	41.583, 29.657, -51.704
XYZ	16.312, 12.233, 46.846
xyY	0.216, 0.162, 12.233
CIE-LCH	41.583, 59.606, 299.839
CIE-LUV	41.583, -3.31, -78.307
Hunter-Lab	34.975, 22.045, -54.932
Binary	01011100, 01010101, 10111000

#5c55b8
```
#5c55b8 rgb(92,85,184)
```
#b1b855
```
#b1b855 rgb(177,184,85)
```

Complementary Color

#5580b8
```
#5580b8 rgb(85,128,184)
```
#5c55b8
```
#5c55b8 rgb(92,85,184)
```
#8e55b8
```
#8e55b8 rgb(142,85,184)
```

Analogous Color

#80b855
```
#80b855 rgb(128,184,85)
```
#5c55b8
```
#5c55b8 rgb(92,85,184)
```
#b88e55
```
#b88e55 rgb(184,142,85)
```

Split Complementary Color

#55b85c
```
#55b85c rgb(85,184,92)
```
#5c55b8
```
#5c55b8 rgb(92,85,184)
```
#b85c55
```
#b85c55 rgb(184,92,85)
```

Triadic Color

#55b1b8
```
#55b1b8 rgb(85,177,184)
```
#5c55b8
```
#5c55b8 rgb(92,85,184)
```
#b85c55
```
#b85c55 rgb(184,92,85)
```
#b1b855
```
#b1b855 rgb(177,184,85)
```

Tetradic Color

#3e3988
```
#3e3988 rgb(62,57,136)
```
#47409a
```
#47409a rgb(71,64,154)
```
#4f48ac
```
#4f48ac rgb(79,72,172)
```
#5c55b8
```
#5c55b8 rgb(92,85,184)
```
#6d67c0
```
#6d67c0 rgb(109,103,192)
```
#7e79c7
```
#7e79c7 rgb(126,121,199)
```
#908bcf
```
#908bcf rgb(144,139,207)
```

Monochromatic Color

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

#5567b8
```
#5567b8 rgb(85,103,184)
```
#555fb8
```
#555fb8 rgb(85,95,184)
```
#5556b8
```
#5556b8 rgb(85,86,184)
```
#5c55b8
```
#5c55b8 rgb(92,85,184)
```
#6455b8
```
#6455b8 rgb(100,85,184)
```
#6d55b8
```
#6d55b8 rgb(109,85,184)
```
#7555b8
```
#7555b8 rgb(117,85,184)
```

Similar Colors

Text with hexadecimal color #5c55b8

This text has a font color of #5c55b8.

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

#5c55b8 background color

This paragraph has a background color of #5c55b8.

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

#5c55b8 border color

This element has a border color of #5c55b8.

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

CSS codes

.text {color:#5c55b8;}

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

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

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, #05040a is the darkest color, while #fbfbfd is the lightest one.

#05040a
```
#05040a rgb(5,4,10)
```
#0b0a18
```
#0b0a18 rgb(11,10,24)
```
#111026
```
#111026 rgb(17,16,38)
```
#181533
```
#181533 rgb(24,21,51)
```
#1e1b41
```
#1e1b41 rgb(30,27,65)
```
#24214f
```
#24214f rgb(36,33,79)
```
#2b275d
```
#2b275d rgb(43,39,93)
```
#312d6b
```
#312d6b rgb(49,45,107)
```
#373279
```
#373279 rgb(55,50,121)
```
#3e3886
```
#3e3886 rgb(62,56,134)
```
#443e94
```
#443e94 rgb(68,62,148)
```
#4a44a2
```
#4a44a2 rgb(74,68,162)
```
#5149b0
```
#5149b0 rgb(81,73,176)
```

Shade Color Variation

#5c55b8
```
#5c55b8 rgb(92,85,184)
```
#6963be
```
#6963be rgb(105,99,190)
```
#7771c4
```
#7771c4 rgb(119,113,196)
```
#847fc9
```
#847fc9 rgb(132,127,201)
```
#918ccf
```
#918ccf rgb(145,140,207)
```
#9e9ad5
```
#9e9ad5 rgb(158,154,213)
```
#aca8db
```
#aca8db rgb(172,168,219)
```
#b9b6e0
```
#b9b6e0 rgb(185,182,224)
```
#c6c4e6
```
#c6c4e6 rgb(198,196,230)
```
#d3d2ec
```
#d3d2ec rgb(211,210,236)
```
#e1dff2
```
#e1dff2 rgb(225,223,242)
```
#eeedf8
```
#eeedf8 rgb(238,237,248)
```
#fbfbfd
```
#fbfbfd rgb(251,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #84838a is the less saturated color, while #2414f9 is the most saturated one.

#84838a
```
#84838a rgb(132,131,138)
```
#7c7a93
```
#7c7a93 rgb(124,122,147)
```
#74719c
```
#74719c rgb(116,113,156)
```
#6c68a5
```
#6c68a5 rgb(108,104,165)
```
#645eaf
```
#645eaf rgb(100,94,175)
```
#5c55b8
```
#5c55b8 rgb(92,85,184)
```
#544cc1
```
#544cc1 rgb(84,76,193)
```
#4c42cb
```
#4c42cb rgb(76,66,203)
```
#4439d4
```
#4439d4 rgb(68,57,212)
```
#3c30dd
```
#3c30dd rgb(60,48,221)
```
#3427e6
```
#3427e6 rgb(52,39,230)
```
#2c1df0
```
#2c1df0 rgb(44,29,240)
```
#2414f9
```
#2414f9 rgb(36,20,249)
```

Tone Color Variation

Below, you can see how #5c55b8 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
#615f73 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2767c4 Protanopia 1% of men
#006cb3 Deuteranopia 1% of men
#4a7078 Tritanopia 0.001% of the population

Trichromacy

#3a60bf Protanomaly 1% of men, 0.01% of women
#2163b5 Deuteranomaly 6% of men, 0.4% of women
#50668f Tritanomaly 0.01% of the population

#5c55b8 hex color

#5c55b8 Color Information

#5c55b8 Color Conversion

Color Schemes with #5c55b8

Alternatives to #5c55b8

#5c55b8 Preview

Shades and Tints of #5c55b8

Tones of #5c55b8

Color Blindness Simulator