#64d9dd hex color

In a RGB color space, hex #64d9dd is composed of 39.2% red, 85.1% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 54.8% cyan, 1.8% magenta, 0% yellow and 13.3% black. It has a hue angle of 182 degrees, a saturation of 64% and a lightness of 62.9%. #64d9dd color hex could be obtained by blending #c8ffff with #00b3bb. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 39
- G 85
- B 87
RGB color chart
- C 55
- M 2
- Y 0
- K 13
CMYK color chart

● #64d9dd color description : Soft cyan.

The hexadecimal color #64d9dd has RGB values of R:100, G:217, B:221 and CMYK values of C:0.55, M:0.02, Y:0, K:0.13. Its decimal value is 6609373.

Hex triplet	64d9dd	`#64d9dd`
RGB Decimal	100, 217, 221	`rgb(100,217,221)`
RGB Percent	39.2, 85.1, 86.7	`rgb(39.2%,85.1%,86.7%)`
CMYK	55, 2, 0, 13
HSL	182°, 64, 62.9	`hsl(182,64%,62.9%)`
HSV (or HSB)	182°, 54.8, 86.7
Web Safe	66cccc	`#66cccc`

CIE-LAB	80.489, -31.721, -12.01
XYZ	43.116, 57.552, 77.239
xyY	0.242, 0.323, 57.552
CIE-LCH	80.489, 33.918, 200.737
CIE-LUV	80.489, -48.453, -13.838
Hunter-Lab	75.863, -31.313, -7.261
Binary	01100100, 11011001, 11011101

#64d9dd
```
#64d9dd rgb(100,217,221)
```
#dd6864
```
#dd6864 rgb(221,104,100)
```

Complementary Color

#64dda5
```
#64dda5 rgb(100,221,165)
```
#64d9dd
```
#64d9dd rgb(100,217,221)
```
#649ddd
```
#649ddd rgb(100,157,221)
```

Analogous Color

#dda564
```
#dda564 rgb(221,165,100)
```
#64d9dd
```
#64d9dd rgb(100,217,221)
```
#dd649d
```
#dd649d rgb(221,100,157)
```

Split Complementary Color

#d9dd64
```
#d9dd64 rgb(217,221,100)
```
#64d9dd
```
#64d9dd rgb(100,217,221)
```
#dd64d9
```
#dd64d9 rgb(221,100,217)
```

Triadic Color

#64dd68
```
#64dd68 rgb(100,221,104)
```
#64d9dd
```
#64d9dd rgb(100,217,221)
```
#dd64d9
```
#dd64d9 rgb(221,100,217)
```
#dd6864
```
#dd6864 rgb(221,104,100)
```

Tetradic Color

#2cc3c9
```
#2cc3c9 rgb(44,195,201)
```
#3acfd4
```
#3acfd4 rgb(58,207,212)
```
#4fd4d8
```
#4fd4d8 rgb(79,212,216)
```
#64d9dd
```
#64d9dd rgb(100,217,221)
```
#79dee2
```
#79dee2 rgb(121,222,226)
```
#8ee3e6
```
#8ee3e6 rgb(142,227,230)
```
#a3e8eb
```
#a3e8eb rgb(163,232,235)
```

Monochromatic Color

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

#64ddc3
```
#64ddc3 rgb(100,221,195)
```
#64ddcd
```
#64ddcd rgb(100,221,205)
```
#64ddd7
```
#64ddd7 rgb(100,221,215)
```
#64d9dd
```
#64d9dd rgb(100,217,221)
```
#64cfdd
```
#64cfdd rgb(100,207,221)
```
#64c5dd
```
#64c5dd rgb(100,197,221)
```
#64bbdd
```
#64bbdd rgb(100,187,221)
```

Similar Colors

Text with hexadecimal color #64d9dd

This text has a font color of #64d9dd.

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

#64d9dd background color

This paragraph has a background color of #64d9dd.

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

#64d9dd border color

This element has a border color of #64d9dd.

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

CSS codes

.text {color:#64d9dd;}

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

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

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

#010606
```
#010606 rgb(1,6,6)
```
#051516
```
#051516 rgb(5,21,22)
```
#082526
```
#082526 rgb(8,37,38)
```
#0c3536
```
#0c3536 rgb(12,53,54)
```
#0f4446
```
#0f4446 rgb(15,68,70)
```
#135456
```
#135456 rgb(19,84,86)
```
#166466
```
#166466 rgb(22,100,102)
```
#1a7376
```
#1a7376 rgb(26,115,118)
```
#1e8387
```
#1e8387 rgb(30,131,135)
```
#219397
```
#219397 rgb(33,147,151)
```
#25a2a7
```
#25a2a7 rgb(37,162,167)
```
#28b2b7
```
#28b2b7 rgb(40,178,183)
```
#2cc2c7
```
#2cc2c7 rgb(44,194,199)
```

Shade Color Variation

#34cdd2
```
#34cdd2 rgb(52,205,210)
```
#44d1d6
```
#44d1d6 rgb(68,209,214)
```
#54d5d9
```
#54d5d9 rgb(84,213,217)
```
#64d9dd
```
#64d9dd rgb(100,217,221)
```
#74dde1
```
#74dde1 rgb(116,221,225)
```
#84e1e4
```
#84e1e4 rgb(132,225,228)
```
#94e5e8
```
#94e5e8 rgb(148,229,232)
```
#a4e9eb
```
#a4e9eb rgb(164,233,235)
```
#b4edef
```
#b4edef rgb(180,237,239)
```
#c5f1f2
```
#c5f1f2 rgb(197,241,242)
```
#d5f5f6
```
#d5f5f6 rgb(213,245,246)
```
#e5f9f9
```
#e5f9f9 rgb(229,249,249)
```
#f5fcfd
```
#f5fcfd rgb(245,252,253)
```

Tint Color Variation

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

#9ea3a3
```
#9ea3a3 rgb(158,163,163)
```
#97a9aa
```
#97a9aa rgb(151,169,170)
```
#90b0b1
```
#90b0b1 rgb(144,176,177)
```
#88b7b9
```
#88b7b9 rgb(136,183,185)
```
#81bec0
```
#81bec0 rgb(129,190,192)
```
#7ac5c7
```
#7ac5c7 rgb(122,197,199)
```
#73cbce
```
#73cbce rgb(115,203,206)
```
#6bd2d6
```
#6bd2d6 rgb(107,210,214)
```
#64d9dd
```
#64d9dd rgb(100,217,221)
```
#5de0e4
```
#5de0e4 rgb(93,224,228)
```
#55e7ec
```
#55e7ec rgb(85,231,236)
```
#4eedf3
```
#4eedf3 rgb(78,237,243)
```
#47f4fa
```
#47f4fa rgb(71,244,250)
```

Tone Color Variation

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

#b6b6b6 Achromatopsia 0.005% of the population
#a6bdbe Atypical Achromatopsia 0.001% of the population

Dichromacy

#cac9d4 Protanopia 1% of men
#cfc5e6 Deuteranopia 1% of men
#71d9e9 Tritanopia 0.001% of the population

Trichromacy

#a5cfd7 Protanomaly 1% of men, 0.01% of women
#a8cce2 Deuteranomaly 6% of men, 0.4% of women
#6cd9e4 Tritanomaly 0.01% of the population

#64d9dd hex color

#64d9dd Color Information

#64d9dd Color Conversion

Color Schemes with #64d9dd

Alternatives to #64d9dd

#64d9dd Preview

Shades and Tints of #64d9dd

Tones of #64d9dd

Color Blindness Simulator