#64a2a2 hex color

In a RGB color space, hex #64a2a2 is composed of 39.2% red, 63.5% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 38.3% cyan, 0% magenta, 0% yellow and 36.5% black. It has a hue angle of 180 degrees, a saturation of 25% and a lightness of 51.4%. #64a2a2 color hex could be obtained by blending #c8ffff with #004545. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 39
- G 64
- B 64
RGB color chart
- C 38
- M 0
- Y 0
- K 36
CMYK color chart

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

The hexadecimal color #64a2a2 has RGB values of R:100, G:162, B:162 and CMYK values of C:0.38, M:0, Y:0, K:0.36. Its decimal value is 6595234.

Hex triplet	64a2a2	`#64a2a2`
RGB Decimal	100, 162, 162	`rgb(100,162,162)`
RGB Percent	39.2, 63.5, 63.5	`rgb(39.2%,63.5%,63.5%)`
CMYK	38, 0, 0, 36
HSL	180°, 25, 51.4	`hsl(180,25%,51.4%)`
HSV (or HSB)	180°, 38.3, 63.5
Web Safe	669999	`#669999`

CIE-LAB	62.64, -19.912, -6.319
XYZ	24.696, 31.157, 38.893
xyY	0.261, 0.329, 31.157
CIE-LCH	62.64, 20.891, 197.608
CIE-LUV	62.64, -28.961, -6.256
Hunter-Lab	55.819, -18.71, -2.239
Binary	01100100, 10100010, 10100010

#64a2a2
```
#64a2a2 rgb(100,162,162)
```
#a26464
```
#a26464 rgb(162,100,100)
```

Complementary Color

#64a283
```
#64a283 rgb(100,162,131)
```
#64a2a2
```
#64a2a2 rgb(100,162,162)
```
#6483a2
```
#6483a2 rgb(100,131,162)
```

Analogous Color

#a28364
```
#a28364 rgb(162,131,100)
```
#64a2a2
```
#64a2a2 rgb(100,162,162)
```
#a26483
```
#a26483 rgb(162,100,131)
```

Split Complementary Color

#a2a264
```
#a2a264 rgb(162,162,100)
```
#64a2a2
```
#64a2a2 rgb(100,162,162)
```
#a264a2
```
#a264a2 rgb(162,100,162)
```

Triadic Color

#64a264
```
#64a264 rgb(100,162,100)
```
#64a2a2
```
#64a2a2 rgb(100,162,162)
```
#a264a2
```
#a264a2 rgb(162,100,162)
```
#a26464
```
#a26464 rgb(162,100,100)
```

Tetradic Color

#467474
```
#467474 rgb(70,116,116)
```
#4f8484
```
#4f8484 rgb(79,132,132)
```
#599494
```
#599494 rgb(89,148,148)
```
#64a2a2
```
#64a2a2 rgb(100,162,162)
```
#74acac
```
#74acac rgb(116,172,172)
```
#84b5b5
```
#84b5b5 rgb(132,181,181)
```
#94bfbf
```
#94bfbf rgb(148,191,191)
```

Monochromatic Color

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

#64a293
```
#64a293 rgb(100,162,147)
```
#64a298
```
#64a298 rgb(100,162,152)
```
#64a29d
```
#64a29d rgb(100,162,157)
```
#64a2a2
```
#64a2a2 rgb(100,162,162)
```
#649da2
```
#649da2 rgb(100,157,162)
```
#6498a2
```
#6498a2 rgb(100,152,162)
```
#6493a2
```
#6493a2 rgb(100,147,162)
```

Similar Colors

Text with hexadecimal color #64a2a2

This text has a font color of #64a2a2.

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

#64a2a2 background color

This paragraph has a background color of #64a2a2.

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

#64a2a2 border color

This element has a border color of #64a2a2.

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

CSS codes

.text {color:#64a2a2;}

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

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

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

#030404
```
#030404 rgb(3,4,4)
```
#0a1111
```
#0a1111 rgb(10,17,17)
```
#111d1d
```
#111d1d rgb(17,29,29)
```
#192929
```
#192929 rgb(25,41,41)
```
#203535
```
#203535 rgb(32,53,53)
```
#274242
```
#274242 rgb(39,66,66)
```
#2f4e4e
```
#2f4e4e rgb(47,78,78)
```
#365a5a
```
#365a5a rgb(54,90,90)
```
#3d6666
```
#3d6666 rgb(61,102,102)
```
#457373
```
#457373 rgb(69,115,115)
```
#4c7f7f
```
#4c7f7f rgb(76,127,127)
```
#548b8b
```
#548b8b rgb(84,139,139)
```
#5b9797
```
#5b9797 rgb(91,151,151)
```

Shade Color Variation

#64a2a2
```
#64a2a2 rgb(100,162,162)
```
#70a9a9
```
#70a9a9 rgb(112,169,169)
```
#7db1b1
```
#7db1b1 rgb(125,177,177)
```
#89b8b8
```
#89b8b8 rgb(137,184,184)
```
#95bfbf
```
#95bfbf rgb(149,191,191)
```
#a1c7c7
```
#a1c7c7 rgb(161,199,199)
```
#aecece
```
#aecece rgb(174,206,206)
```
#bad5d5
```
#bad5d5 rgb(186,213,213)
```
#c6dddd
```
#c6dddd rgb(198,221,221)
```
#d2e4e4
```
#d2e4e4 rgb(210,228,228)
```
#dfecec
```
#dfecec rgb(223,236,236)
```
#ebf3f3
```
#ebf3f3 rgb(235,243,243)
```
#f7fafa
```
#f7fafa rgb(247,250,250)
```

Tint Color Variation

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

#818585
```
#818585 rgb(129,133,133)
```
#778f8f
```
#778f8f rgb(119,143,143)
```
#6e9898
```
#6e9898 rgb(110,152,152)
```
#64a2a2
```
#64a2a2 rgb(100,162,162)
```
#5aacac
```
#5aacac rgb(90,172,172)
```
#51b5b5
```
#51b5b5 rgb(81,181,181)
```
#47bfbf
```
#47bfbf rgb(71,191,191)
```
#3ec8c8
```
#3ec8c8 rgb(62,200,200)
```
#34d2d2
```
#34d2d2 rgb(52,210,210)
```
#2bdbdb
```
#2bdbdb rgb(43,219,219)
```
#21e5e5
```
#21e5e5 rgb(33,229,229)
```
#18eeee
```
#18eeee rgb(24,238,238)
```
#0ef8f8
```
#0ef8f8 rgb(14,248,248)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#869393 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9e9ca0 Protanopia 1% of men
#a498ab Deuteranopia 1% of men
#6fa5b1 Tritanopia 0.001% of the population

Trichromacy

#899ea1 Protanomaly 1% of men, 0.01% of women
#8c9ca8 Deuteranomaly 6% of men, 0.4% of women
#6ba4ab Tritanomaly 0.01% of the population

#64a2a2 hex color

#64a2a2 Color Information

#64a2a2 Color Conversion

Color Schemes with #64a2a2

Alternatives to #64a2a2

#64a2a2 Preview

Shades and Tints of #64a2a2

Tones of #64a2a2

Color Blindness Simulator