#55a2b5 hex color

In a RGB color space, hex #55a2b5 is composed of 33.3% red, 63.5% green and 71% blue. Whereas in a CMYK color space, it is composed of 53% cyan, 10.5% magenta, 0% yellow and 29% black. It has a hue angle of 191.9 degrees, a saturation of 39.3% and a lightness of 52.2%. #55a2b5 color hex could be obtained by blending #aaffff with #00456b. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 33
- G 64
- B 71
RGB color chart
- C 53
- M 10
- Y 0
- K 29
CMYK color chart

● #55a2b5 color description : Moderate cyan.

The hexadecimal color #55a2b5 has RGB values of R:85, G:162, B:181 and CMYK values of C:0.53, M:0.1, Y:0, K:0.29. Its decimal value is 5612213.

Hex triplet	55a2b5	`#55a2b5`
RGB Decimal	85, 162, 181	`rgb(85,162,181)`
RGB Percent	33.3, 63.5, 71	`rgb(33.3%,63.5%,71%)`
CMYK	53, 10, 0, 29
HSL	191.9°, 39.3, 52.2	`hsl(191.9,39.3%,52.2%)`
HSV (or HSB)	191.9°, 53, 71
Web Safe	6699cc	`#6699cc`

CIE-LAB	62.597, -18.402, -17.124
XYZ	25.005, 31.106, 48.4
xyY	0.239, 0.298, 31.106
CIE-LCH	62.597, 25.137, 222.94
CIE-LUV	62.597, -33.181, -23.359
Hunter-Lab	55.773, -17.576, -12.411
Binary	01010101, 10100010, 10110101

#55a2b5
```
#55a2b5 rgb(85,162,181)
```
#b56855
```
#b56855 rgb(181,104,85)
```

Complementary Color

#55b598
```
#55b598 rgb(85,181,152)
```
#55a2b5
```
#55a2b5 rgb(85,162,181)
```
#5572b5
```
#5572b5 rgb(85,114,181)
```

Analogous Color

#b59855
```
#b59855 rgb(181,152,85)
```
#55a2b5
```
#55a2b5 rgb(85,162,181)
```
#b55572
```
#b55572 rgb(181,85,114)
```

Split Complementary Color

#a2b555
```
#a2b555 rgb(162,181,85)
```
#55a2b5
```
#55a2b5 rgb(85,162,181)
```
#b555a2
```
#b555a2 rgb(181,85,162)
```

Triadic Color

#55b568
```
#55b568 rgb(85,181,104)
```
#55a2b5
```
#55a2b5 rgb(85,162,181)
```
#b555a2
```
#b555a2 rgb(181,85,162)
```
#b56855
```
#b56855 rgb(181,104,85)
```

Tetradic Color

#397584
```
#397584 rgb(57,117,132)
```
#418596
```
#418596 rgb(65,133,150)
```
#4995a8
```
#4995a8 rgb(73,149,168)
```
#55a2b5
```
#55a2b5 rgb(85,162,181)
```
#67acbd
```
#67acbd rgb(103,172,189)
```
#79b5c4
```
#79b5c4 rgb(121,181,196)
```
#8abfcc
```
#8abfcc rgb(138,191,204)
```

Monochromatic Color

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

#55b5b0
```
#55b5b0 rgb(85,181,176)
```
#55b2b5
```
#55b2b5 rgb(85,178,181)
```
#55aab5
```
#55aab5 rgb(85,170,181)
```
#55a2b5
```
#55a2b5 rgb(85,162,181)
```
#559ab5
```
#559ab5 rgb(85,154,181)
```
#5592b5
```
#5592b5 rgb(85,146,181)
```
#558ab5
```
#558ab5 rgb(85,138,181)
```

Similar Colors

Text with hexadecimal color #55a2b5

This text has a font color of #55a2b5.

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

#55a2b5 background color

This paragraph has a background color of #55a2b5.

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

#55a2b5 border color

This element has a border color of #55a2b5.

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

CSS codes

.text {color:#55a2b5;}

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

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

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, #030708 is the darkest color, while #f9fcfc is the lightest one.

#030708
```
#030708 rgb(3,7,8)
```
#091315
```
#091315 rgb(9,19,21)
```
#0f1f23
```
#0f1f23 rgb(15,31,35)
```
#152b31
```
#152b31 rgb(21,43,49)
```
#1b373e
```
#1b373e rgb(27,55,62)
```
#21444c
```
#21444c rgb(33,68,76)
```
#27505a
```
#27505a rgb(39,80,90)
```
#2d5c67
```
#2d5c67 rgb(45,92,103)
```
#336875
```
#336875 rgb(51,104,117)
```
#397483
```
#397483 rgb(57,116,131)
```
#3f8090
```
#3f8090 rgb(63,128,144)
```
#458c9e
```
#458c9e rgb(69,140,158)
```
#4b98ac
```
#4b98ac rgb(75,152,172)
```

Shade Color Variation

#55a2b5
```
#55a2b5 rgb(85,162,181)
```
#63a9bb
```
#63a9bb rgb(99,169,187)
```
#70b1c1
```
#70b1c1 rgb(112,177,193)
```
#7eb8c7
```
#7eb8c7 rgb(126,184,199)
```
#8cc0cd
```
#8cc0cd rgb(140,192,205)
```
#99c7d3
```
#99c7d3 rgb(153,199,211)
```
#a7cfd9
```
#a7cfd9 rgb(167,207,217)
```
#b5d6df
```
#b5d6df rgb(181,214,223)
```
#c2dee5
```
#c2dee5 rgb(194,222,229)
```
#d0e5eb
```
#d0e5eb rgb(208,229,235)
```
#deedf0
```
#deedf0 rgb(222,237,240)
```
#ebf4f6
```
#ebf4f6 rgb(235,244,246)
```
#f9fcfc
```
#f9fcfc rgb(249,252,252)
```

Tint Color Variation

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

#848686
```
#848686 rgb(132,134,134)
```
#7b8b8f
```
#7b8b8f rgb(123,139,143)
```
#719199
```
#719199 rgb(113,145,153)
```
#6897a2
```
#6897a2 rgb(104,151,162)
```
#5e9cac
```
#5e9cac rgb(94,156,172)
```
#55a2b5
```
#55a2b5 rgb(85,162,181)
```
#4ca8be
```
#4ca8be rgb(76,168,190)
```
#42adc8
```
#42adc8 rgb(66,173,200)
```
#39b3d1
```
#39b3d1 rgb(57,179,209)
```
#2fb9db
```
#2fb9db rgb(47,185,219)
```
#26bee4
```
#26bee4 rgb(38,190,228)
```
#1dc4ed
```
#1dc4ed rgb(29,196,237)
```
#13caf7
```
#13caf7 rgb(19,202,247)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#829195 Atypical Achromatopsia 0.001% of the population

Dichromacy

#989bb2 Protanopia 1% of men
#9999bd Deuteranopia 1% of men
#5ba7b3 Tritanopia 0.001% of the population

Trichromacy

#809db3 Protanomaly 1% of men, 0.01% of women
#809cba Deuteranomaly 6% of men, 0.4% of women
#59a5b4 Tritanomaly 0.01% of the population

#55a2b5 hex color

#55a2b5 Color Information

#55a2b5 Color Conversion

Color Schemes with #55a2b5

Alternatives to #55a2b5

#55a2b5 Preview

Shades and Tints of #55a2b5

Tones of #55a2b5

Color Blindness Simulator