#64a5a6 hex color

In a RGB color space, hex #64a5a6 is composed of 39.2% red, 64.7% green and 65.1% blue. Whereas in a CMYK color space, it is composed of 39.8% cyan, 0.6% magenta, 0% yellow and 34.9% black. It has a hue angle of 180.9 degrees, a saturation of 27% and a lightness of 52.2%. #64a5a6 color hex could be obtained by blending #c8ffff with #004b4d. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 39
- G 65
- B 65
RGB color chart
- C 40
- M 1
- Y 0
- K 35
CMYK color chart

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

The hexadecimal color #64a5a6 has RGB values of R:100, G:165, B:166 and CMYK values of C:0.4, M:0.01, Y:0, K:0.35. Its decimal value is 6596006.

Hex triplet	64a5a6	`#64a5a6`
RGB Decimal	100, 165, 166	`rgb(100,165,166)`
RGB Percent	39.2, 64.7, 65.1	`rgb(39.2%,64.7%,65.1%)`
CMYK	40, 1, 0, 35
HSL	180.9°, 27, 52.2	`hsl(180.9,27%,52.2%)`
HSV (or HSB)	180.9°, 39.8, 65.1
Web Safe	669999	`#669999`

CIE-LAB	63.649, -20.446, -7.068
XYZ	25.592, 32.371, 40.974
xyY	0.259, 0.327, 32.371
CIE-LCH	63.649, 21.633, 199.069
CIE-LUV	63.649, -30.118, -7.337
Hunter-Lab	56.896, -19.278, -2.871
Binary	01100100, 10100101, 10100110

#64a5a6
```
#64a5a6 rgb(100,165,166)
```
#a66564
```
#a66564 rgb(166,101,100)
```

Complementary Color

#64a686
```
#64a686 rgb(100,166,134)
```
#64a5a6
```
#64a5a6 rgb(100,165,166)
```
#6484a6
```
#6484a6 rgb(100,132,166)
```

Analogous Color

#a68664
```
#a68664 rgb(166,134,100)
```
#64a5a6
```
#64a5a6 rgb(100,165,166)
```
#a66484
```
#a66484 rgb(166,100,132)
```

Split Complementary Color

#a5a664
```
#a5a664 rgb(165,166,100)
```
#64a5a6
```
#64a5a6 rgb(100,165,166)
```
#a664a5
```
#a664a5 rgb(166,100,165)
```

Triadic Color

#64a665
```
#64a665 rgb(100,166,101)
```
#64a5a6
```
#64a5a6 rgb(100,165,166)
```
#a664a5
```
#a664a5 rgb(166,100,165)
```
#a66564
```
#a66564 rgb(166,101,100)
```

Tetradic Color

#457878
```
#457878 rgb(69,120,120)
```
#4e8889
```
#4e8889 rgb(78,136,137)
```
#589899
```
#589899 rgb(88,152,153)
```
#64a5a6
```
#64a5a6 rgb(100,165,166)
```
#74aeaf
```
#74aeaf rgb(116,174,175)
```
#84b8b9
```
#84b8b9 rgb(132,184,185)
```
#95c1c2
```
#95c1c2 rgb(149,193,194)
```

Monochromatic Color

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

#64a697
```
#64a697 rgb(100,166,151)
```
#64a69c
```
#64a69c rgb(100,166,156)
```
#64a6a2
```
#64a6a2 rgb(100,166,162)
```
#64a5a6
```
#64a5a6 rgb(100,165,166)
```
#64a0a6
```
#64a0a6 rgb(100,160,166)
```
#649aa6
```
#649aa6 rgb(100,154,166)
```
#6495a6
```
#6495a6 rgb(100,149,166)
```

Similar Colors

Text with hexadecimal color #64a5a6

This text has a font color of #64a5a6.

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

#64a5a6 background color

This paragraph has a background color of #64a5a6.

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

#64a5a6 border color

This element has a border color of #64a5a6.

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

CSS codes

.text {color:#64a5a6;}

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

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

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

#040707
```
#040707 rgb(4,7,7)
```
#0b1313
```
#0b1313 rgb(11,19,19)
```
#122020
```
#122020 rgb(18,32,32)
```
#192c2c
```
#192c2c rgb(25,44,44)
```
#213839
```
#213839 rgb(33,56,57)
```
#284545
```
#284545 rgb(40,69,69)
```
#2f5152
```
#2f5152 rgb(47,81,82)
```
#365e5e
```
#365e5e rgb(54,94,94)
```
#3d6a6b
```
#3d6a6b rgb(61,106,107)
```
#447677
```
#447677 rgb(68,118,119)
```
#4c8384
```
#4c8384 rgb(76,131,132)
```
#538f90
```
#538f90 rgb(83,143,144)
```
#5a9c9d
```
#5a9c9d rgb(90,156,157)
```

Shade Color Variation

#64a5a6
```
#64a5a6 rgb(100,165,166)
```
#70acad
```
#70acad rgb(112,172,173)
```
#7db3b4
```
#7db3b4 rgb(125,179,180)
```
#89bbbb
```
#89bbbb rgb(137,187,187)
```
#96c2c3
```
#96c2c3 rgb(150,194,195)
```
#a2c9ca
```
#a2c9ca rgb(162,201,202)
```
#afd0d1
```
#afd0d1 rgb(175,208,209)
```
#bbd8d8
```
#bbd8d8 rgb(187,216,216)
```
#c8dfdf
```
#c8dfdf rgb(200,223,223)
```
#d4e6e6
```
#d4e6e6 rgb(212,230,230)
```
#e1edee
```
#e1edee rgb(225,237,238)
```
#edf5f5
```
#edf5f5 rgb(237,245,245)
```
#fafcfc
```
#fafcfc rgb(250,252,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #808a8a is the less saturated color, while #10f7fa is the most saturated one.

#808a8a
```
#808a8a rgb(128,138,138)
```
#779393
```
#779393 rgb(119,147,147)
```
#6d9c9d
```
#6d9c9d rgb(109,156,157)
```
#64a5a6
```
#64a5a6 rgb(100,165,166)
```
#5baeaf
```
#5baeaf rgb(91,174,175)
```
#51b7b9
```
#51b7b9 rgb(81,183,185)
```
#48c0c2
```
#48c0c2 rgb(72,192,194)
```
#3ec9cc
```
#3ec9cc rgb(62,201,204)
```
#35d3d5
```
#35d3d5 rgb(53,211,213)
```
#2cdcde
```
#2cdcde rgb(44,220,222)
```
#22e5e8
```
#22e5e8 rgb(34,229,232)
```
#19eef1
```
#19eef1 rgb(25,238,241)
```
#10f7fa
```
#10f7fa rgb(16,247,250)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#899696 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a09ea4 Protanopia 1% of men
#a69baf Deuteranopia 1% of men
#6fa8b4 Tritanopia 0.001% of the population

Trichromacy

#8aa0a5 Protanomaly 1% of men, 0.01% of women
#8e9eac Deuteranomaly 6% of men, 0.4% of women
#6ba6af Tritanomaly 0.01% of the population

#64a5a6 hex color

#64a5a6 Color Information

#64a5a6 Color Conversion

Color Schemes with #64a5a6

Alternatives to #64a5a6

#64a5a6 Preview

Shades and Tints of #64a5a6

Tones of #64a5a6

Color Blindness Simulator