#55a7a4 hex color

In a RGB color space, hex #55a7a4 is composed of 33.3% red, 65.5% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 49.1% cyan, 0% magenta, 1.8% yellow and 34.5% black. It has a hue angle of 177.8 degrees, a saturation of 32.5% and a lightness of 49.4%. #55a7a4 color hex could be obtained by blending #aaffff with #004f49. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 33
- G 65
- B 64
RGB color chart
- C 49
- M 0
- Y 2
- K 35
CMYK color chart

● #55a7a4 color description : Dark moderate cyan.

The hexadecimal color #55a7a4 has RGB values of R:85, G:167, B:164 and CMYK values of C:0.49, M:0, Y:0.02, K:0.35. Its decimal value is 5613476.

Hex triplet	55a7a4	`#55a7a4`
RGB Decimal	85, 167, 164	`rgb(85,167,164)`
RGB Percent	33.3, 65.5, 64.3	`rgb(33.3%,65.5%,64.3%)`
CMYK	49, 0, 2, 35
HSL	177.8°, 32.5, 49.4	`hsl(177.8,32.5%,49.4%)`
HSV (or HSB)	177.8°, 49.1, 65.5
Web Safe	669999	`#669999`

CIE-LAB	63.547, -25.691, -6.168
XYZ	24.264, 32.247, 40.066
xyY	0.251, 0.334, 32.247
CIE-LCH	63.547, 26.421, 193.501
CIE-LUV	63.547, -35.799, -5.22
Hunter-Lab	56.787, -23.107, -2.081
Binary	01010101, 10100111, 10100100

#55a7a4
```
#55a7a4 rgb(85,167,164)
```
#a75558
```
#a75558 rgb(167,85,88)
```

Complementary Color

#55a77b
```
#55a77b rgb(85,167,123)
```
#55a7a4
```
#55a7a4 rgb(85,167,164)
```
#5581a7
```
#5581a7 rgb(85,129,167)
```

Analogous Color

#a77b55
```
#a77b55 rgb(167,123,85)
```
#55a7a4
```
#55a7a4 rgb(85,167,164)
```
#a75581
```
#a75581 rgb(167,85,129)
```

Split Complementary Color

#a7a455
```
#a7a455 rgb(167,164,85)
```
#55a7a4
```
#55a7a4 rgb(85,167,164)
```
#a455a7
```
#a455a7 rgb(164,85,167)
```

Triadic Color

#58a755
```
#58a755 rgb(88,167,85)
```
#55a7a4
```
#55a7a4 rgb(85,167,164)
```
#a455a7
```
#a455a7 rgb(164,85,167)
```
#a75558
```
#a75558 rgb(167,85,88)
```

Tetradic Color

#3b7472
```
#3b7472 rgb(59,116,114)
```
#448583
```
#448583 rgb(68,133,131)
```
#4c9693
```
#4c9693 rgb(76,150,147)
```
#55a7a4
```
#55a7a4 rgb(85,167,164)
```
#65b1ae
```
#65b1ae rgb(101,177,174)
```
#76b9b7
```
#76b9b7 rgb(118,185,183)
```
#87c2c0
```
#87c2c0 rgb(135,194,192)
```

Monochromatic Color

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

#55a790
```
#55a790 rgb(85,167,144)
```
#55a796
```
#55a796 rgb(85,167,150)
```
#55a79d
```
#55a79d rgb(85,167,157)
```
#55a7a4
```
#55a7a4 rgb(85,167,164)
```
#55a3a7
```
#55a3a7 rgb(85,163,167)
```
#559ca7
```
#559ca7 rgb(85,156,167)
```
#5596a7
```
#5596a7 rgb(85,150,167)
```

Similar Colors

Text with hexadecimal color #55a7a4

This text has a font color of #55a7a4.

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

#55a7a4 background color

This paragraph has a background color of #55a7a4.

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

#55a7a4 border color

This element has a border color of #55a7a4.

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

CSS codes

.text {color:#55a7a4;}

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

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

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

#060b0b
```
#060b0b rgb(6,11,11)
```
#0c1818
```
#0c1818 rgb(12,24,24)
```
#132524
```
#132524 rgb(19,37,36)
```
#193231
```
#193231 rgb(25,50,49)
```
#203f3e
```
#203f3e rgb(32,63,62)
```
#274c4b
```
#274c4b rgb(39,76,75)
```
#2d5957
```
#2d5957 rgb(45,89,87)
```
#346664
```
#346664 rgb(52,102,100)
```
#3b7371
```
#3b7371 rgb(59,115,113)
```
#41807e
```
#41807e rgb(65,128,126)
```
#488d8a
```
#488d8a rgb(72,141,138)
```
#4e9a97
```
#4e9a97 rgb(78,154,151)
```
#55a7a4
```
#55a7a4 rgb(85,167,164)
```

Shade Color Variation

#61afac
```
#61afac rgb(97,175,172)
```
#6eb5b3
```
#6eb5b3 rgb(110,181,179)
```
#7bbcb9
```
#7bbcb9 rgb(123,188,185)
```
#88c2c0
```
#88c2c0 rgb(136,194,192)
```
#95c9c7
```
#95c9c7 rgb(149,201,199)
```
#a2d0ce
```
#a2d0ce rgb(162,208,206)
```
#afd6d5
```
#afd6d5 rgb(175,214,213)
```
#bcdddc
```
#bcdddc rgb(188,221,220)
```
#c9e4e3
```
#c9e4e3 rgb(201,228,227)
```
#d6eae9
```
#d6eae9 rgb(214,234,233)
```
#e3f1f0
```
#e3f1f0 rgb(227,241,240)
```
#f0f7f7
```
#f0f7f7 rgb(240,247,247)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#7c8080
```
#7c8080 rgb(124,128,128)
```
#728a89
```
#728a89 rgb(114,138,137)
```
#689492
```
#689492 rgb(104,148,146)
```
#5f9d9b
```
#5f9d9b rgb(95,157,155)
```
#55a7a4
```
#55a7a4 rgb(85,167,164)
```
#4bb1ad
```
#4bb1ad rgb(75,177,173)
```
#42bab6
```
#42bab6 rgb(66,186,182)
```
#38c4bf
```
#38c4bf rgb(56,196,191)
```
#2ecec8
```
#2ecec8 rgb(46,206,200)
```
#25d7d1
```
#25d7d1 rgb(37,215,209)
```
#1be1da
```
#1be1da rgb(27,225,218)
```
#11ebe3
```
#11ebe3 rgb(17,235,227)
```
#07f5ec
```
#07f5ec rgb(7,245,236)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#839392 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a09ea1 Protanopia 1% of men
#a69bae Deuteranopia 1% of men
#63a9b5 Tritanopia 0.001% of the population

Trichromacy

#85a1a2 Protanomaly 1% of men, 0.01% of women
#889faa Deuteranomaly 6% of men, 0.4% of women
#5ea8af Tritanomaly 0.01% of the population

#55a7a4 hex color

#55a7a4 Color Information

#55a7a4 Color Conversion

Color Schemes with #55a7a4

Alternatives to #55a7a4

#55a7a4 Preview

Shades and Tints of #55a7a4

Tones of #55a7a4

Color Blindness Simulator