#64d2de hex color

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

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

● #64d2de color description : Soft cyan.

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

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

CIE-LAB	78.505, -28.077, -15.52
XYZ	41.483, 54.073, 77.354
xyY	0.24, 0.313, 54.073
CIE-LCH	78.505, 32.081, 208.932
CIE-LUV	78.505, -45.779, -20.059
Hunter-Lab	73.535, -27.988, -10.896
Binary	01100100, 11010010, 11011110

#64d2de
```
#64d2de rgb(100,210,222)
```
#de7064
```
#de7064 rgb(222,112,100)
```

Complementary Color

#64dead
```
#64dead rgb(100,222,173)
```
#64d2de
```
#64d2de rgb(100,210,222)
```
#6495de
```
#6495de rgb(100,149,222)
```

Analogous Color

#dead64
```
#dead64 rgb(222,173,100)
```
#64d2de
```
#64d2de rgb(100,210,222)
```
#de6495
```
#de6495 rgb(222,100,149)
```

Split Complementary Color

#d2de64
```
#d2de64 rgb(210,222,100)
```
#64d2de
```
#64d2de rgb(100,210,222)
```
#de64d2
```
#de64d2 rgb(222,100,210)
```

Triadic Color

#64de70
```
#64de70 rgb(100,222,112)
```
#64d2de
```
#64d2de rgb(100,210,222)
```
#de64d2
```
#de64d2 rgb(222,100,210)
```
#de7064
```
#de7064 rgb(222,112,100)
```

Tetradic Color

#2bbbca
```
#2bbbca rgb(43,187,202)
```
#3ac6d5
```
#3ac6d5 rgb(58,198,213)
```
#4fccda
```
#4fccda rgb(79,204,218)
```
#64d2de
```
#64d2de rgb(100,210,222)
```
#79d8e2
```
#79d8e2 rgb(121,216,226)
```
#8edee7
```
#8edee7 rgb(142,222,231)
```
#a3e4eb
```
#a3e4eb rgb(163,228,235)
```

Monochromatic Color

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

#64decc
```
#64decc rgb(100,222,204)
```
#64ded6
```
#64ded6 rgb(100,222,214)
```
#64dcde
```
#64dcde rgb(100,220,222)
```
#64d2de
```
#64d2de rgb(100,210,222)
```
#64c8de
```
#64c8de rgb(100,200,222)
```
#64bede
```
#64bede rgb(100,190,222)
```
#64b4de
```
#64b4de rgb(100,180,222)
```

Similar Colors

Text with hexadecimal color #64d2de

This text has a font color of #64d2de.

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

#64d2de background color

This paragraph has a background color of #64d2de.

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

#64d2de border color

This element has a border color of #64d2de.

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

CSS codes

.text {color:#64d2de;}

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

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

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)
```
#082427
```
#082427 rgb(8,36,39)
```
#0c3337
```
#0c3337 rgb(12,51,55)
```
#0f4247
```
#0f4247 rgb(15,66,71)
```
#135158
```
#135158 rgb(19,81,88)
```
#166068
```
#166068 rgb(22,96,104)
```
#1a6f78
```
#1a6f78 rgb(26,111,120)
```
#1d7e88
```
#1d7e88 rgb(29,126,136)
```
#208c98
```
#208c98 rgb(32,140,152)
```
#249ba8
```
#249ba8 rgb(36,155,168)
```
#27aab9
```
#27aab9 rgb(39,170,185)
```
#2bb9c9
```
#2bb9c9 rgb(43,185,201)
```

Shade Color Variation

#33c4d4
```
#33c4d4 rgb(51,196,212)
```
#44c9d7
```
#44c9d7 rgb(68,201,215)
```
#54cddb
```
#54cddb rgb(84,205,219)
```
#64d2de
```
#64d2de rgb(100,210,222)
```
#74d7e1
```
#74d7e1 rgb(116,215,225)
```
#84dbe5
```
#84dbe5 rgb(132,219,229)
```
#95e0e8
```
#95e0e8 rgb(149,224,232)
```
#a5e5ec
```
#a5e5ec rgb(165,229,236)
```
#b5e9ef
```
#b5e9ef rgb(181,233,239)
```
#c5eef3
```
#c5eef3 rgb(197,238,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 #47e9fb is the most saturated one.

#9ea4a4
```
#9ea4a4 rgb(158,164,164)
```
#97a9ab
```
#97a9ab rgb(151,169,171)
```
#8fafb3
```
#8fafb3 rgb(143,175,179)
```
#88b5ba
```
#88b5ba rgb(136,181,186)
```
#81bbc1
```
#81bbc1 rgb(129,187,193)
```
#7ac1c8
```
#7ac1c8 rgb(122,193,200)
```
#72c6d0
```
#72c6d0 rgb(114,198,208)
```
#6bccd7
```
#6bccd7 rgb(107,204,215)
```
#64d2de
```
#64d2de rgb(100,210,222)
```
#5dd8e5
```
#5dd8e5 rgb(93,216,229)
```
#56deec
```
#56deec rgb(86,222,236)
```
#4ee3f4
```
#4ee3f4 rgb(78,227,244)
```
#47e9fb
```
#47e9fb rgb(71,233,251)
```

Tone Color Variation

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

#b2b2b2 Achromatopsia 0.005% of the population
#a2b8bb Atypical Achromatopsia 0.001% of the population

Dichromacy

#c3c4d6 Protanopia 1% of men
#c6c1e6 Deuteranopia 1% of men
#6dd3e3 Tritanopia 0.001% of the population

Trichromacy

#a0c9d9 Protanomaly 1% of men, 0.01% of women
#a2c7e3 Deuteranomaly 6% of men, 0.4% of women
#6ad3e1 Tritanomaly 0.01% of the population

#64d2de hex color

#64d2de Color Information

#64d2de Color Conversion

Color Schemes with #64d2de

Alternatives to #64d2de

#64d2de Preview

Shades and Tints of #64d2de

Tones of #64d2de

Color Blindness Simulator