#64b5ba hex color

In a RGB color space, hex #64b5ba is composed of 39.2% red, 71% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 46.2% cyan, 2.7% magenta, 0% yellow and 27.1% black. It has a hue angle of 183.5 degrees, a saturation of 38.4% and a lightness of 56.1%. #64b5ba color hex could be obtained by blending #c8ffff with #006b75. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 39
- G 71
- B 73
RGB color chart
- C 46
- M 3
- Y 0
- K 27
CMYK color chart

● #64b5ba color description : Slightly desaturated cyan.

The hexadecimal color #64b5ba has RGB values of R:100, G:181, B:186 and CMYK values of C:0.46, M:0.03, Y:0, K:0.27. Its decimal value is 6600122.

Hex triplet	64b5ba	`#64b5ba`
RGB Decimal	100, 181, 186	`rgb(100,181,186)`
RGB Percent	39.2, 71, 72.9	`rgb(39.2%,71%,72.9%)`
CMYK	46, 3, 0, 27
HSL	183.5°, 38.4, 56.1	`hsl(183.5,38.4%,56.1%)`
HSV (or HSB)	183.5°, 46.2, 72.9
Web Safe	66cccc	`#66cccc`

CIE-LAB	68.968, -23.407, -10.256
XYZ	30.64, 39.3, 52.423
xyY	0.25, 0.321, 39.3
CIE-LCH	68.968, 25.555, 203.662
CIE-LUV	68.968, -36.033, -11.98
Hunter-Lab	62.69, -22.465, -5.697
Binary	01100100, 10110101, 10111010

#64b5ba
```
#64b5ba rgb(100,181,186)
```
#ba6964
```
#ba6964 rgb(186,105,100)
```

Complementary Color

#64ba94
```
#64ba94 rgb(100,186,148)
```
#64b5ba
```
#64b5ba rgb(100,181,186)
```
#648aba
```
#648aba rgb(100,138,186)
```

Analogous Color

#ba9464
```
#ba9464 rgb(186,148,100)
```
#64b5ba
```
#64b5ba rgb(100,181,186)
```
#ba648a
```
#ba648a rgb(186,100,138)
```

Split Complementary Color

#b5ba64
```
#b5ba64 rgb(181,186,100)
```
#64b5ba
```
#64b5ba rgb(100,181,186)
```
#ba64b5
```
#ba64b5 rgb(186,100,181)
```

Triadic Color

#64ba69
```
#64ba69 rgb(100,186,105)
```
#64b5ba
```
#64b5ba rgb(100,181,186)
```
#ba64b5
```
#ba64b5 rgb(186,100,181)
```
#ba6964
```
#ba6964 rgb(186,105,100)
```

Tetradic Color

#418c91
```
#418c91 rgb(65,140,145)
```
#489da3
```
#489da3 rgb(72,157,163)
```
#52adb2
```
#52adb2 rgb(82,173,178)
```
#64b5ba
```
#64b5ba rgb(100,181,186)
```
#76bdc2
```
#76bdc2 rgb(118,189,194)
```
#87c6ca
```
#87c6ca rgb(135,198,202)
```
#99ced2
```
#99ced2 rgb(153,206,210)
```

Monochromatic Color

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

#64baaa
```
#64baaa rgb(100,186,170)
```
#64bab1
```
#64bab1 rgb(100,186,177)
```
#64bab8
```
#64bab8 rgb(100,186,184)
```
#64b5ba
```
#64b5ba rgb(100,181,186)
```
#64aeba
```
#64aeba rgb(100,174,186)
```
#64a7ba
```
#64a7ba rgb(100,167,186)
```
#64a0ba
```
#64a0ba rgb(100,160,186)
```

Similar Colors

Text with hexadecimal color #64b5ba

This text has a font color of #64b5ba.

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

#64b5ba background color

This paragraph has a background color of #64b5ba.

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

#64b5ba border color

This element has a border color of #64b5ba.

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

CSS codes

.text {color:#64b5ba;}

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

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

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

#040808
```
#040808 rgb(4,8,8)
```
#0a1515
```
#0a1515 rgb(10,21,21)
```
#102223
```
#102223 rgb(16,34,35)
```
#162f31
```
#162f31 rgb(22,47,49)
```
#1c3c3e
```
#1c3c3e rgb(28,60,62)
```
#22494c
```
#22494c rgb(34,73,76)
```
#285659
```
#285659 rgb(40,86,89)
```
#2e6467
```
#2e6467 rgb(46,100,103)
```
#347174
```
#347174 rgb(52,113,116)
```
#3a7e82
```
#3a7e82 rgb(58,126,130)
```
#408b90
```
#408b90 rgb(64,139,144)
```
#46989d
```
#46989d rgb(70,152,157)
```
#4ca5ab
```
#4ca5ab rgb(76,165,171)
```

Shade Color Variation

#56afb4
```
#56afb4 rgb(86,175,180)
```
#64b5ba
```
#64b5ba rgb(100,181,186)
```
#72bbc0
```
#72bbc0 rgb(114,187,192)
```
#7fc2c6
```
#7fc2c6 rgb(127,194,198)
```
#8dc8cc
```
#8dc8cc rgb(141,200,204)
```
#9acfd2
```
#9acfd2 rgb(154,207,210)
```
#a8d5d8
```
#a8d5d8 rgb(168,213,216)
```
#b5dcde
```
#b5dcde rgb(181,220,222)
```
#c3e2e4
```
#c3e2e4 rgb(195,226,228)
```
#d1e9ea
```
#d1e9ea rgb(209,233,234)
```
#deeff0
```
#deeff0 rgb(222,239,240)
```
#ecf6f6
```
#ecf6f6 rgb(236,246,246)
```
#f9fcfc
```
#f9fcfc rgb(249,252,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #869798 is the less saturated color, while #1ff2ff is the most saturated one.

#869798
```
#869798 rgb(134,151,152)
```
#7e9ea0
```
#7e9ea0 rgb(126,158,160)
```
#75a6a9
```
#75a6a9 rgb(117,166,169)
```
#6dadb1
```
#6dadb1 rgb(109,173,177)
```
#64b5ba
```
#64b5ba rgb(100,181,186)
```
#5bbdc3
```
#5bbdc3 rgb(91,189,195)
```
#53c4cb
```
#53c4cb rgb(83,196,203)
```
#4accd4
```
#4accd4 rgb(74,204,212)
```
#42d3dc
```
#42d3dc rgb(66,211,220)
```
#39dbe5
```
#39dbe5 rgb(57,219,229)
```
#30e3ee
```
#30e3ee rgb(48,227,238)
```
#28eaf6
```
#28eaf6 rgb(40,234,246)
```
#1ff2ff
```
#1ff2ff rgb(31,242,255)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#92a2a3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#acabb6 Protanopia 1% of men
#b1a8c3 Deuteranopia 1% of men
#6eb7c5 Tritanopia 0.001% of the population

Trichromacy

#92afb7 Protanomaly 1% of men, 0.01% of women
#95adbf Deuteranomaly 6% of men, 0.4% of women
#6ab6c1 Tritanomaly 0.01% of the population

#64b5ba hex color

#64b5ba Color Information

#64b5ba Color Conversion

Color Schemes with #64b5ba

Alternatives to #64b5ba

#64b5ba Preview

Shades and Tints of #64b5ba

Tones of #64b5ba

Color Blindness Simulator