#64e2de hex color

In a RGB color space, hex #64e2de is composed of 39.2% red, 88.6% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 55.8% cyan, 0% magenta, 1.8% yellow and 11.4% black. It has a hue angle of 178.1 degrees, a saturation of 68.5% and a lightness of 63.9%. #64e2de color hex could be obtained by blending #c8ffff with #00c5bd. Closest websafe color is: #66cccc.

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

● #64e2de color description : Soft cyan.

The hexadecimal color #64e2de has RGB values of R:100, G:226, B:222 and CMYK values of C:0.56, M:0, Y:0.02, K:0.11. Its decimal value is 6611678.

Hex triplet	64e2de	`#64e2de`
RGB Decimal	100, 226, 222	`rgb(100,226,222)`
RGB Percent	39.2, 88.6, 87.1	`rgb(39.2%,88.6%,87.1%)`
CMYK	56, 0, 2, 11
HSL	178.1°, 68.5, 63.9	`hsl(178.1,68.5%,63.9%)`
HSV (or HSB)	178.1°, 55.8, 88.6
Web Safe	66cccc	`#66cccc`

CIE-LAB	83.111, -35.687, -8.635
XYZ	45.633, 62.372, 78.737
xyY	0.244, 0.334, 62.372
CIE-LCH	83.111, 36.717, 193.602
CIE-LUV	83.111, -51.762, -7.824
Hunter-Lab	78.976, -35.07, -3.827
Binary	01100100, 11100010, 11011110

#64e2de
```
#64e2de rgb(100,226,222)
```
#e26468
```
#e26468 rgb(226,100,104)
```

Complementary Color

#64e29f
```
#64e29f rgb(100,226,159)
```
#64e2de
```
#64e2de rgb(100,226,222)
```
#64a7e2
```
#64a7e2 rgb(100,167,226)
```

Analogous Color

#e29f64
```
#e29f64 rgb(226,159,100)
```
#64e2de
```
#64e2de rgb(100,226,222)
```
#e264a7
```
#e264a7 rgb(226,100,167)
```

Split Complementary Color

#e2de64
```
#e2de64 rgb(226,222,100)
```
#64e2de
```
#64e2de rgb(100,226,222)
```
#de64e2
```
#de64e2 rgb(222,100,226)
```

Triadic Color

#68e264
```
#68e264 rgb(104,226,100)
```
#64e2de
```
#64e2de rgb(100,226,222)
```
#de64e2
```
#de64e2 rgb(222,100,226)
```
#e26468
```
#e26468 rgb(226,100,104)
```

Tetradic Color

#27d2cd
```
#27d2cd rgb(39,210,205)
```
#39dad5
```
#39dad5 rgb(57,218,213)
```
#4fded9
```
#4fded9 rgb(79,222,217)
```
#64e2de
```
#64e2de rgb(100,226,222)
```
#79e6e3
```
#79e6e3 rgb(121,230,227)
```
#8feae7
```
#8feae7 rgb(143,234,231)
```
#a4eeec
```
#a4eeec rgb(164,238,236)
```

Monochromatic Color

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

#64e2bf
```
#64e2bf rgb(100,226,191)
```
#64e2c9
```
#64e2c9 rgb(100,226,201)
```
#64e2d4
```
#64e2d4 rgb(100,226,212)
```
#64e2de
```
#64e2de rgb(100,226,222)
```
#64dce2
```
#64dce2 rgb(100,220,226)
```
#64d1e2
```
#64d1e2 rgb(100,209,226)
```
#64c7e2
```
#64c7e2 rgb(100,199,226)
```

Similar Colors

Text with hexadecimal color #64e2de

This text has a font color of #64e2de.

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

#64e2de background color

This paragraph has a background color of #64e2de.

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

#64e2de border color

This element has a border color of #64e2de.

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

CSS codes

.text {color:#64e2de;}

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

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

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

#020a0a
```
#020a0a rgb(2,10,10)
```
#051b1a
```
#051b1a rgb(5,27,26)
```
#082b2a
```
#082b2a rgb(8,43,42)
```
#0b3c3a
```
#0b3c3a rgb(11,60,58)
```
#0e4c4a
```
#0e4c4a rgb(14,76,74)
```
#115d5a
```
#115d5a rgb(17,93,90)
```
#146d6b
```
#146d6b rgb(20,109,107)
```
#187e7b
```
#187e7b rgb(24,126,123)
```
#1b8e8b
```
#1b8e8b rgb(27,142,139)
```
#1e9f9b
```
#1e9f9b rgb(30,159,155)
```
#21afab
```
#21afab rgb(33,175,171)
```
#24c0bb
```
#24c0bb rgb(36,192,187)
```
#27d1cb
```
#27d1cb rgb(39,209,203)
```

Shade Color Variation

#32d9d3
```
#32d9d3 rgb(50,217,211)
```
#43dcd7
```
#43dcd7 rgb(67,220,215)
```
#53dfda
```
#53dfda rgb(83,223,218)
```
#64e2de
```
#64e2de rgb(100,226,222)
```
#75e5e2
```
#75e5e2 rgb(117,229,226)
```
#85e8e5
```
#85e8e5 rgb(133,232,229)
```
#96ebe9
```
#96ebe9 rgb(150,235,233)
```
#a6eeec
```
#a6eeec rgb(166,238,236)
```
#b7f1f0
```
#b7f1f0 rgb(183,241,240)
```
#c7f5f3
```
#c7f5f3 rgb(199,245,243)
```
#d8f8f7
```
#d8f8f7 rgb(216,248,247)
```
#e8fbfa
```
#e8fbfa rgb(232,251,250)
```
#f9fefe
```
#f9fefe rgb(249,254,254)
```

Tint Color Variation

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

#9da9a9
```
#9da9a9 rgb(157,169,169)
```
#96b0b0
```
#96b0b0 rgb(150,176,176)
```
#8eb8b6
```
#8eb8b6 rgb(142,184,182)
```
#87bfbd
```
#87bfbd rgb(135,191,189)
```
#80c6c3
```
#80c6c3 rgb(128,198,195)
```
#79cdca
```
#79cdca rgb(121,205,202)
```
#72d4d1
```
#72d4d1 rgb(114,212,209)
```
#6bdbd7
```
#6bdbd7 rgb(107,219,215)
```
#64e2de
```
#64e2de rgb(100,226,222)
```
#5de9e5
```
#5de9e5 rgb(93,233,229)
```
#56f0eb
```
#56f0eb rgb(86,240,235)
```
#4ff7f2
```
#4ff7f2 rgb(79,247,242)
```
#48fef9
```
#48fef9 rgb(72,254,249)
```

Tone Color Variation

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

#bcbcbc Achromatopsia 0.005% of the population
#aac4c3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d3d0d5 Protanopia 1% of men
#d9cce8 Deuteranopia 1% of men
#74e0f1 Tritanopia 0.001% of the population

Trichromacy

#abd6d8 Protanomaly 1% of men, 0.01% of women
#afd4e4 Deuteranomaly 6% of men, 0.4% of women
#6ee1ea Tritanomaly 0.01% of the population

#64e2de hex color

#64e2de Color Information

#64e2de Color Conversion

Color Schemes with #64e2de

Alternatives to #64e2de

#64e2de Preview

Shades and Tints of #64e2de

Tones of #64e2de

Color Blindness Simulator