#64c2ed hex color

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

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

● #64c2ed color description : Soft blue.

The hexadecimal color #64c2ed has RGB values of R:100, G:194, B:237 and CMYK values of C:0.58, M:0.18, Y:0, K:0.07. Its decimal value is 6603501.

Hex triplet	64c2ed	`#64c2ed`
RGB Decimal	100, 194, 237	`rgb(100,194,237)`
RGB Percent	39.2, 76.1, 92.9	`rgb(39.2%,76.1%,92.9%)`
CMYK	58, 18, 0, 7
HSL	198.8°, 79.2, 66.1	`hsl(198.8,79.2%,66.1%)`
HSV (or HSB)	198.8°, 57.8, 92.9
Web Safe	66ccff	`#66ccff`

CIE-LAB	74.448, -15.7, -29.762
XYZ	39.83, 47.405, 87.167
xyY	0.228, 0.272, 47.405
CIE-LCH	74.448, 33.649, 242.188
CIE-LUV	74.448, -39.171, -45.411
Hunter-Lab	68.851, -17.229, -26.867
Binary	01100100, 11000010, 11101101

#64c2ed
```
#64c2ed rgb(100,194,237)
```
#ed8f64
```
#ed8f64 rgb(237,143,100)
```

Complementary Color

#64edd4
```
#64edd4 rgb(100,237,212)
```
#64c2ed
```
#64c2ed rgb(100,194,237)
```
#647eed
```
#647eed rgb(100,126,237)
```

Analogous Color

#edd464
```
#edd464 rgb(237,212,100)
```
#64c2ed
```
#64c2ed rgb(100,194,237)
```
#ed647e
```
#ed647e rgb(237,100,126)
```

Split Complementary Color

#c2ed64
```
#c2ed64 rgb(194,237,100)
```
#64c2ed
```
#64c2ed rgb(100,194,237)
```
#ed64c2
```
#ed64c2 rgb(237,100,194)
```

Triadic Color

#64ed8f
```
#64ed8f rgb(100,237,143)
```
#64c2ed
```
#64c2ed rgb(100,194,237)
```
#ed64c2
```
#ed64c2 rgb(237,100,194)
```
#ed8f64
```
#ed8f64 rgb(237,143,100)
```

Tetradic Color

#1fa7e5
```
#1fa7e5 rgb(31,167,229)
```
#36b0e8
```
#36b0e8 rgb(54,176,232)
```
#4db9ea
```
#4db9ea rgb(77,185,234)
```
#64c2ed
```
#64c2ed rgb(100,194,237)
```
#7bcbf0
```
#7bcbf0 rgb(123,203,240)
```
#92d4f2
```
#92d4f2 rgb(146,212,242)
```
#a9ddf5
```
#a9ddf5 rgb(169,221,245)
```

Monochromatic Color

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

#64e4ed
```
#64e4ed rgb(100,228,237)
```
#64d9ed
```
#64d9ed rgb(100,217,237)
```
#64cded
```
#64cded rgb(100,205,237)
```
#64c2ed
```
#64c2ed rgb(100,194,237)
```
#64b7ed
```
#64b7ed rgb(100,183,237)
```
#64abed
```
#64abed rgb(100,171,237)
```
#64a0ed
```
#64a0ed rgb(100,160,237)
```

Similar Colors

Text with hexadecimal color #64c2ed

This text has a font color of #64c2ed.

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

#64c2ed background color

This paragraph has a background color of #64c2ed.

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

#64c2ed border color

This element has a border color of #64c2ed.

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

CSS codes

.text {color:#64c2ed;}

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

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

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

#000203
```
#000203 rgb(0,2,3)
```
#020f15
```
#020f15 rgb(2,15,21)
```
#041c26
```
#041c26 rgb(4,28,38)
```
#062838
```
#062838 rgb(6,40,56)
```
#093549
```
#093549 rgb(9,53,73)
```
#0b425b
```
#0b425b rgb(11,66,91)
```
#0d4e6d
```
#0d4e6d rgb(13,78,109)
```
#0f5b7e
```
#0f5b7e rgb(15,91,126)
```
#116890
```
#116890 rgb(17,104,144)
```
#1375a1
```
#1375a1 rgb(19,117,161)
```
#1581b3
```
#1581b3 rgb(21,129,179)
```
#178ec4
```
#178ec4 rgb(23,142,196)
```
#199bd6
```
#199bd6 rgb(25,155,214)
```

Shade Color Variation

#1ea6e5
```
#1ea6e5 rgb(30,166,229)
```
#2fade7
```
#2fade7 rgb(47,173,231)
```
#41b4e9
```
#41b4e9 rgb(65,180,233)
```
#52bbeb
```
#52bbeb rgb(82,187,235)
```
#64c2ed
```
#64c2ed rgb(100,194,237)
```
#76c9ef
```
#76c9ef rgb(118,201,239)
```
#87d0f1
```
#87d0f1 rgb(135,208,241)
```
#99d7f3
```
#99d7f3 rgb(153,215,243)
```
#aadef5
```
#aadef5 rgb(170,222,245)
```
#bce5f7
```
#bce5f7 rgb(188,229,247)
```
#cdebf9
```
#cdebf9 rgb(205,235,249)
```
#dff2fb
```
#dff2fb rgb(223,242,251)
```
#f1f9fd
```
#f1f9fd rgb(241,249,253)
```

Tint Color Variation

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

#a7a9aa
```
#a7a9aa rgb(167,169,170)
```
#a0acb1
```
#a0acb1 rgb(160,172,177)
```
#99aeb8
```
#99aeb8 rgb(153,174,184)
```
#93b1be
```
#93b1be rgb(147,177,190)
```
#8cb3c5
```
#8cb3c5 rgb(140,179,197)
```
#85b6cc
```
#85b6cc rgb(133,182,204)
```
#7fb8d2
```
#7fb8d2 rgb(127,184,210)
```
#78bbd9
```
#78bbd9 rgb(120,187,217)
```
#71bde0
```
#71bde0 rgb(113,189,224)
```
#6bc0e6
```
#6bc0e6 rgb(107,192,230)
```
#64c2ed
```
#64c2ed rgb(100,194,237)
```
#5dc4f4
```
#5dc4f4 rgb(93,196,244)
```
#57c7fa
```
#57c7fa rgb(87,199,250)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#9db0b8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#afb9e6 Protanopia 1% of men
#abb8f2 Deuteranopia 1% of men
#60c9d7 Tritanopia 0.001% of the population

Trichromacy

#93bce8 Protanomaly 1% of men, 0.01% of women
#91bbf0 Deuteranomaly 6% of men, 0.4% of women
#61c6df Tritanomaly 0.01% of the population

#64c2ed hex color

#64c2ed Color Information

#64c2ed Color Conversion

Color Schemes with #64c2ed

Alternatives to #64c2ed

#64c2ed Preview

Shades and Tints of #64c2ed

Tones of #64c2ed

Color Blindness Simulator