#64d4ed hex color

In a RGB color space, hex #64d4ed is composed of 39.2% red, 83.1% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 57.8% cyan, 10.5% magenta, 0% yellow and 7.1% black. It has a hue angle of 190.9 degrees, a saturation of 79.2% and a lightness of 66.1%. #64d4ed color hex could be obtained by blending #c8ffff with #00a9db. Closest websafe color is: #66ccff.

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

● #64d4ed color description : Soft cyan.

The hexadecimal color #64d4ed has RGB values of R:100, G:212, B:237 and CMYK values of C:0.58, M:0.11, Y:0, K:0.07. Its decimal value is 6608109.

Hex triplet	64d4ed	`#64d4ed`
RGB Decimal	100, 212, 237	`rgb(100,212,237)`
RGB Percent	39.2, 83.1, 92.9	`rgb(39.2%,83.1%,92.9%)`
CMYK	58, 11, 0, 7
HSL	190.9°, 79.2, 66.1	`hsl(190.9,79.2%,66.1%)`
HSV (or HSB)	190.9°, 57.8, 92.9
Web Safe	66ccff	`#66ccff`

CIE-LAB	79.561, -24.875, -21.947
XYZ	44.081, 55.907, 88.584
xyY	0.234, 0.296, 55.907
CIE-LCH	79.561, 33.173, 221.422
CIE-LUV	79.561, -45.827, -31.243
Hunter-Lab	74.771, -25.616, -17.903
Binary	01100100, 11010100, 11101101

#64d4ed
```
#64d4ed rgb(100,212,237)
```
#ed7d64
```
#ed7d64 rgb(237,125,100)
```

Complementary Color

#64edc2
```
#64edc2 rgb(100,237,194)
```
#64d4ed
```
#64d4ed rgb(100,212,237)
```
#6490ed
```
#6490ed rgb(100,144,237)
```

Analogous Color

#edc264
```
#edc264 rgb(237,194,100)
```
#64d4ed
```
#64d4ed rgb(100,212,237)
```
#ed6490
```
#ed6490 rgb(237,100,144)
```

Split Complementary Color

#d4ed64
```
#d4ed64 rgb(212,237,100)
```
#64d4ed
```
#64d4ed rgb(100,212,237)
```
#ed64d4
```
#ed64d4 rgb(237,100,212)
```

Triadic Color

#64ed7d
```
#64ed7d rgb(100,237,125)
```
#64d4ed
```
#64d4ed rgb(100,212,237)
```
#ed64d4
```
#ed64d4 rgb(237,100,212)
```
#ed7d64
```
#ed7d64 rgb(237,125,100)
```

Tetradic Color

#1fc1e5
```
#1fc1e5 rgb(31,193,229)
```
#36c7e8
```
#36c7e8 rgb(54,199,232)
```
#4dceea
```
#4dceea rgb(77,206,234)
```
#64d4ed
```
#64d4ed rgb(100,212,237)
```
#7bdaf0
```
#7bdaf0 rgb(123,218,240)
```
#92e1f2
```
#92e1f2 rgb(146,225,242)
```
#a9e7f5
```
#a9e7f5 rgb(169,231,245)
```

Monochromatic Color

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

#64ede4
```
#64ede4 rgb(100,237,228)
```
#64ebed
```
#64ebed rgb(100,235,237)
```
#64dfed
```
#64dfed rgb(100,223,237)
```
#64d4ed
```
#64d4ed rgb(100,212,237)
```
#64c9ed
```
#64c9ed rgb(100,201,237)
```
#64bded
```
#64bded rgb(100,189,237)
```
#64b2ed
```
#64b2ed rgb(100,178,237)
```

Similar Colors

Text with hexadecimal color #64d4ed

This text has a font color of #64d4ed.

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

#64d4ed background color

This paragraph has a background color of #64d4ed.

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

#64d4ed border color

This element has a border color of #64d4ed.

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

CSS codes

.text {color:#64d4ed;}

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

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

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

#000303
```
#000303 rgb(0,3,3)
```
#021115
```
#021115 rgb(2,17,21)
```
#042026
```
#042026 rgb(4,32,38)
```
#062f38
```
#062f38 rgb(6,47,56)
```
#093e49
```
#093e49 rgb(9,62,73)
```
#0b4c5b
```
#0b4c5b rgb(11,76,91)
```
#0d5b6d
```
#0d5b6d rgb(13,91,109)
```
#0f6a7e
```
#0f6a7e rgb(15,106,126)
```
#117990
```
#117990 rgb(17,121,144)
```
#1387a1
```
#1387a1 rgb(19,135,161)
```
#1596b3
```
#1596b3 rgb(21,150,179)
```
#17a5c4
```
#17a5c4 rgb(23,165,196)
```
#19b4d6
```
#19b4d6 rgb(25,180,214)
```

Shade Color Variation

#1ec0e5
```
#1ec0e5 rgb(30,192,229)
```
#2fc5e7
```
#2fc5e7 rgb(47,197,231)
```
#41cae9
```
#41cae9 rgb(65,202,233)
```
#52cfeb
```
#52cfeb rgb(82,207,235)
```
#64d4ed
```
#64d4ed rgb(100,212,237)
```
#76d9ef
```
#76d9ef rgb(118,217,239)
```
#87def1
```
#87def1 rgb(135,222,241)
```
#99e3f3
```
#99e3f3 rgb(153,227,243)
```
#aae8f5
```
#aae8f5 rgb(170,232,245)
```
#bcecf7
```
#bcecf7 rgb(188,236,247)
```
#cdf1f9
```
#cdf1f9 rgb(205,241,249)
```
#dff6fb
```
#dff6fb rgb(223,246,251)
```
#f1fbfd
```
#f1fbfd rgb(241,251,253)
```

Tint Color Variation

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

#a7aaaa
```
#a7aaaa rgb(167,170,170)
```
#a0aeb1
```
#a0aeb1 rgb(160,174,177)
```
#99b2b8
```
#99b2b8 rgb(153,178,184)
```
#93b6be
```
#93b6be rgb(147,182,190)
```
#8cbbc5
```
#8cbbc5 rgb(140,187,197)
```
#85bfcc
```
#85bfcc rgb(133,191,204)
```
#7fc3d2
```
#7fc3d2 rgb(127,195,210)
```
#78c7d9
```
#78c7d9 rgb(120,199,217)
```
#71cce0
```
#71cce0 rgb(113,204,224)
```
#6bd0e6
```
#6bd0e6 rgb(107,208,230)
```
#64d4ed
```
#64d4ed rgb(100,212,237)
```
#5dd8f4
```
#5dd8f4 rgb(93,216,244)
```
#57dcfa
```
#57dcfa rgb(87,220,250)
```

Tone Color Variation

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

#b5b5b5 Achromatopsia 0.005% of the population
#a5bbc0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c2c6e4 Protanopia 1% of men
#c2c4f4 Deuteranopia 1% of men
#68d7e7 Tritanopia 0.001% of the population

Trichromacy

#a0cbe7 Protanomaly 1% of men, 0.01% of women
#a0caf1 Deuteranomaly 6% of men, 0.4% of women
#66d6e9 Tritanomaly 0.01% of the population

#64d4ed hex color

#64d4ed Color Information

#64d4ed Color Conversion

Color Schemes with #64d4ed

Alternatives to #64d4ed

#64d4ed Preview

Shades and Tints of #64d4ed

Tones of #64d4ed

Color Blindness Simulator