#64b2bf hex color

In a RGB color space, hex #64b2bf is composed of 39.2% red, 69.8% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 47.6% cyan, 6.8% magenta, 0% yellow and 25.1% black. It has a hue angle of 188.6 degrees, a saturation of 41.6% and a lightness of 57.1%. #64b2bf color hex could be obtained by blending #c8ffff with #00657f. Closest websafe color is: #6699cc.

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

● #64b2bf color description : Slightly desaturated cyan.

The hexadecimal color #64b2bf has RGB values of R:100, G:178, B:191 and CMYK values of C:0.48, M:0.07, Y:0, K:0.25. Its decimal value is 6599359.

Hex triplet	64b2bf	`#64b2bf`
RGB Decimal	100, 178, 191	`rgb(100,178,191)`
RGB Percent	39.2, 69.8, 74.9	`rgb(39.2%,69.8%,74.9%)`
CMYK	48, 7, 0, 25
HSL	188.6°, 41.6, 57.1	`hsl(188.6,41.6%,57.1%)`
HSV (or HSB)	188.6°, 47.6, 74.9
Web Safe	6699cc	`#6699cc`

CIE-LAB	68.248, -20.537, -14.093
XYZ	30.577, 38.31, 55.071
xyY	0.247, 0.309, 38.31
CIE-LCH	68.248, 24.907, 214.46
CIE-LUV	68.248, -34.678, -18.466
Hunter-Lab	61.895, -20.133, -9.426
Binary	01100100, 10110010, 10111111

#64b2bf
```
#64b2bf rgb(100,178,191)
```
#bf7164
```
#bf7164 rgb(191,113,100)
```

Complementary Color

#64bf9f
```
#64bf9f rgb(100,191,159)
```
#64b2bf
```
#64b2bf rgb(100,178,191)
```
#6485bf
```
#6485bf rgb(100,133,191)
```

Analogous Color

#bf9f64
```
#bf9f64 rgb(191,159,100)
```
#64b2bf
```
#64b2bf rgb(100,178,191)
```
#bf6485
```
#bf6485 rgb(191,100,133)
```

Split Complementary Color

#b2bf64
```
#b2bf64 rgb(178,191,100)
```
#64b2bf
```
#64b2bf rgb(100,178,191)
```
#bf64b2
```
#bf64b2 rgb(191,100,178)
```

Triadic Color

#64bf71
```
#64bf71 rgb(100,191,113)
```
#64b2bf
```
#64b2bf rgb(100,178,191)
```
#bf64b2
```
#bf64b2 rgb(191,100,178)
```
#bf7164
```
#bf7164 rgb(191,113,100)
```

Tetradic Color

#3f8b98
```
#3f8b98 rgb(63,139,152)
```
#469caa
```
#469caa rgb(70,156,170)
```
#52a9b8
```
#52a9b8 rgb(82,169,184)
```
#64b2bf
```
#64b2bf rgb(100,178,191)
```
#76bbc6
```
#76bbc6 rgb(118,187,198)
```
#88c4ce
```
#88c4ce rgb(136,196,206)
```
#9acdd5
```
#9acdd5 rgb(154,205,213)
```

Monochromatic Color

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

#64bfb5
```
#64bfb5 rgb(100,191,181)
```
#64bfbd
```
#64bfbd rgb(100,191,189)
```
#64babf
```
#64babf rgb(100,186,191)
```
#64b2bf
```
#64b2bf rgb(100,178,191)
```
#64aabf
```
#64aabf rgb(100,170,191)
```
#64a3bf
```
#64a3bf rgb(100,163,191)
```
#649bbf
```
#649bbf rgb(100,155,191)
```

Similar Colors

Text with hexadecimal color #64b2bf

This text has a font color of #64b2bf.

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

#64b2bf background color

This paragraph has a background color of #64b2bf.

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

#64b2bf border color

This element has a border color of #64b2bf.

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

CSS codes

.text {color:#64b2bf;}

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

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

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)
```
#0b1719
```
#0b1719 rgb(11,23,25)
```
#102427
```
#102427 rgb(16,36,39)
```
#163135
```
#163135 rgb(22,49,53)
```
#1c3d43
```
#1c3d43 rgb(28,61,67)
```
#214a51
```
#214a51 rgb(33,74,81)
```
#27575f
```
#27575f rgb(39,87,95)
```
#2d646d
```
#2d646d rgb(45,100,109)
```
#33707b
```
#33707b rgb(51,112,123)
```
#387d89
```
#387d89 rgb(56,125,137)
```
#3e8a96
```
#3e8a96 rgb(62,138,150)
```
#4497a4
```
#4497a4 rgb(68,151,164)
```
#4aa3b2
```
#4aa3b2 rgb(74,163,178)
```

Shade Color Variation

#56abb9
```
#56abb9 rgb(86,171,185)
```
#64b2bf
```
#64b2bf rgb(100,178,191)
```
#72b9c5
```
#72b9c5 rgb(114,185,197)
```
#80c0ca
```
#80c0ca rgb(128,192,202)
```
#8ec7d0
```
#8ec7d0 rgb(142,199,208)
```
#9cced6
```
#9cced6 rgb(156,206,214)
```
#a9d4dc
```
#a9d4dc rgb(169,212,220)
```
#b7dbe1
```
#b7dbe1 rgb(183,219,225)
```
#c5e2e7
```
#c5e2e7 rgb(197,226,231)
```
#d3e9ed
```
#d3e9ed rgb(211,233,237)
```
#e1f0f3
```
#e1f0f3 rgb(225,240,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 #29dcfa is the most saturated one.

#8e9495
```
#8e9495 rgb(142,148,149)
```
#869a9d
```
#869a9d rgb(134,154,157)
```
#7da0a6
```
#7da0a6 rgb(125,160,166)
```
#75a6ae
```
#75a6ae rgb(117,166,174)
```
#6cacb7
```
#6cacb7 rgb(108,172,183)
```
#64b2bf
```
#64b2bf rgb(100,178,191)
```
#5cb8c7
```
#5cb8c7 rgb(92,184,199)
```
#53bed0
```
#53bed0 rgb(83,190,208)
```
#4bc4d8
```
#4bc4d8 rgb(75,196,216)
```
#42cae1
```
#42cae1 rgb(66,202,225)
```
#3ad0e9
```
#3ad0e9 rgb(58,208,233)
```
#31d6f2
```
#31d6f2 rgb(49,214,242)
```
#29dcfa
```
#29dcfa rgb(41,220,250)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#91a0a3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a8a9bb Protanopia 1% of men
#aca7c7 Deuteranopia 1% of men
#6cb5c3 Tritanopia 0.001% of the population

Trichromacy

#8facbc Protanomaly 1% of men, 0.01% of women
#91abc4 Deuteranomaly 6% of men, 0.4% of women
#69b4c1 Tritanomaly 0.01% of the population

#64b2bf hex color

#64b2bf Color Information

#64b2bf Color Conversion

Color Schemes with #64b2bf

Alternatives to #64b2bf

#64b2bf Preview

Shades and Tints of #64b2bf

Tones of #64b2bf

Color Blindness Simulator