#64ecdd hex color

In a RGB color space, hex #64ecdd is composed of 39.2% red, 92.5% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 57.6% cyan, 0% magenta, 6.4% yellow and 7.5% black. It has a hue angle of 173.4 degrees, a saturation of 78.2% and a lightness of 65.9%. #64ecdd color hex could be obtained by blending #c8ffff with #00d9bb. Closest websafe color is: #66ffcc.

♥
- f
- t
- g
- R 39
- G 93
- B 87
RGB color chart
- C 58
- M 0
- Y 6
- K 7
CMYK color chart

● #64ecdd color description : Soft cyan.

The hexadecimal color #64ecdd has RGB values of R:100, G:236, B:221 and CMYK values of C:0.58, M:0, Y:0.06, K:0.07. Its decimal value is 6614237.

Hex triplet	64ecdd	`#64ecdd`
RGB Decimal	100, 236, 221	`rgb(100,236,221)`
RGB Percent	39.2, 92.5, 86.7	`rgb(39.2%,92.5%,86.7%)`
CMYK	58, 0, 6, 7
HSL	173.4°, 78.2, 65.9	`hsl(173.4,78.2%,65.9%)`
HSV (or HSB)	173.4°, 57.6, 92.5
Web Safe	66ffcc	`#66ffcc`

CIE-LAB	85.965, -40.509, -3.889
XYZ	48.298, 67.917, 78.967
xyY	0.247, 0.348, 67.917
CIE-LCH	85.965, 40.695, 185.483
CIE-LUV	85.965, -55.52, 0.484
Hunter-Lab	82.412, -39.609, 0.877
Binary	01100100, 11101100, 11011101

#64ecdd
```
#64ecdd rgb(100,236,221)
```
#ec6473
```
#ec6473 rgb(236,100,115)
```

Complementary Color

#64ec99
```
#64ec99 rgb(100,236,153)
```
#64ecdd
```
#64ecdd rgb(100,236,221)
```
#64b7ec
```
#64b7ec rgb(100,183,236)
```

Analogous Color

#ec9964
```
#ec9964 rgb(236,153,100)
```
#64ecdd
```
#64ecdd rgb(100,236,221)
```
#ec64b7
```
#ec64b7 rgb(236,100,183)
```

Split Complementary Color

#ecdd64
```
#ecdd64 rgb(236,221,100)
```
#64ecdd
```
#64ecdd rgb(100,236,221)
```
#dd64ec
```
#dd64ec rgb(221,100,236)
```

Triadic Color

#73ec64
```
#73ec64 rgb(115,236,100)
```
#64ecdd
```
#64ecdd rgb(100,236,221)
```
#dd64ec
```
#dd64ec rgb(221,100,236)
```
#ec6473
```
#ec6473 rgb(236,100,115)
```

Tetradic Color

#20e4ce
```
#20e4ce rgb(32,228,206)
```
#37e6d3
```
#37e6d3 rgb(55,230,211)
```
#4de9d8
```
#4de9d8 rgb(77,233,216)
```
#64ecdd
```
#64ecdd rgb(100,236,221)
```
#7befe2
```
#7befe2 rgb(123,239,226)
```
#91f2e7
```
#91f2e7 rgb(145,242,231)
```
#a8f4ec
```
#a8f4ec rgb(168,244,236)
```

Monochromatic Color

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

#64ecbb
```
#64ecbb rgb(100,236,187)
```
#64ecc6
```
#64ecc6 rgb(100,236,198)
```
#64ecd2
```
#64ecd2 rgb(100,236,210)
```
#64ecdd
```
#64ecdd rgb(100,236,221)
```
#64ece8
```
#64ece8 rgb(100,236,232)
```
#64e4ec
```
#64e4ec rgb(100,228,236)
```
#64d9ec
```
#64d9ec rgb(100,217,236)
```

Similar Colors

Text with hexadecimal color #64ecdd

This text has a font color of #64ecdd.

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

#64ecdd background color

This paragraph has a background color of #64ecdd.

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

#64ecdd border color

This element has a border color of #64ecdd.

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

CSS codes

.text {color:#64ecdd;}

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

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

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

#000202
```
#000202 rgb(0,2,2)
```
#021412
```
#021412 rgb(2,20,18)
```
#052522
```
#052522 rgb(5,37,34)
```
#073731
```
#073731 rgb(7,55,49)
```
#094841
```
#094841 rgb(9,72,65)
```
#0b5a51
```
#0b5a51 rgb(11,90,81)
```
#0d6b61
```
#0d6b61 rgb(13,107,97)
```
#0f7d71
```
#0f7d71 rgb(15,125,113)
```
#118e80
```
#118e80 rgb(17,142,128)
```
#14a090
```
#14a090 rgb(20,160,144)
```
#16b1a0
```
#16b1a0 rgb(22,177,160)
```
#18c2b0
```
#18c2b0 rgb(24,194,176)
```
#1ad4bf
```
#1ad4bf rgb(26,212,191)
```

Shade Color Variation

#1ee3ce
```
#1ee3ce rgb(30,227,206)
```
#30e6d2
```
#30e6d2 rgb(48,230,210)
```
#41e8d5
```
#41e8d5 rgb(65,232,213)
```
#53ead9
```
#53ead9 rgb(83,234,217)
```
#64ecdd
```
#64ecdd rgb(100,236,221)
```
#75eee1
```
#75eee1 rgb(117,238,225)
```
#87f0e5
```
#87f0e5 rgb(135,240,229)
```
#98f2e8
```
#98f2e8 rgb(152,242,232)
```
#aaf5ec
```
#aaf5ec rgb(170,245,236)
```
#bbf7f0
```
#bbf7f0 rgb(187,247,240)
```
#cdf9f4
```
#cdf9f4 rgb(205,249,244)
```
#defbf8
```
#defbf8 rgb(222,251,248)
```
#f0fdfc
```
#f0fdfc rgb(240,253,252)
```

Tint Color Variation

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

#a7a9a9
```
#a7a9a9 rgb(167,169,169)
```
#a0b0ae
```
#a0b0ae rgb(160,176,174)
```
#9ab6b3
```
#9ab6b3 rgb(154,182,179)
```
#93bdb8
```
#93bdb8 rgb(147,189,184)
```
#8cc4be
```
#8cc4be rgb(140,196,190)
```
#85cbc3
```
#85cbc3 rgb(133,203,195)
```
#7fd1c8
```
#7fd1c8 rgb(127,209,200)
```
#78d8cd
```
#78d8cd rgb(120,216,205)
```
#71dfd3
```
#71dfd3 rgb(113,223,211)
```
#6be5d8
```
#6be5d8 rgb(107,229,216)
```
#64ecdd
```
#64ecdd rgb(100,236,221)
```
#5df3e2
```
#5df3e2 rgb(93,243,226)
```
#57f9e7
```
#57f9e7 rgb(87,249,231)
```

Tone Color Variation

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

#c2c2c2 Achromatopsia 0.005% of the population
#afcac7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ddd8d3 Protanopia 1% of men
#e6d3e7 Deuteranopia 1% of men
#79e8f9 Tritanopia 0.001% of the population

Trichromacy

#b1dfd7 Protanomaly 1% of men, 0.01% of women
#b6dce3 Deuteranomaly 6% of men, 0.4% of women
#71e9ef Tritanomaly 0.01% of the population

#64ecdd hex color

#64ecdd Color Information

#64ecdd Color Conversion

Color Schemes with #64ecdd

Alternatives to #64ecdd

#64ecdd Preview

Shades and Tints of #64ecdd

Tones of #64ecdd

Color Blindness Simulator