#64b4ba hex color

In a RGB color space, hex #64b4ba is composed of 39.2% red, 70.6% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 46.2% cyan, 3.2% magenta, 0% yellow and 27.1% black. It has a hue angle of 184.2 degrees, a saturation of 38.4% and a lightness of 56.1%. #64b4ba color hex could be obtained by blending #c8ffff with #006975. 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

● #64b4ba color description : Slightly desaturated cyan.

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

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

CIE-LAB	68.675, -22.901, -10.694
XYZ	30.437, 38.895, 52.355
xyY	0.25, 0.32, 38.895
CIE-LCH	68.675, 25.275, 205.032
CIE-LUV	68.675, -35.635, -12.737
Hunter-Lab	62.366, -22.025, -6.117
Binary	01100100, 10110100, 10111010

#64b4ba
```
#64b4ba rgb(100,180,186)
```
#ba6a64
```
#ba6a64 rgb(186,106,100)
```

Complementary Color

#64ba95
```
#64ba95 rgb(100,186,149)
```
#64b4ba
```
#64b4ba rgb(100,180,186)
```
#6489ba
```
#6489ba rgb(100,137,186)
```

Analogous Color

#ba9564
```
#ba9564 rgb(186,149,100)
```
#64b4ba
```
#64b4ba rgb(100,180,186)
```
#ba6489
```
#ba6489 rgb(186,100,137)
```

Split Complementary Color

#b4ba64
```
#b4ba64 rgb(180,186,100)
```
#64b4ba
```
#64b4ba rgb(100,180,186)
```
#ba64b4
```
#ba64b4 rgb(186,100,180)
```

Triadic Color

#64ba6a
```
#64ba6a rgb(100,186,106)
```
#64b4ba
```
#64b4ba rgb(100,180,186)
```
#ba64b4
```
#ba64b4 rgb(186,100,180)
```
#ba6a64
```
#ba6a64 rgb(186,106,100)
```

Tetradic Color

#418b91
```
#418b91 rgb(65,139,145)
```
#489ca3
```
#489ca3 rgb(72,156,163)
```
#52abb2
```
#52abb2 rgb(82,171,178)
```
#64b4ba
```
#64b4ba rgb(100,180,186)
```
#76bdc2
```
#76bdc2 rgb(118,189,194)
```
#87c5ca
```
#87c5ca rgb(135,197,202)
```
#99ced2
```
#99ced2 rgb(153,206,210)
```

Monochromatic Color

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

#64baab
```
#64baab rgb(100,186,171)
```
#64bab2
```
#64bab2 rgb(100,186,178)
```
#64bab9
```
#64bab9 rgb(100,186,185)
```
#64b4ba
```
#64b4ba rgb(100,180,186)
```
#64adba
```
#64adba rgb(100,173,186)
```
#64a6ba
```
#64a6ba rgb(100,166,186)
```
#649fba
```
#649fba rgb(100,159,186)
```

Similar Colors

Text with hexadecimal color #64b4ba

This text has a font color of #64b4ba.

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

#64b4ba background color

This paragraph has a background color of #64b4ba.

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

#64b4ba border color

This element has a border color of #64b4ba.

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

CSS codes

.text {color:#64b4ba;}

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

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

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)
```
#2e6367
```
#2e6367 rgb(46,99,103)
```
#347074
```
#347074 rgb(52,112,116)
```
#3a7d82
```
#3a7d82 rgb(58,125,130)
```
#408a90
```
#408a90 rgb(64,138,144)
```
#46979d
```
#46979d rgb(70,151,157)
```
#4ca4ab
```
#4ca4ab rgb(76,164,171)
```

Shade Color Variation

#56adb4
```
#56adb4 rgb(86,173,180)
```
#64b4ba
```
#64b4ba rgb(100,180,186)
```
#72bbc0
```
#72bbc0 rgb(114,187,192)
```
#7fc1c6
```
#7fc1c6 rgb(127,193,198)
```
#8dc8cc
```
#8dc8cc rgb(141,200,204)
```
#9aced2
```
#9aced2 rgb(154,206,210)
```
#a8d5d8
```
#a8d5d8 rgb(168,213,216)
```
#b5dbde
```
#b5dbde rgb(181,219,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, #869698 is the less saturated color, while #1fefff is the most saturated one.

#869698
```
#869698 rgb(134,150,152)
```
#7e9ea0
```
#7e9ea0 rgb(126,158,160)
```
#75a5a9
```
#75a5a9 rgb(117,165,169)
```
#6dadb1
```
#6dadb1 rgb(109,173,177)
```
#64b4ba
```
#64b4ba rgb(100,180,186)
```
#5bbbc3
```
#5bbbc3 rgb(91,187,195)
```
#53c3cb
```
#53c3cb rgb(83,195,203)
```
#4acad4
```
#4acad4 rgb(74,202,212)
```
#42d2dc
```
#42d2dc rgb(66,210,220)
```
#39d9e5
```
#39d9e5 rgb(57,217,229)
```
#30e0ee
```
#30e0ee rgb(48,224,238)
```
#28e8f6
```
#28e8f6 rgb(40,232,246)
```
#1fefff
```
#1fefff rgb(31,239,255)
```

Tone Color Variation

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

#ababb6 Protanopia 1% of men
#b0a8c3 Deuteranopia 1% of men
#6eb6c4 Tritanopia 0.001% of the population

Trichromacy

#91aeb7 Protanomaly 1% of men, 0.01% of women
#94acbf Deuteranomaly 6% of men, 0.4% of women
#6ab5c0 Tritanomaly 0.01% of the population

#64b4ba hex color

#64b4ba Color Information

#64b4ba Color Conversion

Color Schemes with #64b4ba

Alternatives to #64b4ba

#64b4ba Preview

Shades and Tints of #64b4ba

Tones of #64b4ba

Color Blindness Simulator