#64acdd hex color

In a RGB color space, hex #64acdd is composed of 39.2% red, 67.5% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 54.8% cyan, 22.2% magenta, 0% yellow and 13.3% black. It has a hue angle of 204.3 degrees, a saturation of 64% and a lightness of 62.9%. #64acdd color hex could be obtained by blending #c8ffff with #0059bb. Closest websafe color is: #6699cc.

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

● #64acdd color description : Soft blue.

The hexadecimal color #64acdd has RGB values of R:100, G:172, B:221 and CMYK values of C:0.55, M:0.22, Y:0, K:0.13. Its decimal value is 6597853.

Hex triplet	64acdd	`#64acdd`
RGB Decimal	100, 172, 221	`rgb(100,172,221)`
RGB Percent	39.2, 67.5, 86.7	`rgb(39.2%,67.5%,86.7%)`
CMYK	55, 22, 0, 13
HSL	204.3°, 64, 62.9	`hsl(204.3,64%,62.9%)`
HSV (or HSB)	204.3°, 54.8, 86.7
Web Safe	6699cc	`#6699cc`

CIE-LAB	67.6, -8.726, -31.612
XYZ	33.056, 37.433, 73.886
xyY	0.229, 0.259, 37.433
CIE-LCH	67.6, 32.794, 254.568
CIE-LUV	67.6, -31.497, -48.843
Hunter-Lab	61.182, -10.628, -28.773
Binary	01100100, 10101100, 11011101

#64acdd
```
#64acdd rgb(100,172,221)
```
#dd9564
```
#dd9564 rgb(221,149,100)
```

Complementary Color

#64ddd2
```
#64ddd2 rgb(100,221,210)
```
#64acdd
```
#64acdd rgb(100,172,221)
```
#6470dd
```
#6470dd rgb(100,112,221)
```

Analogous Color

#ddd264
```
#ddd264 rgb(221,210,100)
```
#64acdd
```
#64acdd rgb(100,172,221)
```
#dd6470
```
#dd6470 rgb(221,100,112)
```

Split Complementary Color

#acdd64
```
#acdd64 rgb(172,221,100)
```
#64acdd
```
#64acdd rgb(100,172,221)
```
#dd64ac
```
#dd64ac rgb(221,100,172)
```

Triadic Color

#64dd95
```
#64dd95 rgb(100,221,149)
```
#64acdd
```
#64acdd rgb(100,172,221)
```
#dd64ac
```
#dd64ac rgb(221,100,172)
```
#dd9564
```
#dd9564 rgb(221,149,100)
```

Tetradic Color

#2c89c9
```
#2c89c9 rgb(44,137,201)
```
#3a96d4
```
#3a96d4 rgb(58,150,212)
```
#4fa1d8
```
#4fa1d8 rgb(79,161,216)
```
#64acdd
```
#64acdd rgb(100,172,221)
```
#79b7e2
```
#79b7e2 rgb(121,183,226)
```
#8ec2e6
```
#8ec2e6 rgb(142,194,230)
```
#a3ceeb
```
#a3ceeb rgb(163,206,235)
```

Monochromatic Color

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

#64cadd
```
#64cadd rgb(100,202,221)
```
#64c0dd
```
#64c0dd rgb(100,192,221)
```
#64b6dd
```
#64b6dd rgb(100,182,221)
```
#64acdd
```
#64acdd rgb(100,172,221)
```
#64a2dd
```
#64a2dd rgb(100,162,221)
```
#6498dd
```
#6498dd rgb(100,152,221)
```
#648edd
```
#648edd rgb(100,142,221)
```

Similar Colors

Text with hexadecimal color #64acdd

This text has a font color of #64acdd.

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

#64acdd background color

This paragraph has a background color of #64acdd.

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

#64acdd border color

This element has a border color of #64acdd.

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

CSS codes

.text {color:#64acdd;}

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

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

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

#010406
```
#010406 rgb(1,4,6)
```
#050f16
```
#050f16 rgb(5,15,22)
```
#081a26
```
#081a26 rgb(8,26,38)
```
#0c2536
```
#0c2536 rgb(12,37,54)
```
#0f3046
```
#0f3046 rgb(15,48,70)
```
#133b56
```
#133b56 rgb(19,59,86)
```
#164666
```
#164666 rgb(22,70,102)
```
#1a5176
```
#1a5176 rgb(26,81,118)
```
#1e5c87
```
#1e5c87 rgb(30,92,135)
```
#216797
```
#216797 rgb(33,103,151)
```
#2572a7
```
#2572a7 rgb(37,114,167)
```
#287db7
```
#287db7 rgb(40,125,183)
```
#2c88c7
```
#2c88c7 rgb(44,136,199)
```

Shade Color Variation

#3492d2
```
#3492d2 rgb(52,146,210)
```
#449bd6
```
#449bd6 rgb(68,155,214)
```
#54a3d9
```
#54a3d9 rgb(84,163,217)
```
#64acdd
```
#64acdd rgb(100,172,221)
```
#74b5e1
```
#74b5e1 rgb(116,181,225)
```
#84bde4
```
#84bde4 rgb(132,189,228)
```
#94c6e8
```
#94c6e8 rgb(148,198,232)
```
#a4ceeb
```
#a4ceeb rgb(164,206,235)
```
#b4d7ef
```
#b4d7ef rgb(180,215,239)
```
#c5e0f2
```
#c5e0f2 rgb(197,224,242)
```
#d5e8f6
```
#d5e8f6 rgb(213,232,246)
```
#e5f1f9
```
#e5f1f9 rgb(229,241,249)
```
#f5fafd
```
#f5fafd rgb(245,250,253)
```

Tint Color Variation

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

#9ea1a3
```
#9ea1a3 rgb(158,161,163)
```
#97a2aa
```
#97a2aa rgb(151,162,170)
```
#90a4b1
```
#90a4b1 rgb(144,164,177)
```
#88a5b9
```
#88a5b9 rgb(136,165,185)
```
#81a6c0
```
#81a6c0 rgb(129,166,192)
```
#7aa8c7
```
#7aa8c7 rgb(122,168,199)
```
#73a9ce
```
#73a9ce rgb(115,169,206)
```
#6babd6
```
#6babd6 rgb(107,171,214)
```
#64acdd
```
#64acdd rgb(100,172,221)
```
#5dade4
```
#5dade4 rgb(93,173,228)
```
#55afec
```
#55afec rgb(85,175,236)
```
#4eb0f3
```
#4eb0f3 rgb(78,176,243)
```
#47b2fa
```
#47b2fa rgb(71,178,250)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#919fa9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9ba7d8 Protanopia 1% of men
#96a7e2 Deuteranopia 1% of men
#5eb5c2 Tritanopia 0.001% of the population

Trichromacy

#87a9da Protanomaly 1% of men, 0.01% of women
#83a9e0 Deuteranomaly 6% of men, 0.4% of women
#60b2cc Tritanomaly 0.01% of the population

#64acdd hex color

#64acdd Color Information

#64acdd Color Conversion

Color Schemes with #64acdd

Alternatives to #64acdd

#64acdd Preview

Shades and Tints of #64acdd

Tones of #64acdd

Color Blindness Simulator