#64b2af hex color

In a RGB color space, hex #64b2af is composed of 39.2% red, 69.8% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 43.8% cyan, 0% magenta, 1.7% yellow and 30.2% black. It has a hue angle of 177.7 degrees, a saturation of 33.6% and a lightness of 54.5%. #64b2af color hex could be obtained by blending #c8ffff with #00655f. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 39
- G 70
- B 69
RGB color chart
- C 44
- M 0
- Y 2
- K 30
CMYK color chart

● #64b2af color description : Mostly desaturated dark cyan.

The hexadecimal color #64b2af has RGB values of R:100, G:178, B:175 and CMYK values of C:0.44, M:0, Y:0.02, K:0.3. Its decimal value is 6599343.

Hex triplet	64b2af	`#64b2af`
RGB Decimal	100, 178, 175	`rgb(100,178,175)`
RGB Percent	39.2, 69.8, 68.6	`rgb(39.2%,69.8%,68.6%)`
CMYK	44, 0, 2, 30
HSL	177.7°, 33.6, 54.5	`hsl(177.7,33.6%,54.5%)`
HSV (or HSB)	177.7°, 43.8, 69.8
Web Safe	669999	`#669999`

CIE-LAB	67.757, -24.757, -5.985
XYZ	28.912, 37.643, 46.297
xyY	0.256, 0.334, 37.643
CIE-LCH	67.757, 25.47, 193.59
CIE-LUV	67.757, -35.191, -5.104
Hunter-Lab	61.354, -23.257, -1.792
Binary	01100100, 10110010, 10101111

#64b2af
```
#64b2af rgb(100,178,175)
```
#b26467
```
#b26467 rgb(178,100,103)
```

Complementary Color

#64b288
```
#64b288 rgb(100,178,136)
```
#64b2af
```
#64b2af rgb(100,178,175)
```
#648eb2
```
#648eb2 rgb(100,142,178)
```

Analogous Color

#b28864
```
#b28864 rgb(178,136,100)
```
#64b2af
```
#64b2af rgb(100,178,175)
```
#b2648e
```
#b2648e rgb(178,100,142)
```

Split Complementary Color

#b2af64
```
#b2af64 rgb(178,175,100)
```
#64b2af
```
#64b2af rgb(100,178,175)
```
#af64b2
```
#af64b2 rgb(175,100,178)
```

Triadic Color

#67b264
```
#67b264 rgb(103,178,100)
```
#64b2af
```
#64b2af rgb(100,178,175)
```
#af64b2
```
#af64b2 rgb(175,100,178)
```
#b26467
```
#b26467 rgb(178,100,103)
```

Tetradic Color

#438784
```
#438784 rgb(67,135,132)
```
#4b9895
```
#4b9895 rgb(75,152,149)
```
#54a9a5
```
#54a9a5 rgb(84,169,165)
```
#64b2af
```
#64b2af rgb(100,178,175)
```
#75bab8
```
#75bab8 rgb(117,186,184)
```
#86c3c1
```
#86c3c1 rgb(134,195,193)
```
#97cbc9
```
#97cbc9 rgb(151,203,201)
```

Monochromatic Color

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

#64b29c
```
#64b29c rgb(100,178,156)
```
#64b2a2
```
#64b2a2 rgb(100,178,162)
```
#64b2a9
```
#64b2a9 rgb(100,178,169)
```
#64b2af
```
#64b2af rgb(100,178,175)
```
#64afb2
```
#64afb2 rgb(100,175,178)
```
#64a8b2
```
#64a8b2 rgb(100,168,178)
```
#64a2b2
```
#64a2b2 rgb(100,162,178)
```

Similar Colors

Text with hexadecimal color #64b2af

This text has a font color of #64b2af.

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

#64b2af background color

This paragraph has a background color of #64b2af.

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

#64b2af border color

This element has a border color of #64b2af.

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

CSS codes

.text {color:#64b2af;}

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

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

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

#010202
```
#010202 rgb(1,2,2)
```
#080f0f
```
#080f0f rgb(8,15,15)
```
#0e1c1c
```
#0e1c1c rgb(14,28,28)
```
#152a29
```
#152a29 rgb(21,42,41)
```
#1b3736
```
#1b3736 rgb(27,55,54)
```
#224442
```
#224442 rgb(34,68,66)
```
#28514f
```
#28514f rgb(40,81,79)
```
#2f5e5c
```
#2f5e5c rgb(47,94,92)
```
#356b69
```
#356b69 rgb(53,107,105)
```
#3c7876
```
#3c7876 rgb(60,120,118)
```
#428583
```
#428583 rgb(66,133,131)
```
#499290
```
#499290 rgb(73,146,144)
```
#4fa09c
```
#4fa09c rgb(79,160,156)
```

Shade Color Variation

#57aba8
```
#57aba8 rgb(87,171,168)
```
#64b2af
```
#64b2af rgb(100,178,175)
```
#71b9b6
```
#71b9b6 rgb(113,185,182)
```
#7ebfbd
```
#7ebfbd rgb(126,191,189)
```
#8bc6c3
```
#8bc6c3 rgb(139,198,195)
```
#98ccca
```
#98ccca rgb(152,204,202)
```
#a6d3d1
```
#a6d3d1 rgb(166,211,209)
```
#b3d9d8
```
#b3d9d8 rgb(179,217,216)
```
#c0e0de
```
#c0e0de rgb(192,224,222)
```
#cde6e5
```
#cde6e5 rgb(205,230,229)
```
#daedec
```
#daedec rgb(218,237,236)
```
#e7f3f3
```
#e7f3f3 rgb(231,243,243)
```
#f4faf9
```
#f4faf9 rgb(244,250,249)
```

Tint Color Variation

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

#888e8e
```
#888e8e rgb(136,142,142)
```
#7f9796
```
#7f9796 rgb(127,151,150)
```
#76a09f
```
#76a09f rgb(118,160,159)
```
#6da9a7
```
#6da9a7 rgb(109,169,167)
```
#64b2af
```
#64b2af rgb(100,178,175)
```
#5bbbb7
```
#5bbbb7 rgb(91,187,183)
```
#52c4bf
```
#52c4bf rgb(82,196,191)
```
#49cdc8
```
#49cdc8 rgb(73,205,200)
```
#40d6d0
```
#40d6d0 rgb(64,214,208)
```
#37dfd8
```
#37dfd8 rgb(55,223,216)
```
#2ee8e0
```
#2ee8e0 rgb(46,232,224)
```
#26f0e9
```
#26f0e9 rgb(38,240,233)
```
#1df9f1
```
#1df9f1 rgb(29,249,241)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#8f9f9e Atypical Achromatopsia 0.001% of the population

Dichromacy

#aba8ac Protanopia 1% of men
#b2a5b9 Deuteranopia 1% of men
#71b3c0 Tritanopia 0.001% of the population

Trichromacy

#91acad Protanomaly 1% of men, 0.01% of women
#95aab5 Deuteranomaly 6% of men, 0.4% of women
#6cb3ba Tritanomaly 0.01% of the population

#64b2af hex color

#64b2af Color Information

#64b2af Color Conversion

Color Schemes with #64b2af

Alternatives to #64b2af

#64b2af Preview

Shades and Tints of #64b2af

Tones of #64b2af

Color Blindness Simulator