#55cf96 hex color

In a RGB color space, hex #55cf96 is composed of 33.3% red, 81.2% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 58.9% cyan, 0% magenta, 27.5% yellow and 18.8% black. It has a hue angle of 152 degrees, a saturation of 56% and a lightness of 57.3%. #55cf96 color hex could be obtained by blending #aaffff with #009f2d. Closest websafe color is: #66cc99.

♥
- f
- t
- g
- R 33
- G 81
- B 59
RGB color chart
- C 59
- M 0
- Y 28
- K 19
CMYK color chart

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

The hexadecimal color #55cf96 has RGB values of R:85, G:207, B:150 and CMYK values of C:0.59, M:0, Y:0.28, K:0.19. Its decimal value is 5623702.

Hex triplet	55cf96	`#55cf96`
RGB Decimal	85, 207, 150	`rgb(85,207,150)`
RGB Percent	33.3, 81.2, 58.8	`rgb(33.3%,81.2%,58.8%)`
CMYK	59, 0, 28, 19
HSL	152°, 56, 57.3	`hsl(152,56%,57.3%)`
HSV (or HSB)	152°, 58.9, 81.2
Web Safe	66cc99	`#66cc99`

CIE-LAB	75.3, -47.291, 18.352
XYZ	31.562, 48.756, 36.6
xyY	0.27, 0.417, 48.756
CIE-LCH	75.3, 50.728, 158.79
CIE-LUV	75.3, -52.055, 33.747
Hunter-Lab	69.826, -41.511, 17.8
Binary	01010101, 11001111, 10010110

#55cf96
```
#55cf96 rgb(85,207,150)
```
#cf558e
```
#cf558e rgb(207,85,142)
```

Complementary Color

#55cf59
```
#55cf59 rgb(85,207,89)
```
#55cf96
```
#55cf96 rgb(85,207,150)
```
#55cbcf
```
#55cbcf rgb(85,203,207)
```

Analogous Color

#cf5955
```
#cf5955 rgb(207,89,85)
```
#55cf96
```
#55cf96 rgb(85,207,150)
```
#cf55cb
```
#cf55cb rgb(207,85,203)
```

Split Complementary Color

#cf9655
```
#cf9655 rgb(207,150,85)
```
#55cf96
```
#55cf96 rgb(85,207,150)
```
#9655cf
```
#9655cf rgb(150,85,207)
```

Triadic Color

#8ecf55
```
#8ecf55 rgb(142,207,85)
```
#55cf96
```
#55cf96 rgb(85,207,150)
```
#9655cf
```
#9655cf rgb(150,85,207)
```
#cf558e
```
#cf558e rgb(207,85,142)
```

Tetradic Color

#2fa870
```
#2fa870 rgb(47,168,112)
```
#35bc7d
```
#35bc7d rgb(53,188,125)
```
#41c98a
```
#41c98a rgb(65,201,138)
```
#55cf96
```
#55cf96 rgb(85,207,150)
```
#69d5a2
```
#69d5a2 rgb(105,213,162)
```
#7ddaaf
```
#7ddaaf rgb(125,218,175)
```
#91e0bb
```
#91e0bb rgb(145,224,187)
```

Monochromatic Color

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

#55cf78
```
#55cf78 rgb(85,207,120)
```
#55cf82
```
#55cf82 rgb(85,207,130)
```
#55cf8c
```
#55cf8c rgb(85,207,140)
```
#55cf96
```
#55cf96 rgb(85,207,150)
```
#55cfa0
```
#55cfa0 rgb(85,207,160)
```
#55cfaa
```
#55cfaa rgb(85,207,170)
```
#55cfb5
```
#55cfb5 rgb(85,207,181)
```

Similar Colors

Text with hexadecimal color #55cf96

This text has a font color of #55cf96.

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

#55cf96 background color

This paragraph has a background color of #55cf96.

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

#55cf96 border color

This element has a border color of #55cf96.

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

CSS codes

.text {color:#55cf96;}

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

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

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, #040e09 is the darkest color, while #fdfffe is the lightest one.

#040e09
```
#040e09 rgb(4,14,9)
```
#081d13
```
#081d13 rgb(8,29,19)
```
#0c2c1d
```
#0c2c1d rgb(12,44,29)
```
#113b28
```
#113b28 rgb(17,59,40)
```
#154b32
```
#154b32 rgb(21,75,50)
```
#195a3c
```
#195a3c rgb(25,90,60)
```
#1e6946
```
#1e6946 rgb(30,105,70)
```
#227950
```
#227950 rgb(34,121,80)
```
#26885a
```
#26885a rgb(38,136,90)
```
#2b9765
```
#2b9765 rgb(43,151,101)
```
#2fa76f
```
#2fa76f rgb(47,167,111)
```
#33b679
```
#33b679 rgb(51,182,121)
```
#38c583
```
#38c583 rgb(56,197,131)
```

Shade Color Variation

#46cb8d
```
#46cb8d rgb(70,203,141)
```
#55cf96
```
#55cf96 rgb(85,207,150)
```
#64d39f
```
#64d39f rgb(100,211,159)
```
#74d8a9
```
#74d8a9 rgb(116,216,169)
```
#83dcb2
```
#83dcb2 rgb(131,220,178)
```
#92e0bc
```
#92e0bc rgb(146,224,188)
```
#a1e5c5
```
#a1e5c5 rgb(161,229,197)
```
#b1e9cf
```
#b1e9cf rgb(177,233,207)
```
#c0edd8
```
#c0edd8 rgb(192,237,216)
```
#cff2e2
```
#cff2e2 rgb(207,242,226)
```
#dff6eb
```
#dff6eb rgb(223,246,235)
```
#eefaf4
```
#eefaf4 rgb(238,250,244)
```
#fdfffe
```
#fdfffe rgb(253,255,254)
```

Tint Color Variation

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

#909492
```
#909492 rgb(144,148,146)
```
#879d93
```
#879d93 rgb(135,157,147)
```
#7fa593
```
#7fa593 rgb(127,165,147)
```
#77ad94
```
#77ad94 rgb(119,173,148)
```
#6eb694
```
#6eb694 rgb(110,182,148)
```
#66be95
```
#66be95 rgb(102,190,149)
```
#5dc795
```
#5dc795 rgb(93,199,149)
```
#55cf96
```
#55cf96 rgb(85,207,150)
```
#4dd797
```
#4dd797 rgb(77,215,151)
```
#44e097
```
#44e097 rgb(68,224,151)
```
#3ce898
```
#3ce898 rgb(60,232,152)
```
#33f198
```
#33f198 rgb(51,241,152)
```
#2bf999
```
#2bf999 rgb(43,249,153)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#94ada1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c9bc92 Protanopia 1% of men
#d7b6a4 Deuteranopia 1% of men
#75c9d8 Tritanopia 0.001% of the population

Trichromacy

#9fc393 Protanomaly 1% of men, 0.01% of women
#a8bf9f Deuteranomaly 6% of men, 0.4% of women
#69cbc0 Tritanomaly 0.01% of the population

#55cf96 hex color

#55cf96 Color Information

#55cf96 Color Conversion

Color Schemes with #55cf96

Alternatives to #55cf96

#55cf96 Preview

Shades and Tints of #55cf96

Tones of #55cf96

Color Blindness Simulator