#64e3d2 hex color

In a RGB color space, hex #64e3d2 is composed of 39.2% red, 89% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 55.9% cyan, 0% magenta, 7.5% yellow and 11% black. It has a hue angle of 172 degrees, a saturation of 69.4% and a lightness of 64.1%. #64e3d2 color hex could be obtained by blending #c8ffff with #00c7a5. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 39
- G 89
- B 82
RGB color chart
- C 56
- M 0
- Y 7
- K 11
CMYK color chart

● #64e3d2 color description : Soft cyan.

The hexadecimal color #64e3d2 has RGB values of R:100, G:227, B:210 and CMYK values of C:0.56, M:0, Y:0.07, K:0.11. Its decimal value is 6611922.

Hex triplet	64e3d2	`#64e3d2`
RGB Decimal	100, 227, 210	`rgb(100,227,210)`
RGB Percent	39.2, 89, 82.4	`rgb(39.2%,89%,82.4%)`
CMYK	56, 0, 7, 11
HSL	172°, 69.4, 64.1	`hsl(172,69.4%,64.1%)`
HSV (or HSB)	172°, 55.9, 89
Web Safe	66cccc	`#66cccc`

CIE-LAB	83.071, -39.207, -2.339
XYZ	44.354, 62.297, 70.656
xyY	0.25, 0.351, 62.297
CIE-LCH	83.071, 39.277, 183.415
CIE-LUV	83.071, -52.753, 2.711
Hunter-Lab	78.929, -37.817, 2.174
Binary	01100100, 11100011, 11010010

#64e3d2
```
#64e3d2 rgb(100,227,210)
```
#e36475
```
#e36475 rgb(227,100,117)
```

Complementary Color

#64e393
```
#64e393 rgb(100,227,147)
```
#64e3d2
```
#64e3d2 rgb(100,227,210)
```
#64b5e3
```
#64b5e3 rgb(100,181,227)
```

Analogous Color

#e39364
```
#e39364 rgb(227,147,100)
```
#64e3d2
```
#64e3d2 rgb(100,227,210)
```
#e364b5
```
#e364b5 rgb(227,100,181)
```

Split Complementary Color

#e3d264
```
#e3d264 rgb(227,210,100)
```
#64e3d2
```
#64e3d2 rgb(100,227,210)
```
#d264e3
```
#d264e3 rgb(210,100,227)
```

Triadic Color

#75e364
```
#75e364 rgb(117,227,100)
```
#64e3d2
```
#64e3d2 rgb(100,227,210)
```
#d264e3
```
#d264e3 rgb(210,100,227)
```
#e36475
```
#e36475 rgb(227,100,117)
```

Tetradic Color

#26d4bd
```
#26d4bd rgb(38,212,189)
```
#39dbc5
```
#39dbc5 rgb(57,219,197)
```
#4edfcc
```
#4edfcc rgb(78,223,204)
```
#64e3d2
```
#64e3d2 rgb(100,227,210)
```
#7ae7d8
```
#7ae7d8 rgb(122,231,216)
```
#8febdf
```
#8febdf rgb(143,235,223)
```
#a5efe5
```
#a5efe5 rgb(165,239,229)
```

Monochromatic Color

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

#64e3b2
```
#64e3b2 rgb(100,227,178)
```
#64e3bd
```
#64e3bd rgb(100,227,189)
```
#64e3c7
```
#64e3c7 rgb(100,227,199)
```
#64e3d2
```
#64e3d2 rgb(100,227,210)
```
#64e3dd
```
#64e3dd rgb(100,227,221)
```
#64dfe3
```
#64dfe3 rgb(100,223,227)
```
#64d4e3
```
#64d4e3 rgb(100,212,227)
```

Similar Colors

Text with hexadecimal color #64e3d2

This text has a font color of #64e3d2.

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

#64e3d2 background color

This paragraph has a background color of #64e3d2.

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

#64e3d2 border color

This element has a border color of #64e3d2.

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

CSS codes

.text {color:#64e3d2;}

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

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

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, #020b0a is the darkest color, while #fafefd is the lightest one.

#020b0a
```
#020b0a rgb(2,11,10)
```
#051c19
```
#051c19 rgb(5,28,25)
```
#082c28
```
#082c28 rgb(8,44,40)
```
#0b3d36
```
#0b3d36 rgb(11,61,54)
```
#0e4e45
```
#0e4e45 rgb(14,78,69)
```
#115e54
```
#115e54 rgb(17,94,84)
```
#146f63
```
#146f63 rgb(20,111,99)
```
#177f71
```
#177f71 rgb(23,127,113)
```
#1a9080
```
#1a9080 rgb(26,144,128)
```
#1da18f
```
#1da18f rgb(29,161,143)
```
#20b19e
```
#20b19e rgb(32,177,158)
```
#23c2ad
```
#23c2ad rgb(35,194,173)
```
#26d3bb
```
#26d3bb rgb(38,211,187)
```

Shade Color Variation

#32dac4
```
#32dac4 rgb(50,218,196)
```
#43ddc8
```
#43ddc8 rgb(67,221,200)
```
#53e0cd
```
#53e0cd rgb(83,224,205)
```
#64e3d2
```
#64e3d2 rgb(100,227,210)
```
#75e6d7
```
#75e6d7 rgb(117,230,215)
```
#85e9dc
```
#85e9dc rgb(133,233,220)
```
#96ece0
```
#96ece0 rgb(150,236,224)
```
#a6efe5
```
#a6efe5 rgb(166,239,229)
```
#b7f2ea
```
#b7f2ea rgb(183,242,234)
```
#c8f5ef
```
#c8f5ef rgb(200,245,239)
```
#d8f8f4
```
#d8f8f4 rgb(216,248,244)
```
#e9fbf9
```
#e9fbf9 rgb(233,251,249)
```
#fafefd
```
#fafefd rgb(250,254,253)
```

Tint Color Variation

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

#a3a4a4
```
#a3a4a4 rgb(163,164,164)
```
#9caba9
```
#9caba9 rgb(156,171,169)
```
#95b2ae
```
#95b2ae rgb(149,178,174)
```
#8eb9b3
```
#8eb9b3 rgb(142,185,179)
```
#87c0b8
```
#87c0b8 rgb(135,192,184)
```
#80c7bd
```
#80c7bd rgb(128,199,189)
```
#79cec3
```
#79cec3 rgb(121,206,195)
```
#72d5c8
```
#72d5c8 rgb(114,213,200)
```
#6bdccd
```
#6bdccd rgb(107,220,205)
```
#64e3d2
```
#64e3d2 rgb(100,227,210)
```
#5dead7
```
#5dead7 rgb(93,234,215)
```
#56f1dc
```
#56f1dc rgb(86,241,220)
```
#4ff8e1
```
#4ff8e1 rgb(79,248,225)
```

Tone Color Variation

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

#bbbbbb Achromatopsia 0.005% of the population
#aac3c0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d6d0c9 Protanopia 1% of men
#dfcbdd Deuteranopia 1% of men
#78e0f0 Tritanopia 0.001% of the population

Trichromacy

#acd7cc Protanomaly 1% of men, 0.01% of women
#b2d4d9 Deuteranomaly 6% of men, 0.4% of women
#71e1e5 Tritanomaly 0.01% of the population

#64e3d2 hex color

#64e3d2 Color Information

#64e3d2 Color Conversion

Color Schemes with #64e3d2

Alternatives to #64e3d2

#64e3d2 Preview

Shades and Tints of #64e3d2

Tones of #64e3d2

Color Blindness Simulator