#55cc86 hex color

In a RGB color space, hex #55cc86 is composed of 33.3% red, 80% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 58.3% cyan, 0% magenta, 34.3% yellow and 20% black. It has a hue angle of 144.7 degrees, a saturation of 53.8% and a lightness of 56.7%. #55cc86 color hex could be obtained by blending #aaffff with #00990d. Closest websafe color is: #66cc99.

♥
- f
- t
- g
- R 33
- G 80
- B 53
RGB color chart
- C 58
- M 0
- Y 34
- K 20
CMYK color chart

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

The hexadecimal color #55cc86 has RGB values of R:85, G:204, B:134 and CMYK values of C:0.58, M:0, Y:0.34, K:0.2. Its decimal value is 5622918.

Hex triplet	55cc86	`#55cc86`
RGB Decimal	85, 204, 134	`rgb(85,204,134)`
RGB Percent	33.3, 80, 52.5	`rgb(33.3%,80%,52.5%)`
CMYK	58, 0, 34, 20
HSL	144.7°, 53.8, 56.7	`hsl(144.7,53.8%,56.7%)`
HSV (or HSB)	144.7°, 58.3, 80
Web Safe	66cc99	`#66cc99`

CIE-LAB	74.085, -49.229, 25.131
XYZ	29.64, 46.836, 30.031
xyY	0.278, 0.44, 46.836
CIE-LCH	74.085, 55.273, 152.956
CIE-LUV	74.085, -51.673, 42.661
Hunter-Lab	68.437, -42.455, 21.888
Binary	01010101, 11001100, 10000110

#55cc86
```
#55cc86 rgb(85,204,134)
```
#cc559b
```
#cc559b rgb(204,85,155)
```

Complementary Color

#5fcc55
```
#5fcc55 rgb(95,204,85)
```
#55cc86
```
#55cc86 rgb(85,204,134)
```
#55ccc2
```
#55ccc2 rgb(85,204,194)
```

Analogous Color

#cc555f
```
#cc555f rgb(204,85,95)
```
#55cc86
```
#55cc86 rgb(85,204,134)
```
#c255cc
```
#c255cc rgb(194,85,204)
```

Split Complementary Color

#cc8655
```
#cc8655 rgb(204,134,85)
```
#55cc86
```
#55cc86 rgb(85,204,134)
```
#8655cc
```
#8655cc rgb(134,85,204)
```

Triadic Color

#9bcc55
```
#9bcc55 rgb(155,204,85)
```
#55cc86
```
#55cc86 rgb(85,204,134)
```
#8655cc
```
#8655cc rgb(134,85,204)
```
#cc559b
```
#cc559b rgb(204,85,155)
```

Tetradic Color

#31a360
```
#31a360 rgb(49,163,96)
```
#37b76c
```
#37b76c rgb(55,183,108)
```
#41c678
```
#41c678 rgb(65,198,120)
```
#55cc86
```
#55cc86 rgb(85,204,134)
```
#69d294
```
#69d294 rgb(105,210,148)
```
#7cd8a2
```
#7cd8a2 rgb(124,216,162)
```
#90deb0
```
#90deb0 rgb(144,222,176)
```

Monochromatic Color

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

#55cc68
```
#55cc68 rgb(85,204,104)
```
#55cc72
```
#55cc72 rgb(85,204,114)
```
#55cc7c
```
#55cc7c rgb(85,204,124)
```
#55cc86
```
#55cc86 rgb(85,204,134)
```
#55cc90
```
#55cc90 rgb(85,204,144)
```
#55cc9a
```
#55cc9a rgb(85,204,154)
```
#55cca4
```
#55cca4 rgb(85,204,164)
```

Similar Colors

Text with hexadecimal color #55cc86

This text has a font color of #55cc86.

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

#55cc86 background color

This paragraph has a background color of #55cc86.

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

#55cc86 border color

This element has a border color of #55cc86.

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

CSS codes

.text {color:#55cc86;}

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

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

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, #030b07 is the darkest color, while #fbfefc is the lightest one.

#030b07
```
#030b07 rgb(3,11,7)
```
#081a0f
```
#081a0f rgb(8,26,15)
```
#0c2918
```
#0c2918 rgb(12,41,24)
```
#113821
```
#113821 rgb(17,56,33)
```
#15472a
```
#15472a rgb(21,71,42)
```
#1a5733
```
#1a5733 rgb(26,87,51)
```
#1e663c
```
#1e663c rgb(30,102,60)
```
#237545
```
#237545 rgb(35,117,69)
```
#28844e
```
#28844e rgb(40,132,78)
```
#2c9356
```
#2c9356 rgb(44,147,86)
```
#31a25f
```
#31a25f rgb(49,162,95)
```
#35b168
```
#35b168 rgb(53,177,104)
```
#3ac071
```
#3ac071 rgb(58,192,113)
```

Shade Color Variation

#46c77b
```
#46c77b rgb(70,199,123)
```
#55cc86
```
#55cc86 rgb(85,204,134)
```
#64d191
```
#64d191 rgb(100,209,145)
```
#73d59b
```
#73d59b rgb(115,213,155)
```
#82daa6
```
#82daa6 rgb(130,218,166)
```
#91deb1
```
#91deb1 rgb(145,222,177)
```
#a0e3bc
```
#a0e3bc rgb(160,227,188)
```
#b0e7c6
```
#b0e7c6 rgb(176,231,198)
```
#bfecd1
```
#bfecd1 rgb(191,236,209)
```
#cef0dc
```
#cef0dc rgb(206,240,220)
```
#ddf5e7
```
#ddf5e7 rgb(221,245,231)
```
#ecf9f1
```
#ecf9f1 rgb(236,249,241)
```
#fbfefc
```
#fbfefc rgb(251,254,252)
```

Tint Color Variation

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

#919191
```
#919191 rgb(145,145,145)
```
#88998f
```
#88998f rgb(136,153,143)
```
#80a28e
```
#80a28e rgb(128,162,142)
```
#77aa8c
```
#77aa8c rgb(119,170,140)
```
#6fb38b
```
#6fb38b rgb(111,179,139)
```
#66bb89
```
#66bb89 rgb(102,187,137)
```
#5ec488
```
#5ec488 rgb(94,196,136)
```
#55cc86
```
#55cc86 rgb(85,204,134)
```
#4dd585
```
#4dd585 rgb(77,213,133)
```
#44dd83
```
#44dd83 rgb(68,221,131)
```
#3ce682
```
#3ce682 rgb(60,230,130)
```
#33ee80
```
#33ee80 rgb(51,238,128)
```
#2bf77f
```
#2bf77f rgb(43,247,127)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#91a99b Atypical Achromatopsia 0.001% of the population

Dichromacy

#c8b983 Protanopia 1% of men
#d7b395 Deuteranopia 1% of men
#77c5d3 Tritanopia 0.001% of the population

Trichromacy

#9ec084 Protanomaly 1% of men, 0.01% of women
#a8bc8f Deuteranomaly 6% of men, 0.4% of women
#6ac7b7 Tritanomaly 0.01% of the population

#55cc86 hex color

#55cc86 Color Information

#55cc86 Color Conversion

Color Schemes with #55cc86

Alternatives to #55cc86

#55cc86 Preview

Shades and Tints of #55cc86

Tones of #55cc86

Color Blindness Simulator