#64a7ba hex color

In a RGB color space, hex #64a7ba is composed of 39.2% red, 65.5% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 46.2% cyan, 10.2% magenta, 0% yellow and 27.1% black. It has a hue angle of 193.3 degrees, a saturation of 38.4% and a lightness of 56.1%. #64a7ba color hex could be obtained by blending #c8ffff with #004f75. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 39
- G 65
- B 73
RGB color chart
- C 46
- M 10
- Y 0
- K 27
CMYK color chart

● #64a7ba color description : Slightly desaturated cyan.

The hexadecimal color #64a7ba has RGB values of R:100, G:167, B:186 and CMYK values of C:0.46, M:0.1, Y:0, K:0.27. Its decimal value is 6596538.

Hex triplet	64a7ba	`#64a7ba`
RGB Decimal	100, 167, 186	`rgb(100,167,186)`
RGB Percent	39.2, 65.5, 72.9	`rgb(39.2%,65.5%,72.9%)`
CMYK	46, 10, 0, 27
HSL	193.3°, 38.4, 56.1	`hsl(193.3,38.4%,56.1%)`
HSV (or HSB)	193.3°, 46.2, 72.9
Web Safe	6699cc	`#6699cc`

CIE-LAB	64.875, -16.166, -16.409
XYZ	27.935, 33.89, 51.521
xyY	0.246, 0.299, 33.89
CIE-LCH	64.875, 23.035, 225.427
CIE-LUV	64.875, -30.445, -22.632
Hunter-Lab	58.215, -16.223, -11.721
Binary	01100100, 10100111, 10111010

#64a7ba
```
#64a7ba rgb(100,167,186)
```
#ba7764
```
#ba7764 rgb(186,119,100)
```

Complementary Color

#64baa2
```
#64baa2 rgb(100,186,162)
```
#64a7ba
```
#64a7ba rgb(100,167,186)
```
#647cba
```
#647cba rgb(100,124,186)
```

Analogous Color

#baa264
```
#baa264 rgb(186,162,100)
```
#64a7ba
```
#64a7ba rgb(100,167,186)
```
#ba647c
```
#ba647c rgb(186,100,124)
```

Split Complementary Color

#a7ba64
```
#a7ba64 rgb(167,186,100)
```
#64a7ba
```
#64a7ba rgb(100,167,186)
```
#ba64a7
```
#ba64a7 rgb(186,100,167)
```

Triadic Color

#64ba77
```
#64ba77 rgb(100,186,119)
```
#64a7ba
```
#64a7ba rgb(100,167,186)
```
#ba64a7
```
#ba64a7 rgb(186,100,167)
```
#ba7764
```
#ba7764 rgb(186,119,100)
```

Tetradic Color

#417f91
```
#417f91 rgb(65,127,145)
```
#488fa3
```
#488fa3 rgb(72,143,163)
```
#529db2
```
#529db2 rgb(82,157,178)
```
#64a7ba
```
#64a7ba rgb(100,167,186)
```
#76b1c2
```
#76b1c2 rgb(118,177,194)
```
#87bbca
```
#87bbca rgb(135,187,202)
```
#99c5d2
```
#99c5d2 rgb(153,197,210)
```

Monochromatic Color

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

#64bab8
```
#64bab8 rgb(100,186,184)
```
#64b5ba
```
#64b5ba rgb(100,181,186)
```
#64aeba
```
#64aeba rgb(100,174,186)
```
#64a7ba
```
#64a7ba rgb(100,167,186)
```
#64a0ba
```
#64a0ba rgb(100,160,186)
```
#6499ba
```
#6499ba rgb(100,153,186)
```
#6492ba
```
#6492ba rgb(100,146,186)
```

Similar Colors

Text with hexadecimal color #64a7ba

This text has a font color of #64a7ba.

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

#64a7ba background color

This paragraph has a background color of #64a7ba.

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

#64a7ba border color

This element has a border color of #64a7ba.

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

CSS codes

.text {color:#64a7ba;}

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

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

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

#040708
```
#040708 rgb(4,7,8)
```
#0a1315
```
#0a1315 rgb(10,19,21)
```
#101f23
```
#101f23 rgb(16,31,35)
```
#162b31
```
#162b31 rgb(22,43,49)
```
#1c373e
```
#1c373e rgb(28,55,62)
```
#22424c
```
#22424c rgb(34,66,76)
```
#284e59
```
#284e59 rgb(40,78,89)
```
#2e5a67
```
#2e5a67 rgb(46,90,103)
```
#346674
```
#346674 rgb(52,102,116)
```
#3a7282
```
#3a7282 rgb(58,114,130)
```
#407e90
```
#407e90 rgb(64,126,144)
```
#468a9d
```
#468a9d rgb(70,138,157)
```
#4c96ab
```
#4c96ab rgb(76,150,171)
```

Shade Color Variation

#569fb4
```
#569fb4 rgb(86,159,180)
```
#64a7ba
```
#64a7ba rgb(100,167,186)
```
#72afc0
```
#72afc0 rgb(114,175,192)
```
#7fb6c6
```
#7fb6c6 rgb(127,182,198)
```
#8dbecc
```
#8dbecc rgb(141,190,204)
```
#9ac6d2
```
#9ac6d2 rgb(154,198,210)
```
#a8ced8
```
#a8ced8 rgb(168,206,216)
```
#b5d5de
```
#b5d5de rgb(181,213,222)
```
#c3dde4
```
#c3dde4 rgb(195,221,228)
```
#d1e5ea
```
#d1e5ea rgb(209,229,234)
```
#deecf0
```
#deecf0 rgb(222,236,240)
```
#ecf4f6
```
#ecf4f6 rgb(236,244,246)
```
#f9fcfc
```
#f9fcfc rgb(249,252,252)
```

Tint Color Variation

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

#869498
```
#869498 rgb(134,148,152)
```
#7e99a0
```
#7e99a0 rgb(126,153,160)
```
#759da9
```
#759da9 rgb(117,157,169)
```
#6da2b1
```
#6da2b1 rgb(109,162,177)
```
#64a7ba
```
#64a7ba rgb(100,167,186)
```
#5bacc3
```
#5bacc3 rgb(91,172,195)
```
#53b1cb
```
#53b1cb rgb(83,177,203)
```
#4ab5d4
```
#4ab5d4 rgb(74,181,212)
```
#42badc
```
#42badc rgb(66,186,220)
```
#39bfe5
```
#39bfe5 rgb(57,191,229)
```
#30c4ee
```
#30c4ee rgb(48,196,238)
```
#28c9f6
```
#28c9f6 rgb(40,201,246)
```
#1fcdff
```
#1fcdff rgb(31,205,255)
```

Tone Color Variation

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

#959595 Achromatopsia 0.005% of the population
#8b999c Atypical Achromatopsia 0.001% of the population

Dichromacy

#9ea1b7 Protanopia 1% of men
#a09fc2 Deuteranopia 1% of men
#6aacb8 Tritanopia 0.001% of the population

Trichromacy

#89a3b8 Protanomaly 1% of men, 0.01% of women
#8aa2bf Deuteranomaly 6% of men, 0.4% of women
#68aab9 Tritanomaly 0.01% of the population

#64a7ba hex color

#64a7ba Color Information

#64a7ba Color Conversion

Color Schemes with #64a7ba

Alternatives to #64a7ba

#64a7ba Preview

Shades and Tints of #64a7ba

Tones of #64a7ba

Color Blindness Simulator