#64b5bf hex color

In a RGB color space, hex #64b5bf is composed of 39.2% red, 71% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 47.6% cyan, 5.2% magenta, 0% yellow and 25.1% black. It has a hue angle of 186.6 degrees, a saturation of 41.6% and a lightness of 57.1%. #64b5bf color hex could be obtained by blending #c8ffff with #006b7f. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 39
- G 71
- B 75
RGB color chart
- C 48
- M 5
- Y 0
- K 25
CMYK color chart

● #64b5bf color description : Slightly desaturated cyan.

The hexadecimal color #64b5bf has RGB values of R:100, G:181, B:191 and CMYK values of C:0.48, M:0.05, Y:0, K:0.25. Its decimal value is 6600127.

Hex triplet	64b5bf	`#64b5bf`
RGB Decimal	100, 181, 191	`rgb(100,181,191)`
RGB Percent	39.2, 71, 74.9	`rgb(39.2%,71%,74.9%)`
CMYK	48, 5, 0, 25
HSL	186.6°, 41.6, 57.1	`hsl(186.6,41.6%,57.1%)`
HSV (or HSB)	186.6°, 47.6, 74.9
Web Safe	66cccc	`#66cccc`

CIE-LAB	69.124, -22.072, -12.778
XYZ	31.181, 39.517, 55.272
xyY	0.248, 0.314, 39.517
CIE-LCH	69.124, 25.503, 210.067
CIE-LUV	69.124, -35.865, -16.176
Hunter-Lab	62.862, -21.47, -8.127
Binary	01100100, 10110101, 10111111

#64b5bf
```
#64b5bf rgb(100,181,191)
```
#bf6e64
```
#bf6e64 rgb(191,110,100)
```

Complementary Color

#64bf9c
```
#64bf9c rgb(100,191,156)
```
#64b5bf
```
#64b5bf rgb(100,181,191)
```
#6488bf
```
#6488bf rgb(100,136,191)
```

Analogous Color

#bf9c64
```
#bf9c64 rgb(191,156,100)
```
#64b5bf
```
#64b5bf rgb(100,181,191)
```
#bf6488
```
#bf6488 rgb(191,100,136)
```

Split Complementary Color

#b5bf64
```
#b5bf64 rgb(181,191,100)
```
#64b5bf
```
#64b5bf rgb(100,181,191)
```
#bf64b5
```
#bf64b5 rgb(191,100,181)
```

Triadic Color

#64bf6e
```
#64bf6e rgb(100,191,110)
```
#64b5bf
```
#64b5bf rgb(100,181,191)
```
#bf64b5
```
#bf64b5 rgb(191,100,181)
```
#bf6e64
```
#bf6e64 rgb(191,110,100)
```

Tetradic Color

#3f8e98
```
#3f8e98 rgb(63,142,152)
```
#469faa
```
#469faa rgb(70,159,170)
```
#52acb8
```
#52acb8 rgb(82,172,184)
```
#64b5bf
```
#64b5bf rgb(100,181,191)
```
#76bec6
```
#76bec6 rgb(118,190,198)
```
#88c6ce
```
#88c6ce rgb(136,198,206)
```
#9acfd5
```
#9acfd5 rgb(154,207,213)
```

Monochromatic Color

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

#64bfb2
```
#64bfb2 rgb(100,191,178)
```
#64bfba
```
#64bfba rgb(100,191,186)
```
#64bdbf
```
#64bdbf rgb(100,189,191)
```
#64b5bf
```
#64b5bf rgb(100,181,191)
```
#64adbf
```
#64adbf rgb(100,173,191)
```
#64a6bf
```
#64a6bf rgb(100,166,191)
```
#649ebf
```
#649ebf rgb(100,158,191)
```

Similar Colors

Text with hexadecimal color #64b5bf

This text has a font color of #64b5bf.

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

#64b5bf background color

This paragraph has a background color of #64b5bf.

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

#64b5bf border color

This element has a border color of #64b5bf.

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

CSS codes

.text {color:#64b5bf;}

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

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

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, #050b0c is the darkest color, while #fdfefe is the lightest one.

#050b0c
```
#050b0c rgb(5,11,12)
```
#0b1819
```
#0b1819 rgb(11,24,25)
```
#102527
```
#102527 rgb(16,37,39)
```
#163235
```
#163235 rgb(22,50,53)
```
#1c3f43
```
#1c3f43 rgb(28,63,67)
```
#214c51
```
#214c51 rgb(33,76,81)
```
#27595f
```
#27595f rgb(39,89,95)
```
#2d666d
```
#2d666d rgb(45,102,109)
```
#33737b
```
#33737b rgb(51,115,123)
```
#388089
```
#388089 rgb(56,128,137)
```
#3e8d96
```
#3e8d96 rgb(62,141,150)
```
#449aa4
```
#449aa4 rgb(68,154,164)
```
#4aa7b2
```
#4aa7b2 rgb(74,167,178)
```

Shade Color Variation

#56aeb9
```
#56aeb9 rgb(86,174,185)
```
#64b5bf
```
#64b5bf rgb(100,181,191)
```
#72bcc5
```
#72bcc5 rgb(114,188,197)
```
#80c2ca
```
#80c2ca rgb(128,194,202)
```
#8ec9d0
```
#8ec9d0 rgb(142,201,208)
```
#9cd0d6
```
#9cd0d6 rgb(156,208,214)
```
#a9d6dc
```
#a9d6dc rgb(169,214,220)
```
#b7dde1
```
#b7dde1 rgb(183,221,225)
```
#c5e3e7
```
#c5e3e7 rgb(197,227,231)
```
#d3eaed
```
#d3eaed rgb(211,234,237)
```
#e1f1f3
```
#e1f1f3 rgb(225,241,243)
```
#eff7f8
```
#eff7f8 rgb(239,247,248)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8e9495 is the less saturated color, while #29e3fa is the most saturated one.

#8e9495
```
#8e9495 rgb(142,148,149)
```
#869b9d
```
#869b9d rgb(134,155,157)
```
#7da1a6
```
#7da1a6 rgb(125,161,166)
```
#75a8ae
```
#75a8ae rgb(117,168,174)
```
#6caeb7
```
#6caeb7 rgb(108,174,183)
```
#64b5bf
```
#64b5bf rgb(100,181,191)
```
#5cbcc7
```
#5cbcc7 rgb(92,188,199)
```
#53c2d0
```
#53c2d0 rgb(83,194,208)
```
#4bc9d8
```
#4bc9d8 rgb(75,201,216)
```
#42cfe1
```
#42cfe1 rgb(66,207,225)
```
#3ad6e9
```
#3ad6e9 rgb(58,214,233)
```
#31dcf2
```
#31dcf2 rgb(49,220,242)
```
#29e3fa
```
#29e3fa rgb(41,227,250)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#92a3a5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#abacba Protanopia 1% of men
#afa9c7 Deuteranopia 1% of men
#6db8c5 Tritanopia 0.001% of the population

Trichromacy

#91afbc Protanomaly 1% of men, 0.01% of women
#94adc4 Deuteranomaly 6% of men, 0.4% of women
#6ab7c3 Tritanomaly 0.01% of the population

#64b5bf hex color

#64b5bf Color Information

#64b5bf Color Conversion

Color Schemes with #64b5bf

Alternatives to #64b5bf

#64b5bf Preview

Shades and Tints of #64b5bf

Tones of #64b5bf

Color Blindness Simulator