colorhexa.com

#55c399 hex color

In a RGB color space, hex #55c399 is composed of 33.3% red, 76.5% green and 60% blue. Whereas in a CMYK color space, it is composed of 56.4% cyan, 0% magenta, 21.5% yellow and 23.5% black. It has a hue angle of 157.1 degrees, a saturation of 47.8% and a lightness of 54.9%. #55c399 color hex could be obtained by blending #aaffff with #008733. Closest websafe color is: #66cc99.

- R 33
- G 76
- B 60
RGB color chart
- C 56
- M 0
- Y 22
- K 24
CMYK color chart

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

The hexadecimal color #55c399 has RGB values of R:85, G:195, B:153 and CMYK values of C:0.56, M:0, Y:0.22, K:0.24. Its decimal value is 5620633.

Hex triplet	55c399	`#55c399`
RGB Decimal	85, 195, 153	`rgb(85,195,153)`
RGB Percent	33.3, 76.5, 60	`rgb(33.3%,76.5%,60%)`
CMYK	56, 0, 22, 24
HSL	157.1°, 47.8, 54.9	`hsl(157.1,47.8%,54.9%)`
HSV (or HSB)	157.1°, 56.4, 76.5
Web Safe	66cc99	`#66cc99`

CIE-LAB	71.731, -41.507, 11.749
XYZ	29.009, 43.259, 36.956
xyY	0.266, 0.396, 43.259
CIE-LCH	71.731, 43.137, 164.195
CIE-LUV	71.731, -47.304, 23.556
Hunter-Lab	65.772, -36.372, 12.726
Binary	01010101, 11000011, 10011001

#55c399
```
#55c399 rgb(85,195,153)
```
#c3557f
```
#c3557f rgb(195,85,127)
```

Complementary Color

#55c362
```
#55c362 rgb(85,195,98)
```
#55c399
```
#55c399 rgb(85,195,153)
```
#55b6c3
```
#55b6c3 rgb(85,182,195)
```

Analogous Color

#c36255
```
#c36255 rgb(195,98,85)
```
#55c399
```
#55c399 rgb(85,195,153)
```
#c355b6
```
#c355b6 rgb(195,85,182)
```

Split Complementary Color

#c39955
```
#c39955 rgb(195,153,85)
```
#55c399
```
#55c399 rgb(85,195,153)
```
#9955c3
```
#9955c3 rgb(153,85,195)
```

Triadic Color

#7fc355
```
#7fc355 rgb(127,195,85)
```
#55c399
```
#55c399 rgb(85,195,153)
```
#9955c3
```
#9955c3 rgb(153,85,195)
```
#c3557f
```
#c3557f rgb(195,85,127)
```

Tetradic Color

#359671
```
#359671 rgb(53,150,113)
```
#3ca97f
```
#3ca97f rgb(60,169,127)
```
#42bc8e
```
#42bc8e rgb(66,188,142)
```
#55c399
```
#55c399 rgb(85,195,153)
```
#68caa4
```
#68caa4 rgb(104,202,164)
```
#7bd0b0
```
#7bd0b0 rgb(123,208,176)
```
#8ed7bb
```
#8ed7bb rgb(142,215,187)
```

Monochromatic Color

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

#55c37e
```
#55c37e rgb(85,195,126)
```
#55c387
```
#55c387 rgb(85,195,135)
```
#55c390
```
#55c390 rgb(85,195,144)
```
#55c399
```
#55c399 rgb(85,195,153)
```
#55c3a2
```
#55c3a2 rgb(85,195,162)
```
#55c3ab
```
#55c3ab rgb(85,195,171)
```
#55c3b5
```
#55c3b5 rgb(85,195,181)
```

Similar Colors

Text with hexadecimal color #55c399

This text has a font color of #55c399.

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

#55c399 background color

This paragraph has a background color of #55c399.

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

#55c399 border color

This element has a border color of #55c399.

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

CSS codes

.text {color:#55c399;}

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

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

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

#010403
```
#010403 rgb(1,4,3)
```
#07120e
```
#07120e rgb(7,18,14)
```
#0c2119
```
#0c2119 rgb(12,33,25)
```
#112f24
```
#112f24 rgb(17,47,36)
```
#163e2f
```
#163e2f rgb(22,62,47)
```
#1b4c3a
```
#1b4c3a rgb(27,76,58)
```
#205b44
```
#205b44 rgb(32,91,68)
```
#25694f
```
#25694f rgb(37,105,79)
```
#2a785a
```
#2a785a rgb(42,120,90)
```
#2f8665
```
#2f8665 rgb(47,134,101)
```
#359570
```
#359570 rgb(53,149,112)
```
#3aa37b
```
#3aa37b rgb(58,163,123)
```
#3fb286
```
#3fb286 rgb(63,178,134)
```

Shade Color Variation

#47be90
```
#47be90 rgb(71,190,144)
```
#55c399
```
#55c399 rgb(85,195,153)
```
#63c8a2
```
#63c8a2 rgb(99,200,162)
```
#72cdaa
```
#72cdaa rgb(114,205,170)
```
#80d2b3
```
#80d2b3 rgb(128,210,179)
```
#8fd7bc
```
#8fd7bc rgb(143,215,188)
```
#9dddc4
```
#9dddc4 rgb(157,221,196)
```
#ace2cd
```
#ace2cd rgb(172,226,205)
```
#bae7d6
```
#bae7d6 rgb(186,231,214)
```
#c9ecdf
```
#c9ecdf rgb(201,236,223)
```
#d7f1e7
```
#d7f1e7 rgb(215,241,231)
```
#e6f6f0
```
#e6f6f0 rgb(230,246,240)
```
#f4fbf9
```
#f4fbf9 rgb(244,251,249)
```

Tint Color Variation

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

#8a8e8c
```
#8a8e8c rgb(138,142,140)
```
#81978f
```
#81978f rgb(129,151,143)
```
#78a091
```
#78a091 rgb(120,160,145)
```
#70a893
```
#70a893 rgb(112,168,147)
```
#67b195
```
#67b195 rgb(103,177,149)
```
#5eba97
```
#5eba97 rgb(94,186,151)
```
#55c399
```
#55c399 rgb(85,195,153)
```
#4ccc9b
```
#4ccc9b rgb(76,204,155)
```
#43d59d
```
#43d59d rgb(67,213,157)
```
#3ade9f
```
#3ade9f rgb(58,222,159)
```
#32e6a1
```
#32e6a1 rgb(50,230,161)
```
#29efa3
```
#29efa3 rgb(41,239,163)
```
#20f8a6
```
#20f8a6 rgb(32,248,166)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#8fa59c Atypical Achromatopsia 0.001% of the population

Dichromacy

#bdb395 Protanopia 1% of men
#c9ada6 Deuteranopia 1% of men
#70bfcd Tritanopia 0.001% of the population

Trichromacy

#97b996 Protanomaly 1% of men, 0.01% of women
#9fb5a1 Deuteranomaly 6% of men, 0.4% of women
#66c0ba Tritanomaly 0.01% of the population