#55d5af hex color

In a RGB color space, hex #55d5af is composed of 33.3% red, 83.5% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 60.1% cyan, 0% magenta, 17.8% yellow and 16.5% black. It has a hue angle of 162.2 degrees, a saturation of 60.4% and a lightness of 58.4%. #55d5af color hex could be obtained by blending #aaffff with #00ab5f. Closest websafe color is: #66cc99.

♥
- f
- t
- g
- R 33
- G 84
- B 69
RGB color chart
- C 60
- M 0
- Y 18
- K 16
CMYK color chart

● #55d5af color description : Moderate cyan - lime green.

The hexadecimal color #55d5af has RGB values of R:85, G:213, B:175 and CMYK values of C:0.6, M:0, Y:0.18, K:0.16. Its decimal value is 5625263.

Hex triplet	55d5af	`#55d5af`
RGB Decimal	85, 213, 175	`rgb(85,213,175)`
RGB Percent	33.3, 83.5, 68.6	`rgb(33.3%,83.5%,68.6%)`
CMYK	60, 0, 18, 16
HSL	162.2°, 60.4, 58.4	`hsl(162.2,60.4%,58.4%)`
HSV (or HSB)	162.2°, 60.1, 83.5
Web Safe	66cc99	`#66cc99`

CIE-LAB	77.645, -44.323, 8.348
XYZ	35.276, 52.612, 48.851
xyY	0.258, 0.385, 52.612
CIE-LCH	77.645, 45.102, 169.333
CIE-LUV	77.645, -53.017, 19.49
Hunter-Lab	72.534, -40.124, 10.843
Binary	01010101, 11010101, 10101111

#55d5af
```
#55d5af rgb(85,213,175)
```
#d5557b
```
#d5557b rgb(213,85,123)
```

Complementary Color

#55d56f
```
#55d56f rgb(85,213,111)
```
#55d5af
```
#55d5af rgb(85,213,175)
```
#55bbd5
```
#55bbd5 rgb(85,187,213)
```

Analogous Color

#d56f55
```
#d56f55 rgb(213,111,85)
```
#55d5af
```
#55d5af rgb(85,213,175)
```
#d555bb
```
#d555bb rgb(213,85,187)
```

Split Complementary Color

#d5af55
```
#d5af55 rgb(213,175,85)
```
#55d5af
```
#55d5af rgb(85,213,175)
```
#af55d5
```
#af55d5 rgb(175,85,213)
```

Triadic Color

#7bd555
```
#7bd555 rgb(123,213,85)
```
#55d5af
```
#55d5af rgb(85,213,175)
```
#af55d5
```
#af55d5 rgb(175,85,213)
```
#d5557b
```
#d5557b rgb(213,85,123)
```

Tetradic Color

#2cb28a
```
#2cb28a rgb(44,178,138)
```
#31c69a
```
#31c69a rgb(49,198,154)
```
#41d0a5
```
#41d0a5 rgb(65,208,165)
```
#55d5af
```
#55d5af rgb(85,213,175)
```
#69dab9
```
#69dab9 rgb(105,218,185)
```
#7edfc2
```
#7edfc2 rgb(126,223,194)
```
#92e4cc
```
#92e4cc rgb(146,228,204)
```

Monochromatic Color

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

#55d58f
```
#55d58f rgb(85,213,143)
```
#55d59a
```
#55d59a rgb(85,213,154)
```
#55d5a4
```
#55d5a4 rgb(85,213,164)
```
#55d5af
```
#55d5af rgb(85,213,175)
```
#55d5ba
```
#55d5ba rgb(85,213,186)
```
#55d5c4
```
#55d5c4 rgb(85,213,196)
```
#55d5cf
```
#55d5cf rgb(85,213,207)
```

Similar Colors

Text with hexadecimal color #55d5af

This text has a font color of #55d5af.

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

#55d5af background color

This paragraph has a background color of #55d5af.

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

#55d5af border color

This element has a border color of #55d5af.

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

CSS codes

.text {color:#55d5af;}

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

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

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

#010302
```
#010302 rgb(1,3,2)
```
#05130f
```
#05130f rgb(5,19,15)
```
#09221b
```
#09221b rgb(9,34,27)
```
#0c3227
```
#0c3227 rgb(12,50,39)
```
#104233
```
#104233 rgb(16,66,51)
```
#14523f
```
#14523f rgb(20,82,63)
```
#18614c
```
#18614c rgb(24,97,76)
```
#1c7158
```
#1c7158 rgb(28,113,88)
```
#208164
```
#208164 rgb(32,129,100)
```
#249170
```
#249170 rgb(36,145,112)
```
#28a07c
```
#28a07c rgb(40,160,124)
```
#2bb089
```
#2bb089 rgb(43,176,137)
```
#2fc095
```
#2fc095 rgb(47,192,149)
```

Shade Color Variation

#36cda0
```
#36cda0 rgb(54,205,160)
```
#45d1a8
```
#45d1a8 rgb(69,209,168)
```
#55d5af
```
#55d5af rgb(85,213,175)
```
#65d9b6
```
#65d9b6 rgb(101,217,182)
```
#74ddbe
```
#74ddbe rgb(116,221,190)
```
#84e1c5
```
#84e1c5 rgb(132,225,197)
```
#94e5cd
```
#94e5cd rgb(148,229,205)
```
#a4e8d4
```
#a4e8d4 rgb(164,232,212)
```
#b3ecdb
```
#b3ecdb rgb(179,236,219)
```
#c3f0e3
```
#c3f0e3 rgb(195,240,227)
```
#d3f4ea
```
#d3f4ea rgb(211,244,234)
```
#e3f8f2
```
#e3f8f2 rgb(227,248,242)
```
#f2fcf9
```
#f2fcf9 rgb(242,252,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8e9c98 is the less saturated color, while #2cfec0 is the most saturated one.

#8e9c98
```
#8e9c98 rgb(142,156,152)
```
#86a49b
```
#86a49b rgb(134,164,155)
```
#7eac9e
```
#7eac9e rgb(126,172,158)
```
#76b4a2
```
#76b4a2 rgb(118,180,162)
```
#6dbda5
```
#6dbda5 rgb(109,189,165)
```
#65c5a8
```
#65c5a8 rgb(101,197,168)
```
#5dcdac
```
#5dcdac rgb(93,205,172)
```
#55d5af
```
#55d5af rgb(85,213,175)
```
#4dddb2
```
#4dddb2 rgb(77,221,178)
```
#45e5b6
```
#45e5b6 rgb(69,229,182)
```
#3dedb9
```
#3dedb9 rgb(61,237,185)
```
#34f6bc
```
#34f6bc rgb(52,246,188)
```
#2cfec0
```
#2cfec0 rgb(44,254,192)
```

Tone Color Variation

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

#aaaaaa Achromatopsia 0.005% of the population
#99b3ab Atypical Achromatopsia 0.001% of the population

Dichromacy

#ccc2a9 Protanopia 1% of men
#d7bdbc Deuteranopia 1% of men
#71d0e0 Tritanopia 0.001% of the population

Trichromacy

#a1c9ab Protanomaly 1% of men, 0.01% of women
#a8c5b7 Deuteranomaly 6% of men, 0.4% of women
#67d2ce Tritanomaly 0.01% of the population

#55d5af hex color

#55d5af Color Information

#55d5af Color Conversion

Color Schemes with #55d5af

Alternatives to #55d5af

#55d5af Preview

Shades and Tints of #55d5af

Tones of #55d5af

Color Blindness Simulator