#64d1de hex color

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

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

● #64d1de color description : Soft cyan.

The hexadecimal color #64d1de has RGB values of R:100, G:209, B:222 and CMYK values of C:0.55, M:0.06, Y:0, K:0.13. Its decimal value is 6607326.

Hex triplet	64d1de	`#64d1de`
RGB Decimal	100, 209, 222	`rgb(100,209,222)`
RGB Percent	39.2, 82, 87.1	`rgb(39.2%,82%,87.1%)`
CMYK	55, 6, 0, 13
HSL	186.4°, 64.9, 63.1	`hsl(186.4,64.9%,63.1%)`
HSV (or HSB)	186.4°, 55, 87.1
Web Safe	66cccc	`#66cccc`

CIE-LAB	78.217, -27.589, -15.953
XYZ	41.237, 53.581, 77.272
xyY	0.24, 0.311, 53.581
CIE-LCH	78.217, 31.869, 210.038
CIE-LUV	78.217, -45.403, -20.832
Hunter-Lab	73.199, -27.54, -11.35
Binary	01100100, 11010001, 11011110

#64d1de
```
#64d1de rgb(100,209,222)
```
#de7164
```
#de7164 rgb(222,113,100)
```

Complementary Color

#64deae
```
#64deae rgb(100,222,174)
```
#64d1de
```
#64d1de rgb(100,209,222)
```
#6494de
```
#6494de rgb(100,148,222)
```

Analogous Color

#deae64
```
#deae64 rgb(222,174,100)
```
#64d1de
```
#64d1de rgb(100,209,222)
```
#de6494
```
#de6494 rgb(222,100,148)
```

Split Complementary Color

#d1de64
```
#d1de64 rgb(209,222,100)
```
#64d1de
```
#64d1de rgb(100,209,222)
```
#de64d1
```
#de64d1 rgb(222,100,209)
```

Triadic Color

#64de71
```
#64de71 rgb(100,222,113)
```
#64d1de
```
#64d1de rgb(100,209,222)
```
#de64d1
```
#de64d1 rgb(222,100,209)
```
#de7164
```
#de7164 rgb(222,113,100)
```

Tetradic Color

#2bb9ca
```
#2bb9ca rgb(43,185,202)
```
#3ac5d5
```
#3ac5d5 rgb(58,197,213)
```
#4fcbda
```
#4fcbda rgb(79,203,218)
```
#64d1de
```
#64d1de rgb(100,209,222)
```
#79d7e2
```
#79d7e2 rgb(121,215,226)
```
#8edde7
```
#8edde7 rgb(142,221,231)
```
#a3e4eb
```
#a3e4eb rgb(163,228,235)
```

Monochromatic Color

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

#64decd
```
#64decd rgb(100,222,205)
```
#64ded7
```
#64ded7 rgb(100,222,215)
```
#64dbde
```
#64dbde rgb(100,219,222)
```
#64d1de
```
#64d1de rgb(100,209,222)
```
#64c7de
```
#64c7de rgb(100,199,222)
```
#64bdde
```
#64bdde rgb(100,189,222)
```
#64b3de
```
#64b3de rgb(100,179,222)
```

Similar Colors

Text with hexadecimal color #64d1de

This text has a font color of #64d1de.

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

#64d1de background color

This paragraph has a background color of #64d1de.

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

#64d1de border color

This element has a border color of #64d1de.

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

CSS codes

.text {color:#64d1de;}

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

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

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)
```
#0f4147
```
#0f4147 rgb(15,65,71)
```
#135058
```
#135058 rgb(19,80,88)
```
#165f68
```
#165f68 rgb(22,95,104)
```
#1a6e78
```
#1a6e78 rgb(26,110,120)
```
#1d7d88
```
#1d7d88 rgb(29,125,136)
```
#208c98
```
#208c98 rgb(32,140,152)
```
#249aa8
```
#249aa8 rgb(36,154,168)
```
#27a9b9
```
#27a9b9 rgb(39,169,185)
```
#2bb8c9
```
#2bb8c9 rgb(43,184,201)
```

Shade Color Variation

#33c3d4
```
#33c3d4 rgb(51,195,212)
```
#44c7d7
```
#44c7d7 rgb(68,199,215)
```
#54ccdb
```
#54ccdb rgb(84,204,219)
```
#64d1de
```
#64d1de rgb(100,209,222)
```
#74d6e1
```
#74d6e1 rgb(116,214,225)
```
#84dbe5
```
#84dbe5 rgb(132,219,229)
```
#95dfe8
```
#95dfe8 rgb(149,223,232)
```
#a5e4ec
```
#a5e4ec rgb(165,228,236)
```
#b5e9ef
```
#b5e9ef rgb(181,233,239)
```
#c5eef3
```
#c5eef3 rgb(197,238,243)
```
#d5f3f6
```
#d5f3f6 rgb(213,243,246)
```
#e5f7fa
```
#e5f7fa rgb(229,247,250)
```
#f6fcfd
```
#f6fcfd rgb(246,252,253)
```

Tint Color Variation

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

#9ea3a4
```
#9ea3a4 rgb(158,163,164)
```
#97a9ab
```
#97a9ab rgb(151,169,171)
```
#8fafb3
```
#8fafb3 rgb(143,175,179)
```
#88b5ba
```
#88b5ba rgb(136,181,186)
```
#81bac1
```
#81bac1 rgb(129,186,193)
```
#7ac0c8
```
#7ac0c8 rgb(122,192,200)
```
#72c6d0
```
#72c6d0 rgb(114,198,208)
```
#6bcbd7
```
#6bcbd7 rgb(107,203,215)
```
#64d1de
```
#64d1de rgb(100,209,222)
```
#5dd7e5
```
#5dd7e5 rgb(93,215,229)
```
#56dcec
```
#56dcec rgb(86,220,236)
```
#4ee2f4
```
#4ee2f4 rgb(78,226,244)
```
#47e8fb
```
#47e8fb rgb(71,232,251)
```

Tone Color Variation

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

#c2c3d6 Protanopia 1% of men
#c5c0e6 Deuteranopia 1% of men
#6dd2e2 Tritanopia 0.001% of the population

Trichromacy

#a0c8d9 Protanomaly 1% of men, 0.01% of women
#a1c6e3 Deuteranomaly 6% of men, 0.4% of women
#69d2e0 Tritanomaly 0.01% of the population

#64d1de hex color

#64d1de Color Information

#64d1de Color Conversion

Color Schemes with #64d1de

Alternatives to #64d1de

#64d1de Preview

Shades and Tints of #64d1de

Tones of #64d1de

Color Blindness Simulator