#64b5ef hex color

In a RGB color space, hex #64b5ef is composed of 39.2% red, 71% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 58.2% cyan, 24.3% magenta, 0% yellow and 6.3% black. It has a hue angle of 205 degrees, a saturation of 81.3% and a lightness of 66.5%. #64b5ef color hex could be obtained by blending #c8ffff with #006bdf. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 39
- G 71
- B 94
RGB color chart
- C 58
- M 24
- Y 0
- K 6
CMYK color chart

● #64b5ef color description : Soft blue.

The hexadecimal color #64b5ef has RGB values of R:100, G:181, B:239 and CMYK values of C:0.58, M:0.24, Y:0, K:0.06. Its decimal value is 6600175.

Hex triplet	64b5ef	`#64b5ef`
RGB Decimal	100, 181, 239	`rgb(100,181,239)`
RGB Percent	39.2, 71, 93.7	`rgb(39.2%,71%,93.7%)`
CMYK	58, 24, 0, 6
HSL	205°, 81.3, 66.5	`hsl(205,81.3%,66.5%)`
HSV (or HSB)	205°, 58.2, 93.7
Web Safe	66ccff	`#66ccff`

CIE-LAB	70.862, -8.155, -36.388
XYZ	37.356, 41.987, 87.792
xyY	0.224, 0.251, 41.987
CIE-LCH	70.862, 37.291, 257.368
CIE-LUV	70.862, -34.326, -57.342
Hunter-Lab	64.797, -10.489, -34.973
Binary	01100100, 10110101, 11101111

#64b5ef
```
#64b5ef rgb(100,181,239)
```
#ef9e64
```
#ef9e64 rgb(239,158,100)
```

Complementary Color

#64efe4
```
#64efe4 rgb(100,239,228)
```
#64b5ef
```
#64b5ef rgb(100,181,239)
```
#6470ef
```
#6470ef rgb(100,112,239)
```

Analogous Color

#efe464
```
#efe464 rgb(239,228,100)
```
#64b5ef
```
#64b5ef rgb(100,181,239)
```
#ef6470
```
#ef6470 rgb(239,100,112)
```

Split Complementary Color

#b5ef64
```
#b5ef64 rgb(181,239,100)
```
#64b5ef
```
#64b5ef rgb(100,181,239)
```
#ef64b5
```
#ef64b5 rgb(239,100,181)
```

Triadic Color

#64ef9e
```
#64ef9e rgb(100,239,158)
```
#64b5ef
```
#64b5ef rgb(100,181,239)
```
#ef64b5
```
#ef64b5 rgb(239,100,181)
```
#ef9e64
```
#ef9e64 rgb(239,158,100)
```

Tetradic Color

#1f94e8
```
#1f94e8 rgb(31,148,232)
```
#369fea
```
#369fea rgb(54,159,234)
```
#4daaed
```
#4daaed rgb(77,170,237)
```
#64b5ef
```
#64b5ef rgb(100,181,239)
```
#7bc0f1
```
#7bc0f1 rgb(123,192,241)
```
#92cbf4
```
#92cbf4 rgb(146,203,244)
```
#a9d6f6
```
#a9d6f6 rgb(169,214,246)
```

Monochromatic Color

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

#64d8ef
```
#64d8ef rgb(100,216,239)
```
#64ccef
```
#64ccef rgb(100,204,239)
```
#64c1ef
```
#64c1ef rgb(100,193,239)
```
#64b5ef
```
#64b5ef rgb(100,181,239)
```
#64a9ef
```
#64a9ef rgb(100,169,239)
```
#649eef
```
#649eef rgb(100,158,239)
```
#6492ef
```
#6492ef rgb(100,146,239)
```

Similar Colors

Text with hexadecimal color #64b5ef

This text has a font color of #64b5ef.

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

#64b5ef background color

This paragraph has a background color of #64b5ef.

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

#64b5ef border color

This element has a border color of #64b5ef.

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

CSS codes

.text {color:#64b5ef;}

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

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

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

#010305
```
#010305 rgb(1,3,5)
```
#020e17
```
#020e17 rgb(2,14,23)
```
#041929
```
#041929 rgb(4,25,41)
```
#06253a
```
#06253a rgb(6,37,58)
```
#08304c
```
#08304c rgb(8,48,76)
```
#0a3b5e
```
#0a3b5e rgb(10,59,94)
```
#0c4670
```
#0c4670 rgb(12,70,112)
```
#0d5181
```
#0d5181 rgb(13,81,129)
```
#0f5c93
```
#0f5c93 rgb(15,92,147)
```
#1167a5
```
#1167a5 rgb(17,103,165)
```
#1372b7
```
#1372b7 rgb(19,114,183)
```
#157ec9
```
#157ec9 rgb(21,126,201)
```
#1789da
```
#1789da rgb(23,137,218)
```

Shade Color Variation

#1d93e8
```
#1d93e8 rgb(29,147,232)
```
#2f9ce9
```
#2f9ce9 rgb(47,156,233)
```
#40a4eb
```
#40a4eb rgb(64,164,235)
```
#52aded
```
#52aded rgb(82,173,237)
```
#64b5ef
```
#64b5ef rgb(100,181,239)
```
#76bdf1
```
#76bdf1 rgb(118,189,241)
```
#88c6f3
```
#88c6f3 rgb(136,198,243)
```
#99cef5
```
#99cef5 rgb(153,206,245)
```
#abd7f6
```
#abd7f6 rgb(171,215,246)
```
#bddff8
```
#bddff8 rgb(189,223,248)
```
#cfe8fa
```
#cfe8fa rgb(207,232,250)
```
#e0f0fc
```
#e0f0fc rgb(224,240,252)
```
#f2f9fe
```
#f2f9fe rgb(242,249,254)
```

Tint Color Variation

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

#a6aaad
```
#a6aaad rgb(166,170,173)
```
#9fabb4
```
#9fabb4 rgb(159,171,180)
```
#99acba
```
#99acba rgb(153,172,186)
```
#92adc1
```
#92adc1 rgb(146,173,193)
```
#8baec8
```
#8baec8 rgb(139,174,200)
```
#85b0ce
```
#85b0ce rgb(133,176,206)
```
#7eb1d5
```
#7eb1d5 rgb(126,177,213)
```
#78b2db
```
#78b2db rgb(120,178,219)
```
#71b3e2
```
#71b3e2 rgb(113,179,226)
```
#6bb4e8
```
#6bb4e8 rgb(107,180,232)
```
#64b5ef
```
#64b5ef rgb(100,181,239)
```
#5db6f6
```
#5db6f6 rgb(93,182,246)
```
#57b7fc
```
#57b7fc rgb(87,183,252)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#96a7b2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9fafe9 Protanopia 1% of men
#98b0f3 Deuteranopia 1% of men
#59bfcd Tritanopia 0.001% of the population

Trichromacy

#8ab1eb Protanomaly 1% of men, 0.01% of women
#85b1f1 Deuteranomaly 6% of men, 0.4% of women
#5dbbd9 Tritanomaly 0.01% of the population

#64b5ef hex color

#64b5ef Color Information

#64b5ef Color Conversion

Color Schemes with #64b5ef

Alternatives to #64b5ef

#64b5ef Preview

Shades and Tints of #64b5ef

Tones of #64b5ef

Color Blindness Simulator