#64bde0 hex color

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

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

● #64bde0 color description : Soft blue.

The hexadecimal color #64bde0 has RGB values of R:100, G:189, B:224 and CMYK values of C:0.55, M:0.16, Y:0, K:0.12. Its decimal value is 6602208.

Hex triplet	64bde0	`#64bde0`
RGB Decimal	100, 189, 224	`rgb(100,189,224)`
RGB Percent	39.2, 74.1, 87.8	`rgb(39.2%,74.1%,87.8%)`
CMYK	55, 16, 0, 12
HSL	196.9°, 66.7, 63.5	`hsl(196.9,66.7%,63.5%)`
HSV (or HSB)	196.9°, 55.4, 87.8
Web Safe	66cccc	`#66cccc`

CIE-LAB	72.551, -16.917, -25.634
XYZ	36.904, 44.484, 77.158
xyY	0.233, 0.281, 44.484
CIE-LCH	72.551, 30.713, 236.578
CIE-LUV	72.551, -37.791, -38.142
Hunter-Lab	66.696, -17.951, -21.903
Binary	01100100, 10111101, 11100000

#64bde0
```
#64bde0 rgb(100,189,224)
```
#e08764
```
#e08764 rgb(224,135,100)
```

Complementary Color

#64e0c5
```
#64e0c5 rgb(100,224,197)
```
#64bde0
```
#64bde0 rgb(100,189,224)
```
#647fe0
```
#647fe0 rgb(100,127,224)
```

Analogous Color

#e0c564
```
#e0c564 rgb(224,197,100)
```
#64bde0
```
#64bde0 rgb(100,189,224)
```
#e0647f
```
#e0647f rgb(224,100,127)
```

Split Complementary Color

#bde064
```
#bde064 rgb(189,224,100)
```
#64bde0
```
#64bde0 rgb(100,189,224)
```
#e064bd
```
#e064bd rgb(224,100,189)
```

Triadic Color

#64e087
```
#64e087 rgb(100,224,135)
```
#64bde0
```
#64bde0 rgb(100,189,224)
```
#e064bd
```
#e064bd rgb(224,100,189)
```
#e08764
```
#e08764 rgb(224,135,100)
```

Tetradic Color

#29a0ce
```
#29a0ce rgb(41,160,206)
```
#3aabd8
```
#3aabd8 rgb(58,171,216)
```
#4fb4dc
```
#4fb4dc rgb(79,180,220)
```
#64bde0
```
#64bde0 rgb(100,189,224)
```
#79c6e4
```
#79c6e4 rgb(121,198,228)
```
#8fcfe9
```
#8fcfe9 rgb(143,207,233)
```
#a4d8ed
```
#a4d8ed rgb(164,216,237)
```

Monochromatic Color

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

#64dce0
```
#64dce0 rgb(100,220,224)
```
#64d2e0
```
#64d2e0 rgb(100,210,224)
```
#64c7e0
```
#64c7e0 rgb(100,199,224)
```
#64bde0
```
#64bde0 rgb(100,189,224)
```
#64b3e0
```
#64b3e0 rgb(100,179,224)
```
#64a8e0
```
#64a8e0 rgb(100,168,224)
```
#649ee0
```
#649ee0 rgb(100,158,224)
```

Similar Colors

Text with hexadecimal color #64bde0

This text has a font color of #64bde0.

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

#64bde0 background color

This paragraph has a background color of #64bde0.

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

#64bde0 border color

This element has a border color of #64bde0.

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

CSS codes

.text {color:#64bde0;}

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

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

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

#020708
```
#020708 rgb(2,7,8)
```
#051319
```
#051319 rgb(5,19,25)
```
#082029
```
#082029 rgb(8,32,41)
```
#0c2d39
```
#0c2d39 rgb(12,45,57)
```
#0f394a
```
#0f394a rgb(15,57,74)
```
#12465a
```
#12465a rgb(18,70,90)
```
#15526b
```
#15526b rgb(21,82,107)
```
#195f7b
```
#195f7b rgb(25,95,123)
```
#1c6c8b
```
#1c6c8b rgb(28,108,139)
```
#1f789c
```
#1f789c rgb(31,120,156)
```
#2285ac
```
#2285ac rgb(34,133,172)
```
#2692bc
```
#2692bc rgb(38,146,188)
```
#299ecd
```
#299ecd rgb(41,158,205)
```

Shade Color Variation

#33a8d6
```
#33a8d6 rgb(51,168,214)
```
#43afd9
```
#43afd9 rgb(67,175,217)
```
#54b6dd
```
#54b6dd rgb(84,182,221)
```
#64bde0
```
#64bde0 rgb(100,189,224)
```
#74c4e3
```
#74c4e3 rgb(116,196,227)
```
#85cbe7
```
#85cbe7 rgb(133,203,231)
```
#95d2ea
```
#95d2ea rgb(149,210,234)
```
#a5d9ed
```
#a5d9ed rgb(165,217,237)
```
#b6e0f0
```
#b6e0f0 rgb(182,224,240)
```
#c6e7f4
```
#c6e7f4 rgb(198,231,244)
```
#d6eef7
```
#d6eef7 rgb(214,238,247)
```
#e7f5fa
```
#e7f5fa rgb(231,245,250)
```
#f7fcfd
```
#f7fcfd rgb(247,252,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 #47c9fd is the most saturated one.

#9da4a7
```
#9da4a7 rgb(157,164,167)
```
#96a7ae
```
#96a7ae rgb(150,167,174)
```
#8faab5
```
#8faab5 rgb(143,170,181)
```
#88adbc
```
#88adbc rgb(136,173,188)
```
#81b1c3
```
#81b1c3 rgb(129,177,195)
```
#79b4cb
```
#79b4cb rgb(121,180,203)
```
#72b7d2
```
#72b7d2 rgb(114,183,210)
```
#6bbad9
```
#6bbad9 rgb(107,186,217)
```
#64bde0
```
#64bde0 rgb(100,189,224)
```
#5dc0e7
```
#5dc0e7 rgb(93,192,231)
```
#56c3ee
```
#56c3ee rgb(86,195,238)
```
#4fc6f5
```
#4fc6f5 rgb(79,198,245)
```
#47c9fd
```
#47c9fd rgb(71,201,253)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#99abb2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#acb4d9 Protanopia 1% of men
#abb3e6 Deuteranopia 1% of men
#64c3d1 Tritanopia 0.001% of the population

Trichromacy

#92b7dc Protanomaly 1% of men, 0.01% of women
#91b6e4 Deuteranomaly 6% of men, 0.4% of women
#64c1d6 Tritanomaly 0.01% of the population

#64bde0 hex color

#64bde0 Color Information

#64bde0 Color Conversion

Color Schemes with #64bde0

Alternatives to #64bde0

#64bde0 Preview

Shades and Tints of #64bde0

Tones of #64bde0

Color Blindness Simulator