#64aae1 hex color

In a RGB color space, hex #64aae1 is composed of 39.2% red, 66.7% green and 88.2% blue. Whereas in a CMYK color space, it is composed of 55.6% cyan, 24.4% magenta, 0% yellow and 11.8% black. It has a hue angle of 206.4 degrees, a saturation of 67.6% and a lightness of 63.7%. #64aae1 color hex could be obtained by blending #c8ffff with #0055c3. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 39
- G 67
- B 88
RGB color chart
- C 56
- M 24
- Y 0
- K 12
CMYK color chart

● #64aae1 color description : Soft blue.

The hexadecimal color #64aae1 has RGB values of R:100, G:170, B:225 and CMYK values of C:0.56, M:0.24, Y:0, K:0.12. Its decimal value is 6597345.

Hex triplet	64aae1	`#64aae1`
RGB Decimal	100, 170, 225	`rgb(100,170,225)`
RGB Percent	39.2, 66.7, 88.2	`rgb(39.2%,66.7%,88.2%)`
CMYK	56, 24, 0, 12
HSL	206.4°, 67.6, 63.7	`hsl(206.4,67.6%,63.7%)`
HSV (or HSB)	206.4°, 55.6, 88.2
Web Safe	6699cc	`#6699cc`

CIE-LAB	67.197, -6.414, -34.435
XYZ	33.218, 36.893, 76.601
xyY	0.226, 0.251, 36.893
CIE-LCH	67.197, 35.027, 259.449
CIE-LUV	67.197, -30.654, -53.842
Hunter-Lab	60.74, -8.675, -32.255
Binary	01100100, 10101010, 11100001

#64aae1
```
#64aae1 rgb(100,170,225)
```
#e19b64
```
#e19b64 rgb(225,155,100)
```

Complementary Color

#64e1da
```
#64e1da rgb(100,225,218)
```
#64aae1
```
#64aae1 rgb(100,170,225)
```
#646ce1
```
#646ce1 rgb(100,108,225)
```

Analogous Color

#e1da64
```
#e1da64 rgb(225,218,100)
```
#64aae1
```
#64aae1 rgb(100,170,225)
```
#e1646c
```
#e1646c rgb(225,100,108)
```

Split Complementary Color

#aae164
```
#aae164 rgb(170,225,100)
```
#64aae1
```
#64aae1 rgb(100,170,225)
```
#e164aa
```
#e164aa rgb(225,100,170)
```

Triadic Color

#64e19b
```
#64e19b rgb(100,225,155)
```
#64aae1
```
#64aae1 rgb(100,170,225)
```
#e164aa
```
#e164aa rgb(225,100,170)
```
#e19b64
```
#e19b64 rgb(225,155,100)
```

Tetradic Color

#2886d0
```
#2886d0 rgb(40,134,208)
```
#3993d9
```
#3993d9 rgb(57,147,217)
```
#4f9edd
```
#4f9edd rgb(79,158,221)
```
#64aae1
```
#64aae1 rgb(100,170,225)
```
#79b6e5
```
#79b6e5 rgb(121,182,229)
```
#8fc1e9
```
#8fc1e9 rgb(143,193,233)
```
#a4cded
```
#a4cded rgb(164,205,237)
```

Monochromatic Color

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

#64c9e1
```
#64c9e1 rgb(100,201,225)
```
#64bfe1
```
#64bfe1 rgb(100,191,225)
```
#64b4e1
```
#64b4e1 rgb(100,180,225)
```
#64aae1
```
#64aae1 rgb(100,170,225)
```
#64a0e1
```
#64a0e1 rgb(100,160,225)
```
#6495e1
```
#6495e1 rgb(100,149,225)
```
#648be1
```
#648be1 rgb(100,139,225)
```

Similar Colors

Text with hexadecimal color #64aae1

This text has a font color of #64aae1.

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

#64aae1 background color

This paragraph has a background color of #64aae1.

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

#64aae1 border color

This element has a border color of #64aae1.

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

CSS codes

.text {color:#64aae1;}

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

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

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

#020609
```
#020609 rgb(2,6,9)
```
#05111a
```
#05111a rgb(5,17,26)
```
#081b2a
```
#081b2a rgb(8,27,42)
```
#0b263b
```
#0b263b rgb(11,38,59)
```
#0f304b
```
#0f304b rgb(15,48,75)
```
#123b5c
```
#123b5c rgb(18,59,92)
```
#15466c
```
#15466c rgb(21,70,108)
```
#18507c
```
#18507c rgb(24,80,124)
```
#1b5b8d
```
#1b5b8d rgb(27,91,141)
```
#1e659d
```
#1e659d rgb(30,101,157)
```
#2270ae
```
#2270ae rgb(34,112,174)
```
#257bbe
```
#257bbe rgb(37,123,190)
```
#2885cf
```
#2885cf rgb(40,133,207)
```

Shade Color Variation

#338fd7
```
#338fd7 rgb(51,143,215)
```
#4398db
```
#4398db rgb(67,152,219)
```
#54a1de
```
#54a1de rgb(84,161,222)
```
#64aae1
```
#64aae1 rgb(100,170,225)
```
#74b3e4
```
#74b3e4 rgb(116,179,228)
```
#85bce7
```
#85bce7 rgb(133,188,231)
```
#95c5eb
```
#95c5eb rgb(149,197,235)
```
#a6ceee
```
#a6ceee rgb(166,206,238)
```
#b6d7f1
```
#b6d7f1 rgb(182,215,241)
```
#c7e0f4
```
#c7e0f4 rgb(199,224,244)
```
#d7e9f7
```
#d7e9f7 rgb(215,233,247)
```
#e7f2fa
```
#e7f2fa rgb(231,242,250)
```
#f8fbfe
```
#f8fbfe rgb(248,251,254)
```

Tint Color Variation

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

#9da3a8
```
#9da3a8 rgb(157,163,168)
```
#96a4af
```
#96a4af rgb(150,164,175)
```
#8fa5b6
```
#8fa5b6 rgb(143,165,182)
```
#88a6bd
```
#88a6bd rgb(136,166,189)
```
#80a7c5
```
#80a7c5 rgb(128,167,197)
```
#79a7cc
```
#79a7cc rgb(121,167,204)
```
#72a8d3
```
#72a8d3 rgb(114,168,211)
```
#6ba9da
```
#6ba9da rgb(107,169,218)
```
#64aae1
```
#64aae1 rgb(100,170,225)
```
#5dabe8
```
#5dabe8 rgb(93,171,232)
```
#56acef
```
#56acef rgb(86,172,239)
```
#4fadf6
```
#4fadf6 rgb(79,173,246)
```
#48adfd
```
#48adfd rgb(72,173,253)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#909ea9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#97a6dd Protanopia 1% of men
#91a6e5 Deuteranopia 1% of men
#5bb4c1 Tritanopia 0.001% of the population

Trichromacy

#84a7de Protanomaly 1% of men, 0.01% of women
#80a7e3 Deuteranomaly 6% of men, 0.4% of women
#5eb0cd Tritanomaly 0.01% of the population

#64aae1 hex color

#64aae1 Color Information

#64aae1 Color Conversion

Color Schemes with #64aae1

Alternatives to #64aae1

#64aae1 Preview

Shades and Tints of #64aae1

Tones of #64aae1

Color Blindness Simulator