#55a0b2 hex color

In a RGB color space, hex #55a0b2 is composed of 33.3% red, 62.7% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 52.2% cyan, 10.1% magenta, 0% yellow and 30.2% black. It has a hue angle of 191.6 degrees, a saturation of 37.7% and a lightness of 51.6%. #55a0b2 color hex could be obtained by blending #aaffff with #004165. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 33
- G 63
- B 70
RGB color chart
- C 52
- M 10
- Y 0
- K 30
CMYK color chart

● #55a0b2 color description : Dark moderate cyan.

The hexadecimal color #55a0b2 has RGB values of R:85, G:160, B:178 and CMYK values of C:0.52, M:0.1, Y:0, K:0.3. Its decimal value is 5611698.

Hex triplet	55a0b2	`#55a0b2`
RGB Decimal	85, 160, 178	`rgb(85,160,178)`
RGB Percent	33.3, 62.7, 69.8	`rgb(33.3%,62.7%,69.8%)`
CMYK	52, 10, 0, 30
HSL	191.6°, 37.7, 51.6	`hsl(191.6,37.7%,51.6%)`
HSV (or HSB)	191.6°, 52.2, 69.8
Web Safe	669999	`#669999`

CIE-LAB	61.9, -18.213, -16.496
XYZ	24.351, 30.286, 46.68
xyY	0.24, 0.299, 30.286
CIE-LCH	61.9, 24.573, 222.167
CIE-LUV	61.9, -32.51, -22.341
Hunter-Lab	55.032, -17.324, -11.768
Binary	01010101, 10100000, 10110010

#55a0b2
```
#55a0b2 rgb(85,160,178)
```
#b26755
```
#b26755 rgb(178,103,85)
```

Complementary Color

#55b296
```
#55b296 rgb(85,178,150)
```
#55a0b2
```
#55a0b2 rgb(85,160,178)
```
#5572b2
```
#5572b2 rgb(85,114,178)
```

Analogous Color

#b29655
```
#b29655 rgb(178,150,85)
```
#55a0b2
```
#55a0b2 rgb(85,160,178)
```
#b25572
```
#b25572 rgb(178,85,114)
```

Split Complementary Color

#a0b255
```
#a0b255 rgb(160,178,85)
```
#55a0b2
```
#55a0b2 rgb(85,160,178)
```
#b255a0
```
#b255a0 rgb(178,85,160)
```

Triadic Color

#55b267
```
#55b267 rgb(85,178,103)
```
#55a0b2
```
#55a0b2 rgb(85,160,178)
```
#b255a0
```
#b255a0 rgb(178,85,160)
```
#b26755
```
#b26755 rgb(178,103,85)
```

Tetradic Color

#3a7380
```
#3a7380 rgb(58,115,128)
```
#428292
```
#428292 rgb(66,130,146)
```
#4a92a3
```
#4a92a3 rgb(74,146,163)
```
#55a0b2
```
#55a0b2 rgb(85,160,178)
```
#67aaba
```
#67aaba rgb(103,170,186)
```
#78b4c2
```
#78b4c2 rgb(120,180,194)
```
#8abdca
```
#8abdca rgb(138,189,202)
```

Monochromatic Color

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

#55b2ad
```
#55b2ad rgb(85,178,173)
```
#55b0b2
```
#55b0b2 rgb(85,176,178)
```
#55a8b2
```
#55a8b2 rgb(85,168,178)
```
#55a0b2
```
#55a0b2 rgb(85,160,178)
```
#5598b2
```
#5598b2 rgb(85,152,178)
```
#5591b2
```
#5591b2 rgb(85,145,178)
```
#5589b2
```
#5589b2 rgb(85,137,178)
```

Similar Colors

Text with hexadecimal color #55a0b2

This text has a font color of #55a0b2.

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

#55a0b2 background color

This paragraph has a background color of #55a0b2.

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

#55a0b2 border color

This element has a border color of #55a0b2.

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

CSS codes

.text {color:#55a0b2;}

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

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

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

#020506
```
#020506 rgb(2,5,6)
```
#091113
```
#091113 rgb(9,17,19)
```
#0f1d21
```
#0f1d21 rgb(15,29,33)
```
#15292e
```
#15292e rgb(21,41,46)
```
#1b353c
```
#1b353c rgb(27,53,60)
```
#214149
```
#214149 rgb(33,65,73)
```
#274d57
```
#274d57 rgb(39,77,87)
```
#2d5964
```
#2d5964 rgb(45,89,100)
```
#336572
```
#336572 rgb(51,101,114)
```
#3a727f
```
#3a727f rgb(58,114,127)
```
#407e8d
```
#407e8d rgb(64,126,141)
```
#468a9a
```
#468a9a rgb(70,138,154)
```
#4c96a8
```
#4c96a8 rgb(76,150,168)
```

Shade Color Variation

#55a0b2
```
#55a0b2 rgb(85,160,178)
```
#63a8b8
```
#63a8b8 rgb(99,168,184)
```
#70afbe
```
#70afbe rgb(112,175,190)
```
#7eb7c4
```
#7eb7c4 rgb(126,183,196)
```
#8bbeca
```
#8bbeca rgb(139,190,202)
```
#99c6d1
```
#99c6d1 rgb(153,198,209)
```
#a6cdd7
```
#a6cdd7 rgb(166,205,215)
```
#b4d5dd
```
#b4d5dd rgb(180,213,221)
```
#c1dce3
```
#c1dce3 rgb(193,220,227)
```
#cfe4e9
```
#cfe4e9 rgb(207,228,233)
```
#dcebef
```
#dcebef rgb(220,235,239)
```
#eaf3f5
```
#eaf3f5 rgb(234,243,245)
```
#f7fbfb
```
#f7fbfb rgb(247,251,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7b898c is the less saturated color, while #09cffe is the most saturated one.

#7b898c
```
#7b898c rgb(123,137,140)
```
#728f96
```
#728f96 rgb(114,143,150)
```
#68949f
```
#68949f rgb(104,148,159)
```
#5f9aa9
```
#5f9aa9 rgb(95,154,169)
```
#55a0b2
```
#55a0b2 rgb(85,160,178)
```
#4ca6bc
```
#4ca6bc rgb(76,166,188)
```
#42acc5
```
#42acc5 rgb(66,172,197)
```
#39b1cf
```
#39b1cf rgb(57,177,207)
```
#2fb7d8
```
#2fb7d8 rgb(47,183,216)
```
#26bde2
```
#26bde2 rgb(38,189,226)
```
#1cc3eb
```
#1cc3eb rgb(28,195,235)
```
#13c9f5
```
#13c9f5 rgb(19,201,245)
```
#09cffe
```
#09cffe rgb(9,207,254)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#819094 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9799af Protanopia 1% of men
#9898ba Deuteranopia 1% of men
#5ba5b1 Tritanopia 0.001% of the population

Trichromacy

#7f9cb0 Protanomaly 1% of men, 0.01% of women
#7f9ab7 Deuteranomaly 6% of men, 0.4% of women
#59a3b1 Tritanomaly 0.01% of the population

#55a0b2 hex color

#55a0b2 Color Information

#55a0b2 Color Conversion

Color Schemes with #55a0b2

Alternatives to #55a0b2

#55a0b2 Preview

Shades and Tints of #55a0b2

Tones of #55a0b2

Color Blindness Simulator