#64bc96 hex color

In a RGB color space, hex #64bc96 is composed of 39.2% red, 73.7% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 46.8% cyan, 0% magenta, 20.2% yellow and 26.3% black. It has a hue angle of 154.1 degrees, a saturation of 39.6% and a lightness of 56.5%. #64bc96 color hex could be obtained by blending #c8ffff with #00792d. Closest websafe color is: #66cc99.

♥
- f
- t
- g
- R 39
- G 74
- B 59
RGB color chart
- C 47
- M 0
- Y 20
- K 26
CMYK color chart

● #64bc96 color description : Slightly desaturated cyan - lime green.

The hexadecimal color #64bc96 has RGB values of R:100, G:188, B:150 and CMYK values of C:0.47, M:0, Y:0.2, K:0.26. Its decimal value is 6601878.

Hex triplet	64bc96	`#64bc96`
RGB Decimal	100, 188, 150	`rgb(100,188,150)`
RGB Percent	39.2, 73.7, 58.8	`rgb(39.2%,73.7%,58.8%)`
CMYK	47, 0, 20, 26
HSL	154.1°, 39.6, 56.5	`hsl(154.1,39.6%,56.5%)`
HSV (or HSB)	154.1°, 46.8, 73.7
Web Safe	66cc99	`#66cc99`

CIE-LAB	70.089, -35.467, 11.129
XYZ	28.742, 40.876, 35.228
xyY	0.274, 0.39, 40.876
CIE-LCH	70.089, 37.172, 162.579
CIE-LUV	70.089, -40.137, 21.661
Hunter-Lab	63.934, -31.64, 12.085
Binary	01100100, 10111100, 10010110

#64bc96
```
#64bc96 rgb(100,188,150)
```
#bc648a
```
#bc648a rgb(188,100,138)
```

Complementary Color

#64bc6a
```
#64bc6a rgb(100,188,106)
```
#64bc96
```
#64bc96 rgb(100,188,150)
```
#64b6bc
```
#64b6bc rgb(100,182,188)
```

Analogous Color

#bc6a64
```
#bc6a64 rgb(188,106,100)
```
#64bc96
```
#64bc96 rgb(100,188,150)
```
#bc64b6
```
#bc64b6 rgb(188,100,182)
```

Split Complementary Color

#bc9664
```
#bc9664 rgb(188,150,100)
```
#64bc96
```
#64bc96 rgb(100,188,150)
```
#9664bc
```
#9664bc rgb(150,100,188)
```

Triadic Color

#8abc64
```
#8abc64 rgb(138,188,100)
```
#64bc96
```
#64bc96 rgb(100,188,150)
```
#9664bc
```
#9664bc rgb(150,100,188)
```
#bc648a
```
#bc648a rgb(188,100,138)
```

Tetradic Color

#40946f
```
#40946f rgb(64,148,111)
```
#48a57d
```
#48a57d rgb(72,165,125)
```
#52b48a
```
#52b48a rgb(82,180,138)
```
#64bc96
```
#64bc96 rgb(100,188,150)
```
#76c4a2
```
#76c4a2 rgb(118,196,162)
```
#88cbae
```
#88cbae rgb(136,203,174)
```
#99d3ba
```
#99d3ba rgb(153,211,186)
```

Monochromatic Color

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

#64bc80
```
#64bc80 rgb(100,188,128)
```
#64bc87
```
#64bc87 rgb(100,188,135)
```
#64bc8f
```
#64bc8f rgb(100,188,143)
```
#64bc96
```
#64bc96 rgb(100,188,150)
```
#64bc9d
```
#64bc9d rgb(100,188,157)
```
#64bca5
```
#64bca5 rgb(100,188,165)
```
#64bcac
```
#64bcac rgb(100,188,172)
```

Similar Colors

Text with hexadecimal color #64bc96

This text has a font color of #64bc96.

<span style="color:#64bc96;">Text here</span>

#64bc96 background color

This paragraph has a background color of #64bc96.

<p style="background-color:#64bc96;">Content here</p>

#64bc96 border color

This element has a border color of #64bc96.

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

CSS codes

.text {color:#64bc96;}

.background {background-color:#64bc96;}

.border {border:1px solid #64bc96;}

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

#040907
```
#040907 rgb(4,9,7)
```
#0a1711
```
#0a1711 rgb(10,23,17)
```
#10251c
```
#10251c rgb(16,37,28)
```
#163226
```
#163226 rgb(22,50,38)
```
#1c4030
```
#1c4030 rgb(28,64,48)
```
#224e3b
```
#224e3b rgb(34,78,59)
```
#285c45
```
#285c45 rgb(40,92,69)
```
#2d694f
```
#2d694f rgb(45,105,79)
```
#33775a
```
#33775a rgb(51,119,90)
```
#398564
```
#398564 rgb(57,133,100)
```
#3f926e
```
#3f926e rgb(63,146,110)
```
#45a079
```
#45a079 rgb(69,160,121)
```
#4bae83
```
#4bae83 rgb(75,174,131)
```

Shade Color Variation

#56b68d
```
#56b68d rgb(86,182,141)
```
#64bc96
```
#64bc96 rgb(100,188,150)
```
#72c29f
```
#72c29f rgb(114,194,159)
```
#7fc8a9
```
#7fc8a9 rgb(127,200,169)
```
#8dceb2
```
#8dceb2 rgb(141,206,178)
```
#9bd4bb
```
#9bd4bb rgb(155,212,187)
```
#a8dac4
```
#a8dac4 rgb(168,218,196)
```
#b6e0ce
```
#b6e0ce rgb(182,224,206)
```
#c4e5d7
```
#c4e5d7 rgb(196,229,215)
```
#d2ebe0
```
#d2ebe0 rgb(210,235,224)
```
#dff1e9
```
#dff1e9 rgb(223,241,233)
```
#edf7f3
```
#edf7f3 rgb(237,247,243)
```
#fbfdfc
```
#fbfdfc rgb(251,253,252)
```

Tint Color Variation

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

#8f9190
```
#8f9190 rgb(143,145,144)
```
#869a91
```
#869a91 rgb(134,154,145)
```
#7ea293
```
#7ea293 rgb(126,162,147)
```
#75ab94
```
#75ab94 rgb(117,171,148)
```
#6db395
```
#6db395 rgb(109,179,149)
```
#64bc96
```
#64bc96 rgb(100,188,150)
```
#5bc597
```
#5bc597 rgb(91,197,151)
```
#53cd98
```
#53cd98 rgb(83,205,152)
```
#4ad699
```
#4ad699 rgb(74,214,153)
```
#42de9b
```
#42de9b rgb(66,222,155)
```
#39e79c
```
#39e79c rgb(57,231,156)
```
#31ef9d
```
#31ef9d rgb(49,239,157)
```
#28f89e
```
#28f89e rgb(40,248,158)
```

Tone Color Variation

Below, you can see how #64bc96 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
#92a39c Atypical Achromatopsia 0.001% of the population

Dichromacy

#b9af93 Protanopia 1% of men
#c4a9a2 Deuteranopia 1% of men
#7ab9c6 Tritanopia 0.001% of the population

Trichromacy

#9ab394 Protanomaly 1% of men, 0.01% of women
#a1b09e Deuteranomaly 6% of men, 0.4% of women
#72bab5 Tritanomaly 0.01% of the population

#64bc96 hex color

#64bc96 Color Information

#64bc96 Color Conversion

Color Schemes with #64bc96

Alternatives to #64bc96

#64bc96 Preview

Shades and Tints of #64bc96

Tones of #64bc96

Color Blindness Simulator