#5585bb hex color

In a RGB color space, hex #5585bb is composed of 33.3% red, 52.2% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 54.5% cyan, 28.9% magenta, 0% yellow and 26.7% black. It has a hue angle of 211.8 degrees, a saturation of 42.9% and a lightness of 53.3%. #5585bb color hex could be obtained by blending #aaffff with #000b77. Closest websafe color is: #6699cc.

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

● #5585bb color description : Moderate blue.

The hexadecimal color #5585bb has RGB values of R:85, G:133, B:187 and CMYK values of C:0.55, M:0.29, Y:0, K:0.27. Its decimal value is 5604795.

Hex triplet	5585bb	`#5585bb`
RGB Decimal	85, 133, 187	`rgb(85,133,187)`
RGB Percent	33.3, 52.2, 73.3	`rgb(33.3%,52.2%,73.3%)`
CMYK	55, 29, 0, 27
HSL	211.8°, 42.9, 53.3	`hsl(211.8,42.9%,53.3%)`
HSV (or HSB)	211.8°, 54.5, 73.3
Web Safe	6699cc	`#6699cc`

CIE-LAB	54.337, -0.418, -33.238
XYZ	21.101, 22.293, 50.202
xyY	0.225, 0.238, 22.293
CIE-LCH	54.337, 33.241, 269.28
CIE-LUV	54.337, -21.943, -50.789
Hunter-Lab	47.215, -2.852, -29.989
Binary	01010101, 10000101, 10111011

#5585bb
```
#5585bb rgb(85,133,187)
```
#bb8b55
```
#bb8b55 rgb(187,139,85)
```

Complementary Color

#55b8bb
```
#55b8bb rgb(85,184,187)
```
#5585bb
```
#5585bb rgb(85,133,187)
```
#5855bb
```
#5855bb rgb(88,85,187)
```

Analogous Color

#b8bb55
```
#b8bb55 rgb(184,187,85)
```
#5585bb
```
#5585bb rgb(85,133,187)
```
#bb5855
```
#bb5855 rgb(187,88,85)
```

Split Complementary Color

#85bb55
```
#85bb55 rgb(133,187,85)
```
#5585bb
```
#5585bb rgb(85,133,187)
```
#bb5585
```
#bb5585 rgb(187,85,133)
```

Triadic Color

#55bb8b
```
#55bb8b rgb(85,187,139)
```
#5585bb
```
#5585bb rgb(85,133,187)
```
#bb5585
```
#bb5585 rgb(187,85,133)
```
#bb8b55
```
#bb8b55 rgb(187,139,85)
```

Tetradic Color

#385f8c
```
#385f8c rgb(56,95,140)
```
#3f6c9e
```
#3f6c9e rgb(63,108,158)
```
#4678b0
```
#4678b0 rgb(70,120,176)
```
#5585bb
```
#5585bb rgb(85,133,187)
```
#6792c2
```
#6792c2 rgb(103,146,194)
```
#799fca
```
#799fca rgb(121,159,202)
```
#8cacd1
```
#8cacd1 rgb(140,172,209)
```

Monochromatic Color

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

#559fbb
```
#559fbb rgb(85,159,187)
```
#5596bb
```
#5596bb rgb(85,150,187)
```
#558ebb
```
#558ebb rgb(85,142,187)
```
#5585bb
```
#5585bb rgb(85,133,187)
```
#557dbb
```
#557dbb rgb(85,125,187)
```
#5574bb
```
#5574bb rgb(85,116,187)
```
#556cbb
```
#556cbb rgb(85,108,187)
```

Similar Colors

Text with hexadecimal color #5585bb

This text has a font color of #5585bb.

<span style="color:#5585bb;">Text here</span>

#5585bb background color

This paragraph has a background color of #5585bb.

<p style="background-color:#5585bb;">Content here</p>

#5585bb border color

This element has a border color of #5585bb.

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

CSS codes

.text {color:#5585bb;}

.background {background-color:#5585bb;}

.border {border:1px solid #5585bb;}

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

#05080c
```
#05080c rgb(5,8,12)
```
#0a121a
```
#0a121a rgb(10,18,26)
```
#101b28
```
#101b28 rgb(16,27,40)
```
#162536
```
#162536 rgb(22,37,54)
```
#1b2f44
```
#1b2f44 rgb(27,47,68)
```
#213852
```
#213852 rgb(33,56,82)
```
#264260
```
#264260 rgb(38,66,96)
```
#2c4b6e
```
#2c4b6e rgb(44,75,110)
```
#32557c
```
#32557c rgb(50,85,124)
```
#375e8a
```
#375e8a rgb(55,94,138)
```
#3d6898
```
#3d6898 rgb(61,104,152)
```
#4371a6
```
#4371a6 rgb(67,113,166)
```
#487bb4
```
#487bb4 rgb(72,123,180)
```

Shade Color Variation

#5585bb
```
#5585bb rgb(85,133,187)
```
#638fc1
```
#638fc1 rgb(99,143,193)
```
#7199c6
```
#7199c6 rgb(113,153,198)
```
#7fa3cc
```
#7fa3cc rgb(127,163,204)
```
#8dadd1
```
#8dadd1 rgb(141,173,209)
```
#9bb7d7
```
#9bb7d7 rgb(155,183,215)
```
#a9c1dd
```
#a9c1dd rgb(169,193,221)
```
#b7cbe2
```
#b7cbe2 rgb(183,203,226)
```
#c5d5e8
```
#c5d5e8 rgb(197,213,232)
```
#d3dfed
```
#d3dfed rgb(211,223,237)
```
#e1eaf3
```
#e1eaf3 rgb(225,234,243)
```
#eff4f9
```
#eff4f9 rgb(239,244,249)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#83888d
```
#83888d rgb(131,136,141)
```
#7a8796
```
#7a8796 rgb(122,135,150)
```
#7087a0
```
#7087a0 rgb(112,135,160)
```
#6786a9
```
#6786a9 rgb(103,134,169)
```
#5e86b2
```
#5e86b2 rgb(94,134,178)
```
#5585bb
```
#5585bb rgb(85,133,187)
```
#4c84c4
```
#4c84c4 rgb(76,132,196)
```
#4384cd
```
#4384cd rgb(67,132,205)
```
#3a83d6
```
#3a83d6 rgb(58,131,214)
```
#3083e0
```
#3083e0 rgb(48,131,224)
```
#2782e9
```
#2782e9 rgb(39,130,233)
```
#1e82f2
```
#1e82f2 rgb(30,130,242)
```
#1581fb
```
#1581fb rgb(21,129,251)
```

Tone Color Variation

Below, you can see how #5585bb 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

#7d7d7d Achromatopsia 0.005% of the population
#757f89 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7686bb Protanopia 1% of men
#6f87c0 Deuteranopia 1% of men
#4d929c Tritanopia 0.001% of the population

Trichromacy

#6a86bb Protanomaly 1% of men, 0.01% of women
#6686be Deuteranomaly 6% of men, 0.4% of women
#508da7 Tritanomaly 0.01% of the population

#5585bb hex color

#5585bb Color Information

#5585bb Color Conversion

Color Schemes with #5585bb

Alternatives to #5585bb

#5585bb Preview

Shades and Tints of #5585bb

Tones of #5585bb

Color Blindness Simulator