#64bbd5 hex color

In a RGB color space, hex #64bbd5 is composed of 39.2% red, 73.3% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 53.1% cyan, 12.2% magenta, 0% yellow and 16.5% black. It has a hue angle of 193.8 degrees, a saturation of 57.4% and a lightness of 61.4%. #64bbd5 color hex could be obtained by blending #c8ffff with #0077ab. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 39
- G 73
- B 84
RGB color chart
- C 53
- M 12
- Y 0
- K 16
CMYK color chart

● #64bbd5 color description : Moderate cyan.

The hexadecimal color #64bbd5 has RGB values of R:100, G:187, B:213 and CMYK values of C:0.53, M:0.12, Y:0, K:0.16. Its decimal value is 6601685.

Hex triplet	64bbd5	`#64bbd5`
RGB Decimal	100, 187, 213	`rgb(100,187,213)`
RGB Percent	39.2, 73.3, 83.5	`rgb(39.2%,73.3%,83.5%)`
CMYK	53, 12, 0, 16
HSL	193.8°, 57.4, 61.4	`hsl(193.8,57.4%,61.4%)`
HSV (or HSB)	193.8°, 53.1, 83.5
Web Safe	66cccc	`#66cccc`

CIE-LAB	71.59, -19.049, -21.111
XYZ	35.033, 43.052, 69.411
xyY	0.238, 0.292, 43.052
CIE-LCH	71.59, 28.435, 227.94
CIE-LUV	71.59, -37.43, -30.258
Hunter-Lab	65.614, -19.518, -16.791
Binary	01100100, 10111011, 11010101

#64bbd5
```
#64bbd5 rgb(100,187,213)
```
#d57e64
```
#d57e64 rgb(213,126,100)
```

Complementary Color

#64d5b7
```
#64d5b7 rgb(100,213,183)
```
#64bbd5
```
#64bbd5 rgb(100,187,213)
```
#6483d5
```
#6483d5 rgb(100,131,213)
```

Analogous Color

#d5b764
```
#d5b764 rgb(213,183,100)
```
#64bbd5
```
#64bbd5 rgb(100,187,213)
```
#d56483
```
#d56483 rgb(213,100,131)
```

Split Complementary Color

#bbd564
```
#bbd564 rgb(187,213,100)
```
#64bbd5
```
#64bbd5 rgb(100,187,213)
```
#d564bb
```
#d564bb rgb(213,100,187)
```

Triadic Color

#64d57e
```
#64d57e rgb(100,213,126)
```
#64bbd5
```
#64bbd5 rgb(100,187,213)
```
#d564bb
```
#d564bb rgb(213,100,187)
```
#d57e64
```
#d57e64 rgb(213,126,100)
```

Tetradic Color

#329bba
```
#329bba rgb(50,155,186)
```
#3ca9ca
```
#3ca9ca rgb(60,169,202)
```
#50b2d0
```
#50b2d0 rgb(80,178,208)
```
#64bbd5
```
#64bbd5 rgb(100,187,213)
```
#78c4da
```
#78c4da rgb(120,196,218)
```
#8ccde0
```
#8ccde0 rgb(140,205,224)
```
#a0d5e5
```
#a0d5e5 rgb(160,213,229)
```

Monochromatic Color

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

#64d5d3
```
#64d5d3 rgb(100,213,211)
```
#64ced5
```
#64ced5 rgb(100,206,213)
```
#64c4d5
```
#64c4d5 rgb(100,196,213)
```
#64bbd5
```
#64bbd5 rgb(100,187,213)
```
#64b2d5
```
#64b2d5 rgb(100,178,213)
```
#64a8d5
```
#64a8d5 rgb(100,168,213)
```
#649fd5
```
#649fd5 rgb(100,159,213)
```

Similar Colors

Text with hexadecimal color #64bbd5

This text has a font color of #64bbd5.

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

#64bbd5 background color

This paragraph has a background color of #64bbd5.

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

#64bbd5 border color

This element has a border color of #64bbd5.

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

CSS codes

.text {color:#64bbd5;}

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

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

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, #040c0f is the darkest color, while #feffff is the lightest one.

#040c0f
```
#040c0f rgb(4,12,15)
```
#08191e
```
#08191e rgb(8,25,30)
```
#0c262e
```
#0c262e rgb(12,38,46)
```
#11333d
```
#11333d rgb(17,51,61)
```
#15404d
```
#15404d rgb(21,64,77)
```
#194d5c
```
#194d5c rgb(25,77,92)
```
#1d596b
```
#1d596b rgb(29,89,107)
```
#21667b
```
#21667b rgb(33,102,123)
```
#25738a
```
#25738a rgb(37,115,138)
```
#2a809a
```
#2a809a rgb(42,128,154)
```
#2e8da9
```
#2e8da9 rgb(46,141,169)
```
#329ab9
```
#329ab9 rgb(50,154,185)
```
#36a6c8
```
#36a6c8 rgb(54,166,200)
```

Shade Color Variation

#45adcd
```
#45adcd rgb(69,173,205)
```
#55b4d1
```
#55b4d1 rgb(85,180,209)
```
#64bbd5
```
#64bbd5 rgb(100,187,213)
```
#73c2d9
```
#73c2d9 rgb(115,194,217)
```
#83c9dd
```
#83c9dd rgb(131,201,221)
```
#92cfe2
```
#92cfe2 rgb(146,207,226)
```
#a2d6e6
```
#a2d6e6 rgb(162,214,230)
```
#b1ddea
```
#b1ddea rgb(177,221,234)
```
#c1e4ee
```
#c1e4ee rgb(193,228,238)
```
#d0eaf2
```
#d0eaf2 rgb(208,234,242)
```
#dff1f6
```
#dff1f6 rgb(223,241,246)
```
#eff8fb
```
#eff8fb rgb(239,248,251)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #999ea0 is the less saturated color, while #3ecffb is the most saturated one.

#999ea0
```
#999ea0 rgb(153,158,160)
```
#91a2a8
```
#91a2a8 rgb(145,162,168)
```
#8aa7af
```
#8aa7af rgb(138,167,175)
```
#82abb7
```
#82abb7 rgb(130,171,183)
```
#7bafbe
```
#7bafbe rgb(123,175,190)
```
#73b3c6
```
#73b3c6 rgb(115,179,198)
```
#6cb7cd
```
#6cb7cd rgb(108,183,205)
```
#64bbd5
```
#64bbd5 rgb(100,187,213)
```
#5cbfdd
```
#5cbfdd rgb(92,191,221)
```
#55c3e4
```
#55c3e4 rgb(85,195,228)
```
#4dc7ec
```
#4dc7ec rgb(77,199,236)
```
#46cbf3
```
#46cbf3 rgb(70,203,243)
```
#3ecffb
```
#3ecffb rgb(62,207,251)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#97a9ae Atypical Achromatopsia 0.001% of the population

Dichromacy

#adb2cf Protanopia 1% of men
#adb0dc Deuteranopia 1% of men
#67c0ce Tritanopia 0.001% of the population

Trichromacy

#92b5d1 Protanomaly 1% of men, 0.01% of women
#92b4d9 Deuteranomaly 6% of men, 0.4% of women
#66bed0 Tritanomaly 0.01% of the population

#64bbd5 hex color

#64bbd5 Color Information

#64bbd5 Color Conversion

Color Schemes with #64bbd5

Alternatives to #64bbd5

#64bbd5 Preview

Shades and Tints of #64bbd5

Tones of #64bbd5

Color Blindness Simulator