#64bcb4 hex color

In a RGB color space, hex #64bcb4 is composed of 39.2% red, 73.7% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 46.8% cyan, 0% magenta, 4.3% yellow and 26.3% black. It has a hue angle of 174.5 degrees, a saturation of 39.6% and a lightness of 56.5%. #64bcb4 color hex could be obtained by blending #c8ffff with #007969. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 39
- G 74
- B 71
RGB color chart
- C 47
- M 0
- Y 4
- K 26
CMYK color chart

● #64bcb4 color description : Slightly desaturated cyan.

The hexadecimal color #64bcb4 has RGB values of R:100, G:188, B:180 and CMYK values of C:0.47, M:0, Y:0.04, K:0.26. Its decimal value is 6601908.

Hex triplet	64bcb4	`#64bcb4`
RGB Decimal	100, 188, 180	`rgb(100,188,180)`
RGB Percent	39.2, 73.7, 70.6	`rgb(39.2%,73.7%,70.6%)`
CMYK	47, 0, 4, 26
HSL	174.5°, 39.6, 56.5	`hsl(174.5,39.6%,56.5%)`
HSV (or HSB)	174.5°, 46.8, 73.7
Web Safe	66cccc	`#66cccc`

CIE-LAB	70.85, -28.43, -4.168
XYZ	31.475, 41.969, 49.62
xyY	0.256, 0.341, 41.969
CIE-LCH	70.85, 28.734, 188.339
CIE-LUV	70.85, -39.038, -1.785
Hunter-Lab	64.783, -26.648, -0.064
Binary	01100100, 10111100, 10110100

#64bcb4
```
#64bcb4 rgb(100,188,180)
```
#bc646c
```
#bc646c rgb(188,100,108)
```

Complementary Color

#64bc88
```
#64bc88 rgb(100,188,136)
```
#64bcb4
```
#64bcb4 rgb(100,188,180)
```
#6498bc
```
#6498bc rgb(100,152,188)
```

Analogous Color

#bc8864
```
#bc8864 rgb(188,136,100)
```
#64bcb4
```
#64bcb4 rgb(100,188,180)
```
#bc6498
```
#bc6498 rgb(188,100,152)
```

Split Complementary Color

#bcb464
```
#bcb464 rgb(188,180,100)
```
#64bcb4
```
#64bcb4 rgb(100,188,180)
```
#b464bc
```
#b464bc rgb(180,100,188)
```

Triadic Color

#6cbc64
```
#6cbc64 rgb(108,188,100)
```
#64bcb4
```
#64bcb4 rgb(100,188,180)
```
#b464bc
```
#b464bc rgb(180,100,188)
```
#bc646c
```
#bc646c rgb(188,100,108)
```

Tetradic Color

#40948c
```
#40948c rgb(64,148,140)
```
#48a59d
```
#48a59d rgb(72,165,157)
```
#52b4ab
```
#52b4ab rgb(82,180,171)
```
#64bcb4
```
#64bcb4 rgb(100,188,180)
```
#76c4bd
```
#76c4bd rgb(118,196,189)
```
#88cbc5
```
#88cbc5 rgb(136,203,197)
```
#99d3ce
```
#99d3ce rgb(153,211,206)
```

Monochromatic Color

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

#64bc9e
```
#64bc9e rgb(100,188,158)
```
#64bca5
```
#64bca5 rgb(100,188,165)
```
#64bcad
```
#64bcad rgb(100,188,173)
```
#64bcb4
```
#64bcb4 rgb(100,188,180)
```
#64bcbb
```
#64bcbb rgb(100,188,187)
```
#64b5bc
```
#64b5bc rgb(100,181,188)
```
#64aebc
```
#64aebc rgb(100,174,188)
```

Similar Colors

Text with hexadecimal color #64bcb4

This text has a font color of #64bcb4.

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

#64bcb4 background color

This paragraph has a background color of #64bcb4.

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

#64bcb4 border color

This element has a border color of #64bcb4.

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

CSS codes

.text {color:#64bcb4;}

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

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

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

#040909
```
#040909 rgb(4,9,9)
```
#0a1716
```
#0a1716 rgb(10,23,22)
```
#102523
```
#102523 rgb(16,37,35)
```
#163230
```
#163230 rgb(22,50,48)
```
#1c403d
```
#1c403d rgb(28,64,61)
```
#224e4a
```
#224e4a rgb(34,78,74)
```
#285c57
```
#285c57 rgb(40,92,87)
```
#2d6964
```
#2d6964 rgb(45,105,100)
```
#337771
```
#337771 rgb(51,119,113)
```
#39857e
```
#39857e rgb(57,133,126)
```
#3f928b
```
#3f928b rgb(63,146,139)
```
#45a098
```
#45a098 rgb(69,160,152)
```
#4baea5
```
#4baea5 rgb(75,174,165)
```

Shade Color Variation

#56b6ad
```
#56b6ad rgb(86,182,173)
```
#64bcb4
```
#64bcb4 rgb(100,188,180)
```
#72c2bb
```
#72c2bb rgb(114,194,187)
```
#7fc8c1
```
#7fc8c1 rgb(127,200,193)
```
#8dcec8
```
#8dcec8 rgb(141,206,200)
```
#9bd4cf
```
#9bd4cf rgb(155,212,207)
```
#a8dad5
```
#a8dad5 rgb(168,218,213)
```
#b6e0dc
```
#b6e0dc rgb(182,224,220)
```
#c4e5e2
```
#c4e5e2 rgb(196,229,226)
```
#d2ebe9
```
#d2ebe9 rgb(210,235,233)
```
#dff1f0
```
#dff1f0 rgb(223,241,240)
```
#edf7f6
```
#edf7f6 rgb(237,247,246)
```
#fbfdfd
```
#fbfdfd rgb(251,253,253)
```

Tint Color Variation

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

#8f9191
```
#8f9191 rgb(143,145,145)
```
#869a98
```
#869a98 rgb(134,154,152)
```
#7ea29f
```
#7ea29f rgb(126,162,159)
```
#75aba6
```
#75aba6 rgb(117,171,166)
```
#6db3ad
```
#6db3ad rgb(109,179,173)
```
#64bcb4
```
#64bcb4 rgb(100,188,180)
```
#5bc5bb
```
#5bc5bb rgb(91,197,187)
```
#53cdc2
```
#53cdc2 rgb(83,205,194)
```
#4ad6c9
```
#4ad6c9 rgb(74,214,201)
```
#42ded0
```
#42ded0 rgb(66,222,208)
```
#39e7d7
```
#39e7d7 rgb(57,231,215)
```
#31efde
```
#31efde rgb(49,239,222)
```
#28f8e5
```
#28f8e5 rgb(40,248,229)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#95a6a5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b4b0b0 Protanopia 1% of men
#bbacbe Deuteranopia 1% of men
#73bcca Tritanopia 0.001% of the population

Trichromacy

#97b4b1 Protanomaly 1% of men, 0.01% of women
#9bb2ba Deuteranomaly 6% of men, 0.4% of women
#6dbcc2 Tritanomaly 0.01% of the population

#64bcb4 hex color

#64bcb4 Color Information

#64bcb4 Color Conversion

Color Schemes with #64bcb4

Alternatives to #64bcb4

#64bcb4 Preview

Shades and Tints of #64bcb4

Tones of #64bcb4

Color Blindness Simulator