#55aaaa hex color

In a RGB color space, hex #55aaaa is composed of 33.3% red, 66.7% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 0% magenta, 0% yellow and 33.3% black. It has a hue angle of 180 degrees, a saturation of 33.3% and a lightness of 50%. #55aaaa color hex could be obtained by blending #aaffff with #005555. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 33
- G 67
- B 67
RGB color chart
- C 50
- M 0
- Y 0
- K 33
CMYK color chart

● #55aaaa color description : Dark moderate cyan.

The hexadecimal color #55aaaa has RGB values of R:85, G:170, B:170 and CMYK values of C:0.5, M:0, Y:0, K:0.33. Its decimal value is 5614250.

Hex triplet	55aaaa	`#55aaaa`
RGB Decimal	85, 170, 170	`rgb(85,170,170)`
RGB Percent	33.3, 66.7, 66.7	`rgb(33.3%,66.7%,66.7%)`
CMYK	50, 0, 0, 33
HSL	180°, 33.3, 50	`hsl(180,33.3%,50%)`
HSV (or HSB)	180°, 50, 66.7
Web Safe	669999	`#669999`

CIE-LAB	64.629, -25.586, -7.916
XYZ	25.375, 33.581, 43.173
xyY	0.248, 0.329, 33.581
CIE-LCH	64.629, 26.783, 197.19
CIE-LUV	64.629, -36.741, -7.935
Hunter-Lab	57.949, -23.25, -3.607
Binary	01010101, 10101010, 10101010

#55aaaa
```
#55aaaa rgb(85,170,170)
```
#aa5555
```
#aa5555 rgb(170,85,85)
```

Complementary Color

#55aa80
```
#55aa80 rgb(85,170,128)
```
#55aaaa
```
#55aaaa rgb(85,170,170)
```
#5580aa
```
#5580aa rgb(85,128,170)
```

Analogous Color

#aa8055
```
#aa8055 rgb(170,128,85)
```
#55aaaa
```
#55aaaa rgb(85,170,170)
```
#aa5580
```
#aa5580 rgb(170,85,128)
```

Split Complementary Color

#aaaa55
```
#aaaa55 rgb(170,170,85)
```
#55aaaa
```
#55aaaa rgb(85,170,170)
```
#aa55aa
```
#aa55aa rgb(170,85,170)
```

Triadic Color

#55aa55
```
#55aa55 rgb(85,170,85)
```
#55aaaa
```
#55aaaa rgb(85,170,170)
```
#aa55aa
```
#aa55aa rgb(170,85,170)
```
#aa5555
```
#aa5555 rgb(170,85,85)
```

Tetradic Color

#3c7777
```
#3c7777 rgb(60,119,119)
```
#448888
```
#448888 rgb(68,136,136)
```
#4d9999
```
#4d9999 rgb(77,153,153)
```
#55aaaa
```
#55aaaa rgb(85,170,170)
```
#66b3b3
```
#66b3b3 rgb(102,179,179)
```
#77bbbb
```
#77bbbb rgb(119,187,187)
```
#88c4c4
```
#88c4c4 rgb(136,196,196)
```

Monochromatic Color

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

#55aa95
```
#55aa95 rgb(85,170,149)
```
#55aa9c
```
#55aa9c rgb(85,170,156)
```
#55aaa3
```
#55aaa3 rgb(85,170,163)
```
#55aaaa
```
#55aaaa rgb(85,170,170)
```
#55a3aa
```
#55a3aa rgb(85,163,170)
```
#559caa
```
#559caa rgb(85,156,170)
```
#5595aa
```
#5595aa rgb(85,149,170)
```

Similar Colors

Text with hexadecimal color #55aaaa

This text has a font color of #55aaaa.

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

#55aaaa background color

This paragraph has a background color of #55aaaa.

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

#55aaaa border color

This element has a border color of #55aaaa.

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

CSS codes

.text {color:#55aaaa;}

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

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

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, #070d0d is the darkest color, while #ffffff is the lightest one.

#070d0d
```
#070d0d rgb(7,13,13)
```
#0d1a1a
```
#0d1a1a rgb(13,26,26)
```
#142727
```
#142727 rgb(20,39,39)
```
#1a3434
```
#1a3434 rgb(26,52,52)
```
#214141
```
#214141 rgb(33,65,65)
```
#274e4e
```
#274e4e rgb(39,78,78)
```
#2e5c5c
```
#2e5c5c rgb(46,92,92)
```
#346969
```
#346969 rgb(52,105,105)
```
#3b7676
```
#3b7676 rgb(59,118,118)
```
#418383
```
#418383 rgb(65,131,131)
```
#489090
```
#489090 rgb(72,144,144)
```
#4e9d9d
```
#4e9d9d rgb(78,157,157)
```
#55aaaa
```
#55aaaa rgb(85,170,170)
```

Shade Color Variation

#62b1b1
```
#62b1b1 rgb(98,177,177)
```
#6fb7b7
```
#6fb7b7 rgb(111,183,183)
```
#7cbebe
```
#7cbebe rgb(124,190,190)
```
#89c4c4
```
#89c4c4 rgb(137,196,196)
```
#96cbcb
```
#96cbcb rgb(150,203,203)
```
#a3d1d1
```
#a3d1d1 rgb(163,209,209)
```
#b1d8d8
```
#b1d8d8 rgb(177,216,216)
```
#bedede
```
#bedede rgb(190,222,222)
```
#cbe5e5
```
#cbe5e5 rgb(203,229,229)
```
#d8ebeb
```
#d8ebeb rgb(216,235,235)
```
#e5f2f2
```
#e5f2f2 rgb(229,242,242)
```
#f2f8f8
```
#f2f8f8 rgb(242,248,248)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#7c8383
```
#7c8383 rgb(124,131,131)
```
#728d8d
```
#728d8d rgb(114,141,141)
```
#699696
```
#699696 rgb(105,150,150)
```
#5fa0a0
```
#5fa0a0 rgb(95,160,160)
```
#55aaaa
```
#55aaaa rgb(85,170,170)
```
#4bb4b4
```
#4bb4b4 rgb(75,180,180)
```
#41bebe
```
#41bebe rgb(65,190,190)
```
#38c7c7
```
#38c7c7 rgb(56,199,199)
```
#2ed1d1
```
#2ed1d1 rgb(46,209,209)
```
#24dbdb
```
#24dbdb rgb(36,219,219)
```
#1ae5e5
```
#1ae5e5 rgb(26,229,229)
```
#10efef
```
#10efef rgb(16,239,239)
```
#07f8f8
```
#07f8f8 rgb(7,248,248)
```

Tone Color Variation

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

#919191 Achromatopsia 0.005% of the population
#859696 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a2a0a6 Protanopia 1% of men
#a79db4 Deuteranopia 1% of men
#62acb9 Tritanopia 0.001% of the population

Trichromacy

#86a4a8 Protanomaly 1% of men, 0.01% of women
#89a2b0 Deuteranomaly 6% of men, 0.4% of women
#5dabb3 Tritanomaly 0.01% of the population

#55aaaa hex color

#55aaaa Color Information

#55aaaa Color Conversion

Color Schemes with #55aaaa

Alternatives to #55aaaa

#55aaaa Preview

Shades and Tints of #55aaaa

Tones of #55aaaa

Color Blindness Simulator