#64c2ec hex color

In a RGB color space, hex #64c2ec is composed of 39.2% red, 76.1% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 57.6% cyan, 17.8% magenta, 0% yellow and 7.5% black. It has a hue angle of 198.5 degrees, a saturation of 78.2% and a lightness of 65.9%. #64c2ec color hex could be obtained by blending #c8ffff with #0085d9. 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

● #64c2ec color description : Soft blue.

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

Hex triplet	64c2ec	`#64c2ec`
RGB Decimal	100, 194, 236	`rgb(100,194,236)`
RGB Percent	39.2, 76.1, 92.5	`rgb(39.2%,76.1%,92.5%)`
CMYK	58, 18, 0, 7
HSL	198.5°, 78.2, 65.9	`hsl(198.5,78.2%,65.9%)`
HSV (or HSB)	198.5°, 57.6, 92.5
Web Safe	66ccff	`#66ccff`

CIE-LAB	74.411, -15.997, -29.28
XYZ	39.684, 47.346, 86.4
xyY	0.229, 0.273, 47.346
CIE-LCH	74.411, 33.365, 241.35
CIE-LUV	74.411, -39.209, -44.549
Hunter-Lab	68.809, -17.469, -26.282
Binary	01100100, 11000010, 11101100

#64c2ec
```
#64c2ec rgb(100,194,236)
```
#ec8e64
```
#ec8e64 rgb(236,142,100)
```

Complementary Color

#64ecd2
```
#64ecd2 rgb(100,236,210)
```
#64c2ec
```
#64c2ec rgb(100,194,236)
```
#647eec
```
#647eec rgb(100,126,236)
```

Analogous Color

#ecd264
```
#ecd264 rgb(236,210,100)
```
#64c2ec
```
#64c2ec rgb(100,194,236)
```
#ec647e
```
#ec647e rgb(236,100,126)
```

Split Complementary Color

#c2ec64
```
#c2ec64 rgb(194,236,100)
```
#64c2ec
```
#64c2ec rgb(100,194,236)
```
#ec64c2
```
#ec64c2 rgb(236,100,194)
```

Triadic Color

#64ec8e
```
#64ec8e rgb(100,236,142)
```
#64c2ec
```
#64c2ec rgb(100,194,236)
```
#ec64c2
```
#ec64c2 rgb(236,100,194)
```
#ec8e64
```
#ec8e64 rgb(236,142,100)
```

Tetradic Color

#20a7e4
```
#20a7e4 rgb(32,167,228)
```
#37b0e6
```
#37b0e6 rgb(55,176,230)
```
#4db9e9
```
#4db9e9 rgb(77,185,233)
```
#64c2ec
```
#64c2ec rgb(100,194,236)
```
#7bcbef
```
#7bcbef rgb(123,203,239)
```
#91d4f2
```
#91d4f2 rgb(145,212,242)
```
#a8ddf4
```
#a8ddf4 rgb(168,221,244)
```

Monochromatic Color

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

#64e4ec
```
#64e4ec rgb(100,228,236)
```
#64d9ec
```
#64d9ec rgb(100,217,236)
```
#64cdec
```
#64cdec rgb(100,205,236)
```
#64c2ec
```
#64c2ec rgb(100,194,236)
```
#64b7ec
```
#64b7ec rgb(100,183,236)
```
#64abec
```
#64abec rgb(100,171,236)
```
#64a0ec
```
#64a0ec rgb(100,160,236)
```

Similar Colors

Text with hexadecimal color #64c2ec

This text has a font color of #64c2ec.

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

#64c2ec background color

This paragraph has a background color of #64c2ec.

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

#64c2ec border color

This element has a border color of #64c2ec.

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

CSS codes

.text {color:#64c2ec;}

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

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

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

#000202
```
#000202 rgb(0,2,2)
```
#020e14
```
#020e14 rgb(2,14,20)
```
#051b25
```
#051b25 rgb(5,27,37)
```
#072837
```
#072837 rgb(7,40,55)
```
#093548
```
#093548 rgb(9,53,72)
```
#0b415a
```
#0b415a rgb(11,65,90)
```
#0d4e6b
```
#0d4e6b rgb(13,78,107)
```
#0f5b7d
```
#0f5b7d rgb(15,91,125)
```
#11688e
```
#11688e rgb(17,104,142)
```
#1474a0
```
#1474a0 rgb(20,116,160)
```
#1681b1
```
#1681b1 rgb(22,129,177)
```
#188ec2
```
#188ec2 rgb(24,142,194)
```
#1a9bd4
```
#1a9bd4 rgb(26,155,212)
```

Shade Color Variation

#1ea6e3
```
#1ea6e3 rgb(30,166,227)
```
#30ade6
```
#30ade6 rgb(48,173,230)
```
#41b4e8
```
#41b4e8 rgb(65,180,232)
```
#53bbea
```
#53bbea rgb(83,187,234)
```
#64c2ec
```
#64c2ec rgb(100,194,236)
```
#75c9ee
```
#75c9ee rgb(117,201,238)
```
#87d0f0
```
#87d0f0 rgb(135,208,240)
```
#98d7f2
```
#98d7f2 rgb(152,215,242)
```
#aadef5
```
#aadef5 rgb(170,222,245)
```
#bbe4f7
```
#bbe4f7 rgb(187,228,247)
```
#cdebf9
```
#cdebf9 rgb(205,235,249)
```
#def2fb
```
#def2fb rgb(222,242,251)
```
#f0f9fd
```
#f0f9fd rgb(240,249,253)
```

Tint Color Variation

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

#a7a8a9
```
#a7a8a9 rgb(167,168,169)
```
#a0abb0
```
#a0abb0 rgb(160,171,176)
```
#9aaeb6
```
#9aaeb6 rgb(154,174,182)
```
#93b0bd
```
#93b0bd rgb(147,176,189)
```
#8cb3c4
```
#8cb3c4 rgb(140,179,196)
```
#85b5cb
```
#85b5cb rgb(133,181,203)
```
#7fb8d1
```
#7fb8d1 rgb(127,184,209)
```
#78bad8
```
#78bad8 rgb(120,186,216)
```
#71bddf
```
#71bddf rgb(113,189,223)
```
#6bbfe5
```
#6bbfe5 rgb(107,191,229)
```
#64c2ec
```
#64c2ec rgb(100,194,236)
```
#5dc5f3
```
#5dc5f3 rgb(93,197,243)
```
#57c7f9
```
#57c7f9 rgb(87,199,249)
```

Tone Color Variation

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

#afb8e5 Protanopia 1% of men
#abb8f1 Deuteranopia 1% of men
#60c9d7 Tritanopia 0.001% of the population

Trichromacy

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

#64c2ec hex color

#64c2ec Color Information

#64c2ec Color Conversion

Color Schemes with #64c2ec

Alternatives to #64c2ec

#64c2ec Preview

Shades and Tints of #64c2ec

Tones of #64c2ec

Color Blindness Simulator