#64bae0 hex color

In a RGB color space, hex #64bae0 is composed of 39.2% red, 72.9% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 55.4% cyan, 17% magenta, 0% yellow and 12.2% black. It has a hue angle of 198.4 degrees, a saturation of 66.7% and a lightness of 63.5%. #64bae0 color hex could be obtained by blending #c8ffff with #0075c1. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 39
- G 73
- B 88
RGB color chart
- C 55
- M 17
- Y 0
- K 12
CMYK color chart

● #64bae0 color description : Soft blue.

The hexadecimal color #64bae0 has RGB values of R:100, G:186, B:224 and CMYK values of C:0.55, M:0.17, Y:0, K:0.12. Its decimal value is 6601440.

Hex triplet	64bae0	`#64bae0`
RGB Decimal	100, 186, 224	`rgb(100,186,224)`
RGB Percent	39.2, 72.9, 87.8	`rgb(39.2%,72.9%,87.8%)`
CMYK	55, 17, 0, 12
HSL	198.4°, 66.7, 63.5	`hsl(198.4,66.7%,63.5%)`
HSV (or HSB)	198.4°, 55.4, 87.8
Web Safe	66cccc	`#66cccc`

CIE-LAB	71.695, -15.345, -26.946
XYZ	36.266, 43.207, 76.945
xyY	0.232, 0.276, 43.207
CIE-LCH	71.695, 31.009, 240.34
CIE-LUV	71.695, -36.663, -40.494
Hunter-Lab	65.732, -16.548, -23.393
Binary	01100100, 10111010, 11100000

#64bae0
```
#64bae0 rgb(100,186,224)
```
#e08a64
```
#e08a64 rgb(224,138,100)
```

Complementary Color

#64e0c8
```
#64e0c8 rgb(100,224,200)
```
#64bae0
```
#64bae0 rgb(100,186,224)
```
#647ce0
```
#647ce0 rgb(100,124,224)
```

Analogous Color

#e0c864
```
#e0c864 rgb(224,200,100)
```
#64bae0
```
#64bae0 rgb(100,186,224)
```
#e0647c
```
#e0647c rgb(224,100,124)
```

Split Complementary Color

#bae064
```
#bae064 rgb(186,224,100)
```
#64bae0
```
#64bae0 rgb(100,186,224)
```
#e064ba
```
#e064ba rgb(224,100,186)
```

Triadic Color

#64e08a
```
#64e08a rgb(100,224,138)
```
#64bae0
```
#64bae0 rgb(100,186,224)
```
#e064ba
```
#e064ba rgb(224,100,186)
```
#e08a64
```
#e08a64 rgb(224,138,100)
```

Tetradic Color

#299cce
```
#299cce rgb(41,156,206)
```
#3aa7d8
```
#3aa7d8 rgb(58,167,216)
```
#4fb1dc
```
#4fb1dc rgb(79,177,220)
```
#64bae0
```
#64bae0 rgb(100,186,224)
```
#79c3e4
```
#79c3e4 rgb(121,195,228)
```
#8fcde9
```
#8fcde9 rgb(143,205,233)
```
#a4d6ed
```
#a4d6ed rgb(164,214,237)
```

Monochromatic Color

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

#64d9e0
```
#64d9e0 rgb(100,217,224)
```
#64cfe0
```
#64cfe0 rgb(100,207,224)
```
#64c4e0
```
#64c4e0 rgb(100,196,224)
```
#64bae0
```
#64bae0 rgb(100,186,224)
```
#64b0e0
```
#64b0e0 rgb(100,176,224)
```
#64a5e0
```
#64a5e0 rgb(100,165,224)
```
#649be0
```
#649be0 rgb(100,155,224)
```

Similar Colors

Text with hexadecimal color #64bae0

This text has a font color of #64bae0.

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

#64bae0 background color

This paragraph has a background color of #64bae0.

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

#64bae0 border color

This element has a border color of #64bae0.

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

CSS codes

.text {color:#64bae0;}

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

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

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

#020608
```
#020608 rgb(2,6,8)
```
#051319
```
#051319 rgb(5,19,25)
```
#081f29
```
#081f29 rgb(8,31,41)
```
#0c2b39
```
#0c2b39 rgb(12,43,57)
```
#0f384a
```
#0f384a rgb(15,56,74)
```
#12445a
```
#12445a rgb(18,68,90)
```
#15506b
```
#15506b rgb(21,80,107)
```
#195d7b
```
#195d7b rgb(25,93,123)
```
#1c698b
```
#1c698b rgb(28,105,139)
```
#1f759c
```
#1f759c rgb(31,117,156)
```
#2282ac
```
#2282ac rgb(34,130,172)
```
#268ebc
```
#268ebc rgb(38,142,188)
```
#299acd
```
#299acd rgb(41,154,205)
```

Shade Color Variation

#33a4d6
```
#33a4d6 rgb(51,164,214)
```
#43abd9
```
#43abd9 rgb(67,171,217)
```
#54b3dd
```
#54b3dd rgb(84,179,221)
```
#64bae0
```
#64bae0 rgb(100,186,224)
```
#74c1e3
```
#74c1e3 rgb(116,193,227)
```
#85c9e7
```
#85c9e7 rgb(133,201,231)
```
#95d0ea
```
#95d0ea rgb(149,208,234)
```
#a5d7ed
```
#a5d7ed rgb(165,215,237)
```
#b6def0
```
#b6def0 rgb(182,222,240)
```
#c6e6f4
```
#c6e6f4 rgb(198,230,244)
```
#d6edf7
```
#d6edf7 rgb(214,237,247)
```
#e7f4fa
```
#e7f4fa rgb(231,244,250)
```
#f7fbfd
```
#f7fbfd rgb(247,251,253)
```

Tint Color Variation

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

#9da4a7
```
#9da4a7 rgb(157,164,167)
```
#96a7ae
```
#96a7ae rgb(150,167,174)
```
#8fa9b5
```
#8fa9b5 rgb(143,169,181)
```
#88acbc
```
#88acbc rgb(136,172,188)
```
#81afc3
```
#81afc3 rgb(129,175,195)
```
#79b2cb
```
#79b2cb rgb(121,178,203)
```
#72b4d2
```
#72b4d2 rgb(114,180,210)
```
#6bb7d9
```
#6bb7d9 rgb(107,183,217)
```
#64bae0
```
#64bae0 rgb(100,186,224)
```
#5dbde7
```
#5dbde7 rgb(93,189,231)
```
#56c0ee
```
#56c0ee rgb(86,192,238)
```
#4fc2f5
```
#4fc2f5 rgb(79,194,245)
```
#47c5fd
```
#47c5fd rgb(71,197,253)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#98a9b1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a9b2da Protanopia 1% of men
#a7b1e6 Deuteranopia 1% of men
#62c0cf Tritanopia 0.001% of the population

Trichromacy

#90b4dc Protanomaly 1% of men, 0.01% of women
#8eb4e4 Deuteranomaly 6% of men, 0.4% of women
#63bed5 Tritanomaly 0.01% of the population

#64bae0 hex color

#64bae0 Color Information

#64bae0 Color Conversion

Color Schemes with #64bae0

Alternatives to #64bae0

#64bae0 Preview

Shades and Tints of #64bae0

Tones of #64bae0

Color Blindness Simulator