#64bce2 hex color

In a RGB color space, hex #64bce2 is composed of 39.2% red, 73.7% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 55.8% cyan, 16.8% magenta, 0% yellow and 11.4% black. It has a hue angle of 198.1 degrees, a saturation of 68.5% and a lightness of 63.9%. #64bce2 color hex could be obtained by blending #c8ffff with #0079c5. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 39
- G 74
- B 89
RGB color chart
- C 56
- M 17
- Y 0
- K 11
CMYK color chart

● #64bce2 color description : Soft blue.

The hexadecimal color #64bce2 has RGB values of R:100, G:188, B:226 and CMYK values of C:0.56, M:0.17, Y:0, K:0.11. Its decimal value is 6601954.

Hex triplet	64bce2	`#64bce2`
RGB Decimal	100, 188, 226	`rgb(100,188,226)`
RGB Percent	39.2, 73.7, 88.6	`rgb(39.2%,73.7%,88.6%)`
CMYK	56, 17, 0, 11
HSL	198.1°, 68.5, 63.9	`hsl(198.1,68.5%,63.9%)`
HSV (or HSB)	198.1°, 55.8, 88.6
Web Safe	66cccc	`#66cccc`

CIE-LAB	72.338, -15.808, -27.047
XYZ	36.963, 44.164, 78.524
xyY	0.232, 0.277, 44.164
CIE-LCH	72.338, 31.328, 239.695
CIE-LUV	72.338, -37.343, -40.649
Hunter-Lab	66.456, -17.017, -23.537
Binary	01100100, 10111100, 11100010

#64bce2
```
#64bce2 rgb(100,188,226)
```
#e28a64
```
#e28a64 rgb(226,138,100)
```

Complementary Color

#64e2c9
```
#64e2c9 rgb(100,226,201)
```
#64bce2
```
#64bce2 rgb(100,188,226)
```
#647de2
```
#647de2 rgb(100,125,226)
```

Analogous Color

#e2c964
```
#e2c964 rgb(226,201,100)
```
#64bce2
```
#64bce2 rgb(100,188,226)
```
#e2647d
```
#e2647d rgb(226,100,125)
```

Split Complementary Color

#bce264
```
#bce264 rgb(188,226,100)
```
#64bce2
```
#64bce2 rgb(100,188,226)
```
#e264bc
```
#e264bc rgb(226,100,188)
```

Triadic Color

#64e28a
```
#64e28a rgb(100,226,138)
```
#64bce2
```
#64bce2 rgb(100,188,226)
```
#e264bc
```
#e264bc rgb(226,100,188)
```
#e28a64
```
#e28a64 rgb(226,138,100)
```

Tetradic Color

#279fd2
```
#279fd2 rgb(39,159,210)
```
#39a9da
```
#39a9da rgb(57,169,218)
```
#4fb3de
```
#4fb3de rgb(79,179,222)
```
#64bce2
```
#64bce2 rgb(100,188,226)
```
#79c5e6
```
#79c5e6 rgb(121,197,230)
```
#8fcfea
```
#8fcfea rgb(143,207,234)
```
#a4d8ee
```
#a4d8ee rgb(164,216,238)
```

Monochromatic Color

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

#64dce2
```
#64dce2 rgb(100,220,226)
```
#64d1e2
```
#64d1e2 rgb(100,209,226)
```
#64c7e2
```
#64c7e2 rgb(100,199,226)
```
#64bce2
```
#64bce2 rgb(100,188,226)
```
#64b2e2
```
#64b2e2 rgb(100,178,226)
```
#64a7e2
```
#64a7e2 rgb(100,167,226)
```
#649de2
```
#649de2 rgb(100,157,226)
```

Similar Colors

Text with hexadecimal color #64bce2

This text has a font color of #64bce2.

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

#64bce2 background color

This paragraph has a background color of #64bce2.

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

#64bce2 border color

This element has a border color of #64bce2.

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

CSS codes

.text {color:#64bce2;}

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

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

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, #02080a is the darkest color, while #f9fcfe is the lightest one.

#02080a
```
#02080a rgb(2,8,10)
```
#05141b
```
#05141b rgb(5,20,27)
```
#08212b
```
#08212b rgb(8,33,43)
```
#0b2d3c
```
#0b2d3c rgb(11,45,60)
```
#0e3a4c
```
#0e3a4c rgb(14,58,76)
```
#11465d
```
#11465d rgb(17,70,93)
```
#14536d
```
#14536d rgb(20,83,109)
```
#185f7e
```
#185f7e rgb(24,95,126)
```
#1b6c8e
```
#1b6c8e rgb(27,108,142)
```
#1e789f
```
#1e789f rgb(30,120,159)
```
#2184af
```
#2184af rgb(33,132,175)
```
#2491c0
```
#2491c0 rgb(36,145,192)
```
#279dd1
```
#279dd1 rgb(39,157,209)
```

Shade Color Variation

#32a7d9
```
#32a7d9 rgb(50,167,217)
```
#43aedc
```
#43aedc rgb(67,174,220)
```
#53b5df
```
#53b5df rgb(83,181,223)
```
#64bce2
```
#64bce2 rgb(100,188,226)
```
#75c3e5
```
#75c3e5 rgb(117,195,229)
```
#85cae8
```
#85cae8 rgb(133,202,232)
```
#96d1eb
```
#96d1eb rgb(150,209,235)
```
#a6d9ee
```
#a6d9ee rgb(166,217,238)
```
#b7e0f1
```
#b7e0f1 rgb(183,224,241)
```
#c7e7f5
```
#c7e7f5 rgb(199,231,245)
```
#d8eef8
```
#d8eef8 rgb(216,238,248)
```
#e8f5fb
```
#e8f5fb rgb(232,245,251)
```
#f9fcfe
```
#f9fcfe rgb(249,252,254)
```

Tint Color Variation

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

#9da6a9
```
#9da6a9 rgb(157,166,169)
```
#96a8b0
```
#96a8b0 rgb(150,168,176)
```
#8eabb8
```
#8eabb8 rgb(142,171,184)
```
#87aebf
```
#87aebf rgb(135,174,191)
```
#80b1c6
```
#80b1c6 rgb(128,177,198)
```
#79b4cd
```
#79b4cd rgb(121,180,205)
```
#72b6d4
```
#72b6d4 rgb(114,182,212)
```
#6bb9db
```
#6bb9db rgb(107,185,219)
```
#64bce2
```
#64bce2 rgb(100,188,226)
```
#5dbfe9
```
#5dbfe9 rgb(93,191,233)
```
#56c2f0
```
#56c2f0 rgb(86,194,240)
```
#4fc4f7
```
#4fc4f7 rgb(79,196,247)
```
#48c7fe
```
#48c7fe rgb(72,199,254)
```

Tone Color Variation

Below, you can see how #64bce2 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
#99aab2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#abb3db Protanopia 1% of men
#a8b2e8 Deuteranopia 1% of men
#62c2d1 Tritanopia 0.001% of the population

Trichromacy

#91b6de Protanomaly 1% of men, 0.01% of women
#8fb6e6 Deuteranomaly 6% of men, 0.4% of women
#63c0d7 Tritanomaly 0.01% of the population

#64bce2 hex color

#64bce2 Color Information

#64bce2 Color Conversion

Color Schemes with #64bce2

Alternatives to #64bce2

#64bce2 Preview

Shades and Tints of #64bce2

Tones of #64bce2

Color Blindness Simulator