colorhexa.com

#64a4b7 hex color

In a RGB color space, hex #64a4b7 is composed of 39.2% red, 64.3% green and 71.8% blue. Whereas in a CMYK color space, it is composed of 45.4% cyan, 10.4% magenta, 0% yellow and 28.2% black. It has a hue angle of 193.7 degrees, a saturation of 36.6% and a lightness of 55.5%. #64a4b7 color hex could be obtained by blending #c8ffff with #00496f. Closest websafe color is: #6699cc.

- R 39
- G 64
- B 72
RGB color chart
- C 45
- M 10
- Y 0
- K 28
CMYK color chart

● #64a4b7 color description : Slightly desaturated cyan.

The hexadecimal color #64a4b7 has RGB values of R:100, G:164, B:183 and CMYK values of C:0.45, M:0.1, Y:0, K:0.28. Its decimal value is 6595767.

Hex triplet	64a4b7	`#64a4b7`
RGB Decimal	100, 164, 183	`rgb(100,164,183)`
RGB Percent	39.2, 64.3, 71.8	`rgb(39.2%,64.3%,71.8%)`
CMYK	45, 10, 0, 28
HSL	193.7°, 36.6, 55.5	`hsl(193.7,36.6%,55.5%)`
HSV (or HSB)	193.7°, 45.4, 71.8
Web Safe	6699cc	`#6699cc`

CIE-LAB	63.899, -15.4, -16.211
XYZ	27.076, 32.678, 49.678
xyY	0.247, 0.299, 32.678
CIE-LCH	63.899, 22.36, 226.47
CIE-LUV	63.899, -29.313, -22.369
Hunter-Lab	57.164, -15.491, -11.51
Binary	01100100, 10100100, 10110111

#64a4b7
```
#64a4b7 rgb(100,164,183)
```
#b77764
```
#b77764 rgb(183,119,100)
```

Complementary Color

#64b7a1
```
#64b7a1 rgb(100,183,161)
```
#64a4b7
```
#64a4b7 rgb(100,164,183)
```
#647bb7
```
#647bb7 rgb(100,123,183)
```

Analogous Color

#b7a164
```
#b7a164 rgb(183,161,100)
```
#64a4b7
```
#64a4b7 rgb(100,164,183)
```
#b7647b
```
#b7647b rgb(183,100,123)
```

Split Complementary Color

#a4b764
```
#a4b764 rgb(164,183,100)
```
#64a4b7
```
#64a4b7 rgb(100,164,183)
```
#b764a4
```
#b764a4 rgb(183,100,164)
```

Triadic Color

#64b777
```
#64b777 rgb(100,183,119)
```
#64a4b7
```
#64a4b7 rgb(100,164,183)
```
#b764a4
```
#b764a4 rgb(183,100,164)
```
#b77764
```
#b77764 rgb(183,119,100)
```

Tetradic Color

#417c8d
```
#417c8d rgb(65,124,141)
```
#4a8b9e
```
#4a8b9e rgb(74,139,158)
```
#539aaf
```
#539aaf rgb(83,154,175)
```
#64a4b7
```
#64a4b7 rgb(100,164,183)
```
#75aebf
```
#75aebf rgb(117,174,191)
```
#87b8c7
```
#87b8c7 rgb(135,184,199)
```
#98c3cf
```
#98c3cf rgb(152,195,207)
```

Monochromatic Color

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

#64b7b5
```
#64b7b5 rgb(100,183,181)
```
#64b2b7
```
#64b2b7 rgb(100,178,183)
```
#64abb7
```
#64abb7 rgb(100,171,183)
```
#64a4b7
```
#64a4b7 rgb(100,164,183)
```
#649db7
```
#649db7 rgb(100,157,183)
```
#6496b7
```
#6496b7 rgb(100,150,183)
```
#648fb7
```
#648fb7 rgb(100,143,183)
```

Similar Colors

Text with hexadecimal color #64a4b7

This text has a font color of #64a4b7.

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

#64a4b7 background color

This paragraph has a background color of #64a4b7.

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

#64a4b7 border color

This element has a border color of #64a4b7.

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

CSS codes

.text {color:#64a4b7;}

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

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

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

#030506
```
#030506 rgb(3,5,6)
```
#091113
```
#091113 rgb(9,17,19)
```
#0f1d21
```
#0f1d21 rgb(15,29,33)
```
#15282e
```
#15282e rgb(21,40,46)
```
#1c343b
```
#1c343b rgb(28,52,59)
```
#224049
```
#224049 rgb(34,64,73)
```
#284c56
```
#284c56 rgb(40,76,86)
```
#2e5763
```
#2e5763 rgb(46,87,99)
```
#346371
```
#346371 rgb(52,99,113)
```
#3b6f7e
```
#3b6f7e rgb(59,111,126)
```
#417b8c
```
#417b8c rgb(65,123,140)
```
#478699
```
#478699 rgb(71,134,153)
```
#4d92a6
```
#4d92a6 rgb(77,146,166)
```

Shade Color Variation

#579cb1
```
#579cb1 rgb(87,156,177)
```
#64a4b7
```
#64a4b7 rgb(100,164,183)
```
#71acbd
```
#71acbd rgb(113,172,189)
```
#7fb4c3
```
#7fb4c3 rgb(127,180,195)
```
#8cbcca
```
#8cbcca rgb(140,188,202)
```
#9ac3d0
```
#9ac3d0 rgb(154,195,208)
```
#a7cbd6
```
#a7cbd6 rgb(167,203,214)
```
#b4d3dc
```
#b4d3dc rgb(180,211,220)
```
#c2dbe3
```
#c2dbe3 rgb(194,219,227)
```
#cfe3e9
```
#cfe3e9 rgb(207,227,233)
```
#ddebef
```
#ddebef rgb(221,235,239)
```
#eaf3f5
```
#eaf3f5 rgb(234,243,245)
```
#f7fafb
```
#f7fafb rgb(247,250,251)
```

Tint Color Variation

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

#879194
```
#879194 rgb(135,145,148)
```
#7e969d
```
#7e969d rgb(126,150,157)
```
#759ba6
```
#759ba6 rgb(117,155,166)
```
#6d9fae
```
#6d9fae rgb(109,159,174)
```
#64a4b7
```
#64a4b7 rgb(100,164,183)
```
#5ba9c0
```
#5ba9c0 rgb(91,169,192)
```
#53adc8
```
#53adc8 rgb(83,173,200)
```
#4ab2d1
```
#4ab2d1 rgb(74,178,209)
```
#41b7da
```
#41b7da rgb(65,183,218)
```
#38bce3
```
#38bce3 rgb(56,188,227)
```
#30c0eb
```
#30c0eb rgb(48,192,235)
```
#27c5f4
```
#27c5f4 rgb(39,197,244)
```
#1ecafd
```
#1ecafd rgb(30,202,253)
```

Tone Color Variation

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

#939393 Achromatopsia 0.005% of the population
#8a969a Atypical Achromatopsia 0.001% of the population

Dichromacy

#9c9eb4 Protanopia 1% of men
#9e9cbf Deuteranopia 1% of men
#6aa9b5 Tritanopia 0.001% of the population

Trichromacy

#87a0b5 Protanomaly 1% of men, 0.01% of women
#899fbc Deuteranomaly 6% of men, 0.4% of women
#67a7b6 Tritanomaly 0.01% of the population