#64bdb4 hex color

In a RGB color space, hex #64bdb4 is composed of 39.2% red, 74.1% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 47.1% cyan, 0% magenta, 4.8% yellow and 25.9% black. It has a hue angle of 173.9 degrees, a saturation of 40.3% and a lightness of 56.7%. #64bdb4 color hex could be obtained by blending #c8ffff with #007b69. Closest websafe color is: #66cccc.

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

● #64bdb4 color description : Slightly desaturated cyan.

The hexadecimal color #64bdb4 has RGB values of R:100, G:189, B:180 and CMYK values of C:0.47, M:0, Y:0.05, K:0.26. Its decimal value is 6602164.

Hex triplet	64bdb4	`#64bdb4`
RGB Decimal	100, 189, 180	`rgb(100,189,180)`
RGB Percent	39.2, 74.1, 70.6	`rgb(39.2%,74.1%,70.6%)`
CMYK	47, 0, 5, 26
HSL	173.9°, 40.3, 56.7	`hsl(173.9,40.3%,56.7%)`
HSV (or HSB)	173.9°, 47.1, 74.1
Web Safe	66cccc	`#66cccc`

CIE-LAB	71.144, -28.917, -3.733
XYZ	31.689, 42.398, 49.691
xyY	0.256, 0.343, 42.398
CIE-LCH	71.144, 29.157, 187.356
CIE-LUV	71.144, -39.437, -1.046
Hunter-Lab	65.114, -27.078, 0.332
Binary	01100100, 10111101, 10110100

#64bdb4
```
#64bdb4 rgb(100,189,180)
```
#bd646d
```
#bd646d rgb(189,100,109)
```

Complementary Color

#64bd88
```
#64bd88 rgb(100,189,136)
```
#64bdb4
```
#64bdb4 rgb(100,189,180)
```
#649abd
```
#649abd rgb(100,154,189)
```

Analogous Color

#bd8864
```
#bd8864 rgb(189,136,100)
```
#64bdb4
```
#64bdb4 rgb(100,189,180)
```
#bd649a
```
#bd649a rgb(189,100,154)
```

Split Complementary Color

#bdb464
```
#bdb464 rgb(189,180,100)
```
#64bdb4
```
#64bdb4 rgb(100,189,180)
```
#b464bd
```
#b464bd rgb(180,100,189)
```

Triadic Color

#6dbd64
```
#6dbd64 rgb(109,189,100)
```
#64bdb4
```
#64bdb4 rgb(100,189,180)
```
#b464bd
```
#b464bd rgb(180,100,189)
```
#bd646d
```
#bd646d rgb(189,100,109)
```

Tetradic Color

#3f958c
```
#3f958c rgb(63,149,140)
```
#47a79d
```
#47a79d rgb(71,167,157)
```
#52b5ab
```
#52b5ab rgb(82,181,171)
```
#64bdb4
```
#64bdb4 rgb(100,189,180)
```
#76c5bd
```
#76c5bd rgb(118,197,189)
```
#88ccc5
```
#88ccc5 rgb(136,204,197)
```
#9ad4ce
```
#9ad4ce rgb(154,212,206)
```

Monochromatic Color

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

#64bd9e
```
#64bd9e rgb(100,189,158)
```
#64bda5
```
#64bda5 rgb(100,189,165)
```
#64bdad
```
#64bdad rgb(100,189,173)
```
#64bdb4
```
#64bdb4 rgb(100,189,180)
```
#64bdbb
```
#64bdbb rgb(100,189,187)
```
#64b7bd
```
#64b7bd rgb(100,183,189)
```
#64b0bd
```
#64b0bd rgb(100,176,189)
```

Similar Colors

Text with hexadecimal color #64bdb4

This text has a font color of #64bdb4.

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

#64bdb4 background color

This paragraph has a background color of #64bdb4.

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

#64bdb4 border color

This element has a border color of #64bdb4.

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

CSS codes

.text {color:#64bdb4;}

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

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

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

#040a0a
```
#040a0a rgb(4,10,10)
```
#0a1816
```
#0a1816 rgb(10,24,22)
```
#102623
```
#102623 rgb(16,38,35)
```
#163330
```
#163330 rgb(22,51,48)
```
#1c413d
```
#1c413d rgb(28,65,61)
```
#224f4a
```
#224f4a rgb(34,79,74)
```
#275d57
```
#275d57 rgb(39,93,87)
```
#2d6a64
```
#2d6a64 rgb(45,106,100)
```
#337871
```
#337871 rgb(51,120,113)
```
#39867e
```
#39867e rgb(57,134,126)
```
#3f948b
```
#3f948b rgb(63,148,139)
```
#45a198
```
#45a198 rgb(69,161,152)
```
#4bafa5
```
#4bafa5 rgb(75,175,165)
```

Shade Color Variation

#56b7ad
```
#56b7ad rgb(86,183,173)
```
#64bdb4
```
#64bdb4 rgb(100,189,180)
```
#72c3bb
```
#72c3bb rgb(114,195,187)
```
#80c9c1
```
#80c9c1 rgb(128,201,193)
```
#8dcfc8
```
#8dcfc8 rgb(141,207,200)
```
#9bd4cf
```
#9bd4cf rgb(155,212,207)
```
#a9dad5
```
#a9dad5 rgb(169,218,213)
```
#b7e0dc
```
#b7e0dc rgb(183,224,220)
```
#c4e6e3
```
#c4e6e3 rgb(196,230,227)
```
#d2ece9
```
#d2ece9 rgb(210,236,233)
```
#e0f2f0
```
#e0f2f0 rgb(224,242,240)
```
#eef8f7
```
#eef8f7 rgb(238,248,247)
```
#fbfdfd
```
#fbfdfd rgb(251,253,253)
```

Tint Color Variation

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

#8f9392
```
#8f9392 rgb(143,147,146)
```
#869b99
```
#869b99 rgb(134,155,153)
```
#7ea4a0
```
#7ea4a0 rgb(126,164,160)
```
#75aca6
```
#75aca6 rgb(117,172,166)
```
#6db5ad
```
#6db5ad rgb(109,181,173)
```
#64bdb4
```
#64bdb4 rgb(100,189,180)
```
#5cc6bb
```
#5cc6bb rgb(92,198,187)
```
#53cec2
```
#53cec2 rgb(83,206,194)
```
#4bd7c8
```
#4bd7c8 rgb(75,215,200)
```
#42dfcf
```
#42dfcf rgb(66,223,207)
```
#3ae8d6
```
#3ae8d6 rgb(58,232,214)
```
#31f0dd
```
#31f0dd rgb(49,240,221)
```
#29f9e3
```
#29f9e3 rgb(41,249,227)
```

Tone Color Variation

Below, you can see how #64bdb4 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
#95a7a5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b5b1af Protanopia 1% of men
#bdadbe Deuteranopia 1% of men
#73bdcb Tritanopia 0.001% of the population

Trichromacy

#98b5b1 Protanomaly 1% of men, 0.01% of women
#9cb3ba Deuteranomaly 6% of men, 0.4% of women
#6dbdc2 Tritanomaly 0.01% of the population

#64bdb4 hex color

#64bdb4 Color Information

#64bdb4 Color Conversion

Color Schemes with #64bdb4

Alternatives to #64bdb4

#64bdb4 Preview

Shades and Tints of #64bdb4

Tones of #64bdb4

Color Blindness Simulator