#64afe6 hex color

In a RGB color space, hex #64afe6 is composed of 39.2% red, 68.6% green and 90.2% blue. Whereas in a CMYK color space, it is composed of 56.5% cyan, 23.9% magenta, 0% yellow and 9.8% black. It has a hue angle of 205.4 degrees, a saturation of 72.2% and a lightness of 64.7%. #64afe6 color hex could be obtained by blending #c8ffff with #005fcd. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 39
- G 69
- B 90
RGB color chart
- C 57
- M 24
- Y 0
- K 10
CMYK color chart

● #64afe6 color description : Soft blue.

The hexadecimal color #64afe6 has RGB values of R:100, G:175, B:230 and CMYK values of C:0.57, M:0.24, Y:0, K:0.1. Its decimal value is 6598630.

Hex triplet	64afe6	`#64afe6`
RGB Decimal	100, 175, 230	`rgb(100,175,230)`
RGB Percent	39.2, 68.6, 90.2	`rgb(39.2%,68.6%,90.2%)`
CMYK	57, 24, 0, 10
HSL	205.4°, 72.2, 64.7	`hsl(205.4,72.2%,64.7%)`
HSV (or HSB)	205.4°, 56.5, 90.2
Web Safe	6699ff	`#6699ff`

CIE-LAB	68.809, -7.637, -34.671
XYZ	34.865, 39.08, 80.564
xyY	0.226, 0.253, 39.08
CIE-LCH	68.809, 35.502, 257.579
CIE-LUV	68.809, -32.378, -54.267
Hunter-Lab	62.514, -9.848, -32.649
Binary	01100100, 10101111, 11100110

#64afe6
```
#64afe6 rgb(100,175,230)
```
#e69b64
```
#e69b64 rgb(230,155,100)
```

Complementary Color

#64e6dc
```
#64e6dc rgb(100,230,220)
```
#64afe6
```
#64afe6 rgb(100,175,230)
```
#646ee6
```
#646ee6 rgb(100,110,230)
```

Analogous Color

#e6dc64
```
#e6dc64 rgb(230,220,100)
```
#64afe6
```
#64afe6 rgb(100,175,230)
```
#e6646e
```
#e6646e rgb(230,100,110)
```

Split Complementary Color

#afe664
```
#afe664 rgb(175,230,100)
```
#64afe6
```
#64afe6 rgb(100,175,230)
```
#e664af
```
#e664af rgb(230,100,175)
```

Triadic Color

#64e69b
```
#64e69b rgb(100,230,155)
```
#64afe6
```
#64afe6 rgb(100,175,230)
```
#e664af
```
#e664af rgb(230,100,175)
```
#e69b64
```
#e69b64 rgb(230,155,100)
```

Tetradic Color

#238dda
```
#238dda rgb(35,141,218)
```
#3898df
```
#3898df rgb(56,152,223)
```
#4ea4e2
```
#4ea4e2 rgb(78,164,226)
```
#64afe6
```
#64afe6 rgb(100,175,230)
```
#7abaea
```
#7abaea rgb(122,186,234)
```
#90c6ed
```
#90c6ed rgb(144,198,237)
```
#a6d1f1
```
#a6d1f1 rgb(166,209,241)
```

Monochromatic Color

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

#64d0e6
```
#64d0e6 rgb(100,208,230)
```
#64c5e6
```
#64c5e6 rgb(100,197,230)
```
#64bae6
```
#64bae6 rgb(100,186,230)
```
#64afe6
```
#64afe6 rgb(100,175,230)
```
#64a4e6
```
#64a4e6 rgb(100,164,230)
```
#6499e6
```
#6499e6 rgb(100,153,230)
```
#648fe6
```
#648fe6 rgb(100,143,230)
```

Similar Colors

Text with hexadecimal color #64afe6

This text has a font color of #64afe6.

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

#64afe6 background color

This paragraph has a background color of #64afe6.

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

#64afe6 border color

This element has a border color of #64afe6.

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

CSS codes

.text {color:#64afe6;}

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

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

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, #02090e is the darkest color, while #fcfdff is the lightest one.

#02090e
```
#02090e rgb(2,9,14)
```
#05141f
```
#05141f rgb(5,20,31)
```
#081f30
```
#081f30 rgb(8,31,48)
```
#0a2a41
```
#0a2a41 rgb(10,42,65)
```
#0d3551
```
#0d3551 rgb(13,53,81)
```
#103f62
```
#103f62 rgb(16,63,98)
```
#134a73
```
#134a73 rgb(19,74,115)
```
#155584
```
#155584 rgb(21,85,132)
```
#186095
```
#186095 rgb(24,96,149)
```
#1b6ba6
```
#1b6ba6 rgb(27,107,166)
```
#1d76b7
```
#1d76b7 rgb(29,118,183)
```
#2081c8
```
#2081c8 rgb(32,129,200)
```
#238cd9
```
#238cd9 rgb(35,140,217)
```

Shade Color Variation

#3195de
```
#3195de rgb(49,149,222)
```
#429ee1
```
#429ee1 rgb(66,158,225)
```
#53a6e3
```
#53a6e3 rgb(83,166,227)
```
#64afe6
```
#64afe6 rgb(100,175,230)
```
#75b8e9
```
#75b8e9 rgb(117,184,233)
```
#86c0eb
```
#86c0eb rgb(134,192,235)
```
#97c9ee
```
#97c9ee rgb(151,201,238)
```
#a8d2f1
```
#a8d2f1 rgb(168,210,241)
```
#b8dbf4
```
#b8dbf4 rgb(184,219,244)
```
#c9e3f6
```
#c9e3f6 rgb(201,227,246)
```
#daecf9
```
#daecf9 rgb(218,236,249)
```
#ebf5fc
```
#ebf5fc rgb(235,245,252)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

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

#a2a5a8
```
#a2a5a8 rgb(162,165,168)
```
#9ba6af
```
#9ba6af rgb(155,166,175)
```
#94a8b6
```
#94a8b6 rgb(148,168,182)
```
#8ea9bc
```
#8ea9bc rgb(142,169,188)
```
#87aac3
```
#87aac3 rgb(135,170,195)
```
#80abca
```
#80abca rgb(128,171,202)
```
#79acd1
```
#79acd1 rgb(121,172,209)
```
#72add8
```
#72add8 rgb(114,173,216)
```
#6baedf
```
#6baedf rgb(107,174,223)
```
#64afe6
```
#64afe6 rgb(100,175,230)
```
#5db0ed
```
#5db0ed rgb(93,176,237)
```
#56b1f4
```
#56b1f4 rgb(86,177,244)
```
#4fb2fb
```
#4fb2fb rgb(79,178,251)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#93a2ad Atypical Achromatopsia 0.001% of the population

Dichromacy

#9baae1 Protanopia 1% of men
#95aaea Deuteranopia 1% of men
#5bb9c6 Tritanopia 0.001% of the population

Trichromacy

#87ace3 Protanomaly 1% of men, 0.01% of women
#83ace8 Deuteranomaly 6% of men, 0.4% of women
#5eb5d2 Tritanomaly 0.01% of the population

#64afe6 hex color

#64afe6 Color Information

#64afe6 Color Conversion

Color Schemes with #64afe6

Alternatives to #64afe6

#64afe6 Preview

Shades and Tints of #64afe6

Tones of #64afe6

Color Blindness Simulator