#64d4de hex color

In a RGB color space, hex #64d4de is composed of 39.2% red, 83.1% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 55% cyan, 4.5% magenta, 0% yellow and 12.9% black. It has a hue angle of 184.9 degrees, a saturation of 64.9% and a lightness of 63.1%. #64d4de color hex could be obtained by blending #c8ffff with #00a9bd. Closest websafe color is: #66cccc.

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

● #64d4de color description : Soft cyan.

The hexadecimal color #64d4de has RGB values of R:100, G:212, B:222 and CMYK values of C:0.55, M:0.05, Y:0, K:0.13. Its decimal value is 6608094.

Hex triplet	64d4de	`#64d4de`
RGB Decimal	100, 212, 222	`rgb(100,212,222)`
RGB Percent	39.2, 83.1, 87.1	`rgb(39.2%,83.1%,87.1%)`
CMYK	55, 5, 0, 13
HSL	184.9°, 64.9, 63.1	`hsl(184.9,64.9%,63.1%)`
HSV (or HSB)	184.9°, 55, 87.1
Web Safe	66cccc	`#66cccc`

CIE-LAB	79.08, -29.049, -14.655
XYZ	41.98, 55.067, 77.52
xyY	0.24, 0.315, 55.067
CIE-LCH	79.08, 32.537, 206.771
CIE-LUV	79.08, -46.53, -18.516
Hunter-Lab	74.207, -28.883, -9.992
Binary	01100100, 11010100, 11011110

#64d4de
```
#64d4de rgb(100,212,222)
```
#de6e64
```
#de6e64 rgb(222,110,100)
```

Complementary Color

#64deab
```
#64deab rgb(100,222,171)
```
#64d4de
```
#64d4de rgb(100,212,222)
```
#6497de
```
#6497de rgb(100,151,222)
```

Analogous Color

#deab64
```
#deab64 rgb(222,171,100)
```
#64d4de
```
#64d4de rgb(100,212,222)
```
#de6497
```
#de6497 rgb(222,100,151)
```

Split Complementary Color

#d4de64
```
#d4de64 rgb(212,222,100)
```
#64d4de
```
#64d4de rgb(100,212,222)
```
#de64d4
```
#de64d4 rgb(222,100,212)
```

Triadic Color

#64de6e
```
#64de6e rgb(100,222,110)
```
#64d4de
```
#64d4de rgb(100,212,222)
```
#de64d4
```
#de64d4 rgb(222,100,212)
```
#de6e64
```
#de6e64 rgb(222,110,100)
```

Tetradic Color

#2bbdca
```
#2bbdca rgb(43,189,202)
```
#3ac8d5
```
#3ac8d5 rgb(58,200,213)
```
#4fceda
```
#4fceda rgb(79,206,218)
```
#64d4de
```
#64d4de rgb(100,212,222)
```
#79dae2
```
#79dae2 rgb(121,218,226)
```
#8ee0e7
```
#8ee0e7 rgb(142,224,231)
```
#a3e5eb
```
#a3e5eb rgb(163,229,235)
```

Monochromatic Color

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

#64deca
```
#64deca rgb(100,222,202)
```
#64ded4
```
#64ded4 rgb(100,222,212)
```
#64dede
```
#64dede rgb(100,222,222)
```
#64d4de
```
#64d4de rgb(100,212,222)
```
#64cade
```
#64cade rgb(100,202,222)
```
#64c0de
```
#64c0de rgb(100,192,222)
```
#64b6de
```
#64b6de rgb(100,182,222)
```

Similar Colors

Text with hexadecimal color #64d4de

This text has a font color of #64d4de.

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

#64d4de background color

This paragraph has a background color of #64d4de.

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

#64d4de border color

This element has a border color of #64d4de.

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

CSS codes

.text {color:#64d4de;}

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

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

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

#010607
```
#010607 rgb(1,6,7)
```
#051517
```
#051517 rgb(5,21,23)
```
#082527
```
#082527 rgb(8,37,39)
```
#0c3437
```
#0c3437 rgb(12,52,55)
```
#0f4347
```
#0f4347 rgb(15,67,71)
```
#135258
```
#135258 rgb(19,82,88)
```
#166168
```
#166168 rgb(22,97,104)
```
#1a7078
```
#1a7078 rgb(26,112,120)
```
#1d7f88
```
#1d7f88 rgb(29,127,136)
```
#208e98
```
#208e98 rgb(32,142,152)
```
#249ea8
```
#249ea8 rgb(36,158,168)
```
#27adb9
```
#27adb9 rgb(39,173,185)
```
#2bbcc9
```
#2bbcc9 rgb(43,188,201)
```

Shade Color Variation

#33c7d4
```
#33c7d4 rgb(51,199,212)
```
#44cbd7
```
#44cbd7 rgb(68,203,215)
```
#54d0db
```
#54d0db rgb(84,208,219)
```
#64d4de
```
#64d4de rgb(100,212,222)
```
#74d8e1
```
#74d8e1 rgb(116,216,225)
```
#84dde5
```
#84dde5 rgb(132,221,229)
```
#95e1e8
```
#95e1e8 rgb(149,225,232)
```
#a5e6ec
```
#a5e6ec rgb(165,230,236)
```
#b5eaef
```
#b5eaef rgb(181,234,239)
```
#c5eff3
```
#c5eff3 rgb(197,239,243)
```
#d5f3f6
```
#d5f3f6 rgb(213,243,246)
```
#e5f8fa
```
#e5f8fa rgb(229,248,250)
```
#f6fcfd
```
#f6fcfd rgb(246,252,253)
```

Tint Color Variation

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

#9ea4a4
```
#9ea4a4 rgb(158,164,164)
```
#97aaab
```
#97aaab rgb(151,170,171)
```
#8fb0b3
```
#8fb0b3 rgb(143,176,179)
```
#88b6ba
```
#88b6ba rgb(136,182,186)
```
#81bcc1
```
#81bcc1 rgb(129,188,193)
```
#7ac2c8
```
#7ac2c8 rgb(122,194,200)
```
#72c8d0
```
#72c8d0 rgb(114,200,208)
```
#6bced7
```
#6bced7 rgb(107,206,215)
```
#64d4de
```
#64d4de rgb(100,212,222)
```
#5ddae5
```
#5ddae5 rgb(93,218,229)
```
#56e0ec
```
#56e0ec rgb(86,224,236)
```
#4ee6f4
```
#4ee6f4 rgb(78,230,244)
```
#47ecfb
```
#47ecfb rgb(71,236,251)
```

Tone Color Variation

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

#b4b4b4 Achromatopsia 0.005% of the population
#a4babc Atypical Achromatopsia 0.001% of the population

Dichromacy

#c5c5d6 Protanopia 1% of men
#c8c2e6 Deuteranopia 1% of men
#6ed5e4 Tritanopia 0.001% of the population

Trichromacy

#a2cad8 Protanomaly 1% of men, 0.01% of women
#a4c8e3 Deuteranomaly 6% of men, 0.4% of women
#6ad4e2 Tritanomaly 0.01% of the population

#64d4de hex color

#64d4de Color Information

#64d4de Color Conversion

Color Schemes with #64d4de

Alternatives to #64d4de

#64d4de Preview

Shades and Tints of #64d4de

Tones of #64d4de

Color Blindness Simulator