#5555cc hex color

In a RGB color space, hex #5555cc is composed of 33.3% red, 33.3% green and 80% blue. Whereas in a CMYK color space, it is composed of 58.3% cyan, 58.3% magenta, 0% yellow and 20% black. It has a hue angle of 240 degrees, a saturation of 53.8% and a lightness of 56.7%. #5555cc color hex could be obtained by blending #aaaaff with #000099. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 33
- G 33
- B 80
RGB color chart
- C 58
- M 58
- Y 0
- K 20
CMYK color chart

● #5555cc color description : Moderate blue.

The hexadecimal color #5555cc has RGB values of R:85, G:85, B:204 and CMYK values of C:0.58, M:0.58, Y:0, K:0.2. Its decimal value is 5592524.

Hex triplet	5555cc	`#5555cc`
RGB Decimal	85, 85, 204	`rgb(85,85,204)`
RGB Percent	33.3, 33.3, 80	`rgb(33.3%,33.3%,80%)`
CMYK	58, 58, 0, 20
HSL	240°, 53.8, 56.7	`hsl(240,53.8%,56.7%)`
HSV (or HSB)	240°, 58.3, 80
Web Safe	6666cc	`#6666cc`

CIE-LAB	42.441, 34.655, -61.968
XYZ	17.892, 12.787, 58.649
xyY	0.2, 0.143, 12.787
CIE-LCH	42.441, 71, 299.216
CIE-LUV	42.441, -6.766, -93.748
Hunter-Lab	35.759, 26.732, -72.21
Binary	01010101, 01010101, 11001100

#5555cc
```
#5555cc rgb(85,85,204)
```
#cccc55
```
#cccc55 rgb(204,204,85)
```

Complementary Color

#5591cc
```
#5591cc rgb(85,145,204)
```
#5555cc
```
#5555cc rgb(85,85,204)
```
#9155cc
```
#9155cc rgb(145,85,204)
```

Analogous Color

#91cc55
```
#91cc55 rgb(145,204,85)
```
#5555cc
```
#5555cc rgb(85,85,204)
```
#cc9155
```
#cc9155 rgb(204,145,85)
```

Split Complementary Color

#55cc55
```
#55cc55 rgb(85,204,85)
```
#5555cc
```
#5555cc rgb(85,85,204)
```
#cc5555
```
#cc5555 rgb(204,85,85)
```

Triadic Color

#55cccc
```
#55cccc rgb(85,204,204)
```
#5555cc
```
#5555cc rgb(85,85,204)
```
#cc5555
```
#cc5555 rgb(204,85,85)
```
#cccc55
```
#cccc55 rgb(204,204,85)
```

Tetradic Color

#3131a3
```
#3131a3 rgb(49,49,163)
```
#3737b7
```
#3737b7 rgb(55,55,183)
```
#4141c6
```
#4141c6 rgb(65,65,198)
```
#5555cc
```
#5555cc rgb(85,85,204)
```
#6969d2
```
#6969d2 rgb(105,105,210)
```
#7c7cd8
```
#7c7cd8 rgb(124,124,216)
```
#9090de
```
#9090de rgb(144,144,222)
```

Monochromatic Color

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

#5573cc
```
#5573cc rgb(85,115,204)
```
#5569cc
```
#5569cc rgb(85,105,204)
```
#555fcc
```
#555fcc rgb(85,95,204)
```
#5555cc
```
#5555cc rgb(85,85,204)
```
#5f55cc
```
#5f55cc rgb(95,85,204)
```
#6955cc
```
#6955cc rgb(105,85,204)
```
#7355cc
```
#7355cc rgb(115,85,204)
```

Similar Colors

Text with hexadecimal color #5555cc

This text has a font color of #5555cc.

<span style="color:#5555cc;">Text here</span>

#5555cc background color

This paragraph has a background color of #5555cc.

<p style="background-color:#5555cc;">Content here</p>

#5555cc border color

This element has a border color of #5555cc.

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

CSS codes

.text {color:#5555cc;}

.background {background-color:#5555cc;}

.border {border:1px solid #5555cc;}

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, #03030b is the darkest color, while #fbfbfe is the lightest one.

#03030b
```
#03030b rgb(3,3,11)
```
#08081a
```
#08081a rgb(8,8,26)
```
#0c0c29
```
#0c0c29 rgb(12,12,41)
```
#111138
```
#111138 rgb(17,17,56)
```
#151547
```
#151547 rgb(21,21,71)
```
#1a1a57
```
#1a1a57 rgb(26,26,87)
```
#1e1e66
```
#1e1e66 rgb(30,30,102)
```
#232375
```
#232375 rgb(35,35,117)
```
#282884
```
#282884 rgb(40,40,132)
```
#2c2c93
```
#2c2c93 rgb(44,44,147)
```
#3131a2
```
#3131a2 rgb(49,49,162)
```
#3535b1
```
#3535b1 rgb(53,53,177)
```
#3a3ac0
```
#3a3ac0 rgb(58,58,192)
```

Shade Color Variation

#4646c7
```
#4646c7 rgb(70,70,199)
```
#5555cc
```
#5555cc rgb(85,85,204)
```
#6464d1
```
#6464d1 rgb(100,100,209)
```
#7373d5
```
#7373d5 rgb(115,115,213)
```
#8282da
```
#8282da rgb(130,130,218)
```
#9191de
```
#9191de rgb(145,145,222)
```
#a0a0e3
```
#a0a0e3 rgb(160,160,227)
```
#b0b0e7
```
#b0b0e7 rgb(176,176,231)
```
#bfbfec
```
#bfbfec rgb(191,191,236)
```
#cecef0
```
#cecef0 rgb(206,206,240)
```
#ddddf5
```
#ddddf5 rgb(221,221,245)
```
#ececf9
```
#ececf9 rgb(236,236,249)
```
#fbfbfe
```
#fbfbfe rgb(251,251,254)
```

Tint Color Variation

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

#919191
```
#919191 rgb(145,145,145)
```
#888899
```
#888899 rgb(136,136,153)
```
#8080a2
```
#8080a2 rgb(128,128,162)
```
#7777aa
```
#7777aa rgb(119,119,170)
```
#6f6fb3
```
#6f6fb3 rgb(111,111,179)
```
#6666bb
```
#6666bb rgb(102,102,187)
```
#5e5ec4
```
#5e5ec4 rgb(94,94,196)
```
#5555cc
```
#5555cc rgb(85,85,204)
```
#4d4dd5
```
#4d4dd5 rgb(77,77,213)
```
#4444dd
```
#4444dd rgb(68,68,221)
```
#3c3ce6
```
#3c3ce6 rgb(60,60,230)
```
#3333ee
```
#3333ee rgb(51,51,238)
```
#2b2bf7
```
#2b2bf7 rgb(43,43,247)
```

Tone Color Variation

Below, you can see how #5555cc 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

#636363 Achromatopsia 0.005% of the population
#606078 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0068cd Protanopia 1% of men
#006eb4 Deuteranopia 1% of men
#2e757d Tritanopia 0.001% of the population

Trichromacy

#1e61cd Protanomaly 1% of men, 0.01% of women
#1e65bd Deuteranomaly 6% of men, 0.4% of women
#3c699a Tritanomaly 0.01% of the population

#5555cc hex color

#5555cc Color Information

#5555cc Color Conversion

Color Schemes with #5555cc

Alternatives to #5555cc

#5555cc Preview

Shades and Tints of #5555cc

Tones of #5555cc

Color Blindness Simulator