#55c7af hex color

In a RGB color space, hex #55c7af is composed of 33.3% red, 78% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 57.3% cyan, 0% magenta, 12.1% yellow and 22% black. It has a hue angle of 167.4 degrees, a saturation of 50.4% and a lightness of 55.7%. #55c7af color hex could be obtained by blending #aaffff with #008f5f. Closest websafe color is: #66cc99.

♥
- f
- t
- g
- R 33
- G 78
- B 69
RGB color chart
- C 57
- M 0
- Y 12
- K 22
CMYK color chart

● #55c7af color description : Moderate cyan.

The hexadecimal color #55c7af has RGB values of R:85, G:199, B:175 and CMYK values of C:0.57, M:0, Y:0.12, K:0.22. Its decimal value is 5621679.

Hex triplet	55c7af	`#55c7af`
RGB Decimal	85, 199, 175	`rgb(85,199,175)`
RGB Percent	33.3, 78, 68.6	`rgb(33.3%,78%,68.6%)`
CMYK	57, 0, 12, 22
HSL	167.4°, 50.4, 55.7	`hsl(167.4,50.4%,55.7%)`
HSV (or HSB)	167.4°, 57.3, 78
Web Safe	66cc99	`#66cc99`

CIE-LAB	73.462, -38.119, 2.318
XYZ	31.905, 45.871, 47.728
xyY	0.254, 0.365, 45.871
CIE-LCH	73.462, 38.19, 176.521
CIE-LUV	73.462, -47.736, 9.507
Hunter-Lab	67.728, -34.437, 5.628
Binary	01010101, 11000111, 10101111

#55c7af
```
#55c7af rgb(85,199,175)
```
#c7556d
```
#c7556d rgb(199,85,109)
```

Complementary Color

#55c776
```
#55c776 rgb(85,199,118)
```
#55c7af
```
#55c7af rgb(85,199,175)
```
#55a6c7
```
#55a6c7 rgb(85,166,199)
```

Analogous Color

#c77655
```
#c77655 rgb(199,118,85)
```
#55c7af
```
#55c7af rgb(85,199,175)
```
#c755a6
```
#c755a6 rgb(199,85,166)
```

Split Complementary Color

#c7af55
```
#c7af55 rgb(199,175,85)
```
#55c7af
```
#55c7af rgb(85,199,175)
```
#af55c7
```
#af55c7 rgb(175,85,199)
```

Triadic Color

#6dc755
```
#6dc755 rgb(109,199,85)
```
#55c7af
```
#55c7af rgb(85,199,175)
```
#af55c7
```
#af55c7 rgb(175,85,199)
```
#c7556d
```
#c7556d rgb(199,85,109)
```

Tetradic Color

#339c86
```
#339c86 rgb(51,156,134)
```
#3aaf97
```
#3aaf97 rgb(58,175,151)
```
#42c1a6
```
#42c1a6 rgb(66,193,166)
```
#55c7af
```
#55c7af rgb(85,199,175)
```
#68cdb8
```
#68cdb8 rgb(104,205,184)
```
#7bd4c1
```
#7bd4c1 rgb(123,212,193)
```
#8fdaca
```
#8fdaca rgb(143,218,202)
```

Monochromatic Color

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

#55c793
```
#55c793 rgb(85,199,147)
```
#55c79c
```
#55c79c rgb(85,199,156)
```
#55c7a6
```
#55c7a6 rgb(85,199,166)
```
#55c7af
```
#55c7af rgb(85,199,175)
```
#55c7b9
```
#55c7b9 rgb(85,199,185)
```
#55c7c2
```
#55c7c2 rgb(85,199,194)
```
#55c3c7
```
#55c3c7 rgb(85,195,199)
```

Similar Colors

Text with hexadecimal color #55c7af

This text has a font color of #55c7af.

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

#55c7af background color

This paragraph has a background color of #55c7af.

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

#55c7af border color

This element has a border color of #55c7af.

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

CSS codes

.text {color:#55c7af;}

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

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

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

#020706
```
#020706 rgb(2,7,6)
```
#071613
```
#071613 rgb(7,22,19)
```
#0c251f
```
#0c251f rgb(12,37,31)
```
#11332c
```
#11332c rgb(17,51,44)
```
#164239
```
#164239 rgb(22,66,57)
```
#1b5145
```
#1b5145 rgb(27,81,69)
```
#1f6052
```
#1f6052 rgb(31,96,82)
```
#246e5f
```
#246e5f rgb(36,110,95)
```
#297d6b
```
#297d6b rgb(41,125,107)
```
#2e8c78
```
#2e8c78 rgb(46,140,120)
```
#339b85
```
#339b85 rgb(51,155,133)
```
#38a991
```
#38a991 rgb(56,169,145)
```
#3db89e
```
#3db89e rgb(61,184,158)
```

Shade Color Variation

#46c2a8
```
#46c2a8 rgb(70,194,168)
```
#55c7af
```
#55c7af rgb(85,199,175)
```
#64ccb6
```
#64ccb6 rgb(100,204,182)
```
#73d1bd
```
#73d1bd rgb(115,209,189)
```
#81d6c4
```
#81d6c4 rgb(129,214,196)
```
#90dacb
```
#90dacb rgb(144,218,203)
```
#9fdfd2
```
#9fdfd2 rgb(159,223,210)
```
#aee4d9
```
#aee4d9 rgb(174,228,217)
```
#bce9e0
```
#bce9e0 rgb(188,233,224)
```
#cbeee7
```
#cbeee7 rgb(203,238,231)
```
#daf3ed
```
#daf3ed rgb(218,243,237)
```
#e9f8f4
```
#e9f8f4 rgb(233,248,244)
```
#f7fcfb
```
#f7fcfb rgb(247,252,251)
```

Tint Color Variation

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

#899391
```
#899391 rgb(137,147,145)
```
#809c96
```
#809c96 rgb(128,156,150)
```
#78a49b
```
#78a49b rgb(120,164,155)
```
#6fada0
```
#6fada0 rgb(111,173,160)
```
#66b6a5
```
#66b6a5 rgb(102,182,165)
```
#5ebeaa
```
#5ebeaa rgb(94,190,170)
```
#55c7af
```
#55c7af rgb(85,199,175)
```
#4cd0b4
```
#4cd0b4 rgb(76,208,180)
```
#44d8b9
```
#44d8b9 rgb(68,216,185)
```
#3be1be
```
#3be1be rgb(59,225,190)
```
#32eac3
```
#32eac3 rgb(50,234,195)
```
#2af2c8
```
#2af2c8 rgb(42,242,200)
```
#21fbcd
```
#21fbcd rgb(33,251,205)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#93a9a5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#beb7a9 Protanopia 1% of men
#c7b2bb Deuteranopia 1% of men
#6cc5d3 Tritanopia 0.001% of the population

Trichromacy

#98bdab Protanomaly 1% of men, 0.01% of women
#9ebab6 Deuteranomaly 6% of men, 0.4% of women
#63c5c6 Tritanomaly 0.01% of the population

#55c7af hex color

#55c7af Color Information

#55c7af Color Conversion

Color Schemes with #55c7af

Alternatives to #55c7af

#55c7af Preview

Shades and Tints of #55c7af

Tones of #55c7af

Color Blindness Simulator