#64c2ce hex color

In a RGB color space, hex #64c2ce is composed of 39.2% red, 76.1% green and 80.8% blue. Whereas in a CMYK color space, it is composed of 51.5% cyan, 5.8% magenta, 0% yellow and 19.2% black. It has a hue angle of 186.8 degrees, a saturation of 52% and a lightness of 60%. #64c2ce color hex could be obtained by blending #c8ffff with #00859d. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 39
- G 76
- B 81
RGB color chart
- C 51
- M 6
- Y 0
- K 19
CMYK color chart

● #64c2ce color description : Moderate cyan.

The hexadecimal color #64c2ce has RGB values of R:100, G:194, B:206 and CMYK values of C:0.51, M:0.06, Y:0, K:0.19. Its decimal value is 6603470.

Hex triplet	64c2ce	`#64c2ce`
RGB Decimal	100, 194, 206	`rgb(100,194,206)`
RGB Percent	39.2, 76.1, 80.8	`rgb(39.2%,76.1%,80.8%)`
CMYK	51, 6, 0, 19
HSL	186.8°, 52, 60	`hsl(186.8,52%,60%)`
HSV (or HSB)	186.8°, 51.5, 80.8
Web Safe	66cccc	`#66cccc`

CIE-LAB	73.381, -24.558, -14.589
XYZ	35.685, 45.747, 65.339
xyY	0.243, 0.312, 45.747
CIE-LCH	73.381, 28.564, 210.714
CIE-LUV	73.381, -40.384, -18.88
Hunter-Lab	67.636, -24.187, -9.93
Binary	01100100, 11000010, 11001110

#64c2ce
```
#64c2ce rgb(100,194,206)
```
#ce7064
```
#ce7064 rgb(206,112,100)
```

Complementary Color

#64cea5
```
#64cea5 rgb(100,206,165)
```
#64c2ce
```
#64c2ce rgb(100,194,206)
```
#648dce
```
#648dce rgb(100,141,206)
```

Analogous Color

#cea564
```
#cea564 rgb(206,165,100)
```
#64c2ce
```
#64c2ce rgb(100,194,206)
```
#ce648d
```
#ce648d rgb(206,100,141)
```

Split Complementary Color

#c2ce64
```
#c2ce64 rgb(194,206,100)
```
#64c2ce
```
#64c2ce rgb(100,194,206)
```
#ce64c2
```
#ce64c2 rgb(206,100,194)
```

Triadic Color

#64ce70
```
#64ce70 rgb(100,206,112)
```
#64c2ce
```
#64c2ce rgb(100,194,206)
```
#ce64c2
```
#ce64c2 rgb(206,100,194)
```
#ce7064
```
#ce7064 rgb(206,112,100)
```

Tetradic Color

#37a1ae
```
#37a1ae rgb(55,161,174)
```
#3db3c2
```
#3db3c2 rgb(61,179,194)
```
#51bac8
```
#51bac8 rgb(81,186,200)
```
#64c2ce
```
#64c2ce rgb(100,194,206)
```
#77cad4
```
#77cad4 rgb(119,202,212)
```
#8bd1da
```
#8bd1da rgb(139,209,218)
```
#9ed9e0
```
#9ed9e0 rgb(158,217,224)
```

Monochromatic Color

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

#64cec0
```
#64cec0 rgb(100,206,192)
```
#64cec8
```
#64cec8 rgb(100,206,200)
```
#64cbce
```
#64cbce rgb(100,203,206)
```
#64c2ce
```
#64c2ce rgb(100,194,206)
```
#64b9ce
```
#64b9ce rgb(100,185,206)
```
#64b0ce
```
#64b0ce rgb(100,176,206)
```
#64a8ce
```
#64a8ce rgb(100,168,206)
```

Similar Colors

Text with hexadecimal color #64c2ce

This text has a font color of #64c2ce.

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

#64c2ce background color

This paragraph has a background color of #64c2ce.

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

#64c2ce border color

This element has a border color of #64c2ce.

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

CSS codes

.text {color:#64c2ce;}

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

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

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

#030809
```
#030809 rgb(3,8,9)
```
#081618
```
#081618 rgb(8,22,24)
```
#0c2427
```
#0c2427 rgb(12,36,39)
```
#113236
```
#113236 rgb(17,50,54)
```
#163f45
```
#163f45 rgb(22,63,69)
```
#1a4d53
```
#1a4d53 rgb(26,77,83)
```
#1f5b62
```
#1f5b62 rgb(31,91,98)
```
#246971
```
#246971 rgb(36,105,113)
```
#297680
```
#297680 rgb(41,118,128)
```
#2d848f
```
#2d848f rgb(45,132,143)
```
#32929e
```
#32929e rgb(50,146,158)
```
#37a0ad
```
#37a0ad rgb(55,160,173)
```
#3badbc
```
#3badbc rgb(59,173,188)
```

Shade Color Variation

#46b6c5
```
#46b6c5 rgb(70,182,197)
```
#55bcc9
```
#55bcc9 rgb(85,188,201)
```
#64c2ce
```
#64c2ce rgb(100,194,206)
```
#73c8d3
```
#73c8d3 rgb(115,200,211)
```
#82ced7
```
#82ced7 rgb(130,206,215)
```
#91d4dc
```
#91d4dc rgb(145,212,220)
```
#a0d9e1
```
#a0d9e1 rgb(160,217,225)
```
#afdfe6
```
#afdfe6 rgb(175,223,230)
```
#bde5ea
```
#bde5ea rgb(189,229,234)
```
#ccebef
```
#ccebef rgb(204,235,239)
```
#dbf1f4
```
#dbf1f4 rgb(219,241,244)
```
#eaf7f8
```
#eaf7f8 rgb(234,247,248)
```
#f9fdfd
```
#f9fdfd rgb(249,253,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #939e9f is the less saturated color, while #35e6fd is the most saturated one.

#939e9f
```
#939e9f rgb(147,158,159)
```
#8ba4a7
```
#8ba4a7 rgb(139,164,167)
```
#83aaaf
```
#83aaaf rgb(131,170,175)
```
#7cb0b6
```
#7cb0b6 rgb(124,176,182)
```
#74b6be
```
#74b6be rgb(116,182,190)
```
#6cbcc6
```
#6cbcc6 rgb(108,188,198)
```
#64c2ce
```
#64c2ce rgb(100,194,206)
```
#5cc8d6
```
#5cc8d6 rgb(92,200,214)
```
#54cede
```
#54cede rgb(84,206,222)
```
#4cd4e6
```
#4cd4e6 rgb(76,212,230)
```
#45daed
```
#45daed rgb(69,218,237)
```
#3de0f5
```
#3de0f5 rgb(61,224,245)
```
#35e6fd
```
#35e6fd rgb(53,230,253)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#9aacaf Atypical Achromatopsia 0.001% of the population

Dichromacy

#b6b6c8 Protanopia 1% of men
#b9b4d6 Deuteranopia 1% of men
#6dc4d3 Tritanopia 0.001% of the population

Trichromacy

#98baca Protanomaly 1% of men, 0.01% of women
#9ab9d3 Deuteranomaly 6% of men, 0.4% of women
#69c3d1 Tritanomaly 0.01% of the population

#64c2ce hex color

#64c2ce Color Information

#64c2ce Color Conversion

Color Schemes with #64c2ce

Alternatives to #64c2ce

#64c2ce Preview

Shades and Tints of #64c2ce

Tones of #64c2ce

Color Blindness Simulator