#64d2bb hex color

In a RGB color space, hex #64d2bb is composed of 39.2% red, 82.4% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 52.4% cyan, 0% magenta, 11% yellow and 17.6% black. It has a hue angle of 167.5 degrees, a saturation of 55% and a lightness of 60.8%. #64d2bb color hex could be obtained by blending #c8ffff with #00a577. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 39
- G 82
- B 73
RGB color chart
- C 52
- M 0
- Y 11
- K 18
CMYK color chart

● #64d2bb color description : Moderate cyan.

The hexadecimal color #64d2bb has RGB values of R:100, G:210, B:187 and CMYK values of C:0.52, M:0, Y:0.11, K:0.18. Its decimal value is 6607547.

Hex triplet	64d2bb	`#64d2bb`
RGB Decimal	100, 210, 187	`rgb(100,210,187)`
RGB Percent	39.2, 82.4, 73.3	`rgb(39.2%,82.4%,73.3%)`
CMYK	52, 0, 11, 18
HSL	167.5°, 55, 60.8	`hsl(167.5,55%,60.8%)`
HSV (or HSB)	167.5°, 52.4, 82.4
Web Safe	66cccc	`#66cccc`

CIE-LAB	77.512, -37.104, 1.793
XYZ	37.269, 52.388, 55.159
xyY	0.257, 0.362, 52.388
CIE-LCH	77.512, 37.148, 177.233
CIE-LUV	77.512, -47.399, 8.675
Hunter-Lab	72.379, -34.752, 5.482
Binary	01100100, 11010010, 10111011

#64d2bb
```
#64d2bb rgb(100,210,187)
```
#d2647b
```
#d2647b rgb(210,100,123)
```

Complementary Color

#64d284
```
#64d284 rgb(100,210,132)
```
#64d2bb
```
#64d2bb rgb(100,210,187)
```
#64b2d2
```
#64b2d2 rgb(100,178,210)
```

Analogous Color

#d28464
```
#d28464 rgb(210,132,100)
```
#64d2bb
```
#64d2bb rgb(100,210,187)
```
#d264b2
```
#d264b2 rgb(210,100,178)
```

Split Complementary Color

#d2bb64
```
#d2bb64 rgb(210,187,100)
```
#64d2bb
```
#64d2bb rgb(100,210,187)
```
#bb64d2
```
#bb64d2 rgb(187,100,210)
```

Triadic Color

#7bd264
```
#7bd264 rgb(123,210,100)
```
#64d2bb
```
#64d2bb rgb(100,210,187)
```
#bb64d2
```
#bb64d2 rgb(187,100,210)
```
#d2647b
```
#d2647b rgb(210,100,123)
```

Tetradic Color

#35b59a
```
#35b59a rgb(53,181,154)
```
#3cc7aa
```
#3cc7aa rgb(60,199,170)
```
#50ccb2
```
#50ccb2 rgb(80,204,178)
```
#64d2bb
```
#64d2bb rgb(100,210,187)
```
#78d8c4
```
#78d8c4 rgb(120,216,196)
```
#8cddcc
```
#8cddcc rgb(140,221,204)
```
#9fe3d5
```
#9fe3d5 rgb(159,227,213)
```

Monochromatic Color

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

#64d2a0
```
#64d2a0 rgb(100,210,160)
```
#64d2a9
```
#64d2a9 rgb(100,210,169)
```
#64d2b2
```
#64d2b2 rgb(100,210,178)
```
#64d2bb
```
#64d2bb rgb(100,210,187)
```
#64d2c4
```
#64d2c4 rgb(100,210,196)
```
#64d2cd
```
#64d2cd rgb(100,210,205)
```
#64ced2
```
#64ced2 rgb(100,206,210)
```

Similar Colors

Text with hexadecimal color #64d2bb

This text has a font color of #64d2bb.

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

#64d2bb background color

This paragraph has a background color of #64d2bb.

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

#64d2bb border color

This element has a border color of #64d2bb.

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

CSS codes

.text {color:#64d2bb;}

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

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

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

#040c0a
```
#040c0a rgb(4,12,10)
```
#081b17
```
#081b17 rgb(8,27,23)
```
#0c2b24
```
#0c2b24 rgb(12,43,36)
```
#113a31
```
#113a31 rgb(17,58,49)
```
#15493e
```
#15493e rgb(21,73,62)
```
#1a584b
```
#1a584b rgb(26,88,75)
```
#1e6758
```
#1e6758 rgb(30,103,88)
```
#227765
```
#227765 rgb(34,119,101)
```
#278672
```
#278672 rgb(39,134,114)
```
#2b957f
```
#2b957f rgb(43,149,127)
```
#30a48c
```
#30a48c rgb(48,164,140)
```
#34b399
```
#34b399 rgb(52,179,153)
```
#39c3a6
```
#39c3a6 rgb(57,195,166)
```

Shade Color Variation

#46c9ae
```
#46c9ae rgb(70,201,174)
```
#55ceb4
```
#55ceb4 rgb(85,206,180)
```
#64d2bb
```
#64d2bb rgb(100,210,187)
```
#73d6c2
```
#73d6c2 rgb(115,214,194)
```
#82dbc8
```
#82dbc8 rgb(130,219,200)
```
#92dfcf
```
#92dfcf rgb(146,223,207)
```
#a1e4d6
```
#a1e4d6 rgb(161,228,214)
```
#b0e8dc
```
#b0e8dc rgb(176,232,220)
```
#bfece3
```
#bfece3 rgb(191,236,227)
```
#cef1ea
```
#cef1ea rgb(206,241,234)
```
#def5f0
```
#def5f0 rgb(222,245,240)
```
#edfaf7
```
#edfaf7 rgb(237,250,247)
```
#fcfefe
```
#fcfefe rgb(252,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9a9c9c is the less saturated color, while #3ef8d1 is the most saturated one.

#9a9c9c
```
#9a9c9c rgb(154,156,156)
```
#92a4a0
```
#92a4a0 rgb(146,164,160)
```
#8aaca5
```
#8aaca5 rgb(138,172,165)
```
#83b3a9
```
#83b3a9 rgb(131,179,169)
```
#7bbbae
```
#7bbbae rgb(123,187,174)
```
#73c3b2
```
#73c3b2 rgb(115,195,178)
```
#6ccab7
```
#6ccab7 rgb(108,202,183)
```
#64d2bb
```
#64d2bb rgb(100,210,187)
```
#5cdabf
```
#5cdabf rgb(92,218,191)
```
#55e1c4
```
#55e1c4 rgb(85,225,196)
```
#4de9c8
```
#4de9c8 rgb(77,233,200)
```
#45f1cd
```
#45f1cd rgb(69,241,205)
```
#3ef8d1
```
#3ef8d1 rgb(62,248,209)
```

Tone Color Variation

Below, you can see how #64d2bb 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

#aeaeae Achromatopsia 0.005% of the population
#9fb5b1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c9c2b5 Protanopia 1% of men
#d2bdc6 Deuteranopia 1% of men
#78cfde Tritanopia 0.001% of the population

Trichromacy

#a4c7b7 Protanomaly 1% of men, 0.01% of women
#aac4c2 Deuteranomaly 6% of men, 0.4% of women
#71d0d1 Tritanomaly 0.01% of the population

#64d2bb hex color

#64d2bb Color Information

#64d2bb Color Conversion

Color Schemes with #64d2bb

Alternatives to #64d2bb

#64d2bb Preview

Shades and Tints of #64d2bb

Tones of #64d2bb

Color Blindness Simulator