#55a5bb hex color

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

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

● #55a5bb color description : Moderate cyan.

The hexadecimal color #55a5bb has RGB values of R:85, G:165, B:187 and CMYK values of C:0.55, M:0.12, Y:0, K:0.27. Its decimal value is 5612987.

Hex triplet	55a5bb	`#55a5bb`
RGB Decimal	85, 165, 187	`rgb(85,165,187)`
RGB Percent	33.3, 64.7, 73.3	`rgb(33.3%,64.7%,73.3%)`
CMYK	55, 12, 0, 27
HSL	192.9°, 42.9, 53.3	`hsl(192.9,42.9%,53.3%)`
HSV (or HSB)	192.9°, 54.5, 73.3
Web Safe	6699cc	`#6699cc`

CIE-LAB	63.695, -18.236, -18.817
XYZ	26.169, 32.428, 51.891
xyY	0.237, 0.293, 32.428
CIE-LCH	63.695, 26.204, 225.897
CIE-LUV	63.695, -34.116, -26.17
Hunter-Lab	56.945, -17.626, -14.166
Binary	01010101, 10100101, 10111011

#55a5bb
```
#55a5bb rgb(85,165,187)
```
#bb6b55
```
#bb6b55 rgb(187,107,85)
```

Complementary Color

#55bb9e
```
#55bb9e rgb(85,187,158)
```
#55a5bb
```
#55a5bb rgb(85,165,187)
```
#5572bb
```
#5572bb rgb(85,114,187)
```

Analogous Color

#bb9e55
```
#bb9e55 rgb(187,158,85)
```
#55a5bb
```
#55a5bb rgb(85,165,187)
```
#bb5572
```
#bb5572 rgb(187,85,114)
```

Split Complementary Color

#a5bb55
```
#a5bb55 rgb(165,187,85)
```
#55a5bb
```
#55a5bb rgb(85,165,187)
```
#bb55a5
```
#bb55a5 rgb(187,85,165)
```

Triadic Color

#55bb6b
```
#55bb6b rgb(85,187,107)
```
#55a5bb
```
#55a5bb rgb(85,165,187)
```
#bb55a5
```
#bb55a5 rgb(187,85,165)
```
#bb6b55
```
#bb6b55 rgb(187,107,85)
```

Tetradic Color

#387a8c
```
#387a8c rgb(56,122,140)
```
#3f899e
```
#3f899e rgb(63,137,158)
```
#4699b0
```
#4699b0 rgb(70,153,176)
```
#55a5bb
```
#55a5bb rgb(85,165,187)
```
#67afc2
```
#67afc2 rgb(103,175,194)
```
#79b8ca
```
#79b8ca rgb(121,184,202)
```
#8cc2d1
```
#8cc2d1 rgb(140,194,209)
```

Monochromatic Color

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

#55bbb8
```
#55bbb8 rgb(85,187,184)
```
#55b6bb
```
#55b6bb rgb(85,182,187)
```
#55aebb
```
#55aebb rgb(85,174,187)
```
#55a5bb
```
#55a5bb rgb(85,165,187)
```
#559dbb
```
#559dbb rgb(85,157,187)
```
#5594bb
```
#5594bb rgb(85,148,187)
```
#558cbb
```
#558cbb rgb(85,140,187)
```

Similar Colors

Text with hexadecimal color #55a5bb

This text has a font color of #55a5bb.

<span style="color:#55a5bb;">Text here</span>

#55a5bb background color

This paragraph has a background color of #55a5bb.

<p style="background-color:#55a5bb;">Content here</p>

#55a5bb border color

This element has a border color of #55a5bb.

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

CSS codes

.text {color:#55a5bb;}

.background {background-color:#55a5bb;}

.border {border:1px solid #55a5bb;}

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

#050b0c
```
#050b0c rgb(5,11,12)
```
#0a171a
```
#0a171a rgb(10,23,26)
```
#102328
```
#102328 rgb(16,35,40)
```
#162f36
```
#162f36 rgb(22,47,54)
```
#1b3b44
```
#1b3b44 rgb(27,59,68)
```
#214852
```
#214852 rgb(33,72,82)
```
#265460
```
#265460 rgb(38,84,96)
```
#2c606e
```
#2c606e rgb(44,96,110)
```
#326c7c
```
#326c7c rgb(50,108,124)
```
#37788a
```
#37788a rgb(55,120,138)
```
#3d8598
```
#3d8598 rgb(61,133,152)
```
#4391a6
```
#4391a6 rgb(67,145,166)
```
#489db4
```
#489db4 rgb(72,157,180)
```

Shade Color Variation

#55a5bb
```
#55a5bb rgb(85,165,187)
```
#63acc1
```
#63acc1 rgb(99,172,193)
```
#71b4c6
```
#71b4c6 rgb(113,180,198)
```
#7fbbcc
```
#7fbbcc rgb(127,187,204)
```
#8dc3d1
```
#8dc3d1 rgb(141,195,209)
```
#9bcad7
```
#9bcad7 rgb(155,202,215)
```
#a9d2dd
```
#a9d2dd rgb(169,210,221)
```
#b7d9e2
```
#b7d9e2 rgb(183,217,226)
```
#c5e0e8
```
#c5e0e8 rgb(197,224,232)
```
#d3e8ed
```
#d3e8ed rgb(211,232,237)
```
#e1eff3
```
#e1eff3 rgb(225,239,243)
```
#eff7f9
```
#eff7f9 rgb(239,247,249)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #838b8d is the less saturated color, while #15c9fb is the most saturated one.

#838b8d
```
#838b8d rgb(131,139,141)
```
#7a9096
```
#7a9096 rgb(122,144,150)
```
#7095a0
```
#7095a0 rgb(112,149,160)
```
#679ba9
```
#679ba9 rgb(103,155,169)
```
#5ea0b2
```
#5ea0b2 rgb(94,160,178)
```
#55a5bb
```
#55a5bb rgb(85,165,187)
```
#4caac4
```
#4caac4 rgb(76,170,196)
```
#43afcd
```
#43afcd rgb(67,175,205)
```
#3ab5d6
```
#3ab5d6 rgb(58,181,214)
```
#30bae0
```
#30bae0 rgb(48,186,224)
```
#27bfe9
```
#27bfe9 rgb(39,191,233)
```
#1ec4f2
```
#1ec4f2 rgb(30,196,242)
```
#15c9fb
```
#15c9fb rgb(21,201,251)
```

Tone Color Variation

Below, you can see how #55a5bb 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

#909090 Achromatopsia 0.005% of the population
#849499 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9a9eb7 Protanopia 1% of men
#9a9cc3 Deuteranopia 1% of men
#5aaab7 Tritanopia 0.001% of the population

Trichromacy

#81a0b8 Protanomaly 1% of men, 0.01% of women
#819fc0 Deuteranomaly 6% of men, 0.4% of women
#58a8b8 Tritanomaly 0.01% of the population

#55a5bb hex color

#55a5bb Color Information

#55a5bb Color Conversion

Color Schemes with #55a5bb

Alternatives to #55a5bb

#55a5bb Preview

Shades and Tints of #55a5bb

Tones of #55a5bb

Color Blindness Simulator