#64a1bd hex color

In a RGB color space, hex #64a1bd is composed of 39.2% red, 63.1% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 47.1% cyan, 14.8% magenta, 0% yellow and 25.9% black. It has a hue angle of 198.9 degrees, a saturation of 40.3% and a lightness of 56.7%. #64a1bd color hex could be obtained by blending #c8ffff with #00437b. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 39
- G 63
- B 74
RGB color chart
- C 47
- M 15
- Y 0
- K 26
CMYK color chart

● #64a1bd color description : Slightly desaturated blue.

The hexadecimal color #64a1bd has RGB values of R:100, G:161, B:189 and CMYK values of C:0.47, M:0.15, Y:0, K:0.26. Its decimal value is 6595005.

Hex triplet	64a1bd	`#64a1bd`
RGB Decimal	100, 161, 189	`rgb(100,161,189)`
RGB Percent	39.2, 63.1, 74.1	`rgb(39.2%,63.1%,74.1%)`
CMYK	47, 15, 0, 26
HSL	198.9°, 40.3, 56.7	`hsl(198.9,40.3%,56.7%)`
HSV (or HSB)	198.9°, 47.1, 74.1
Web Safe	6699cc	`#6699cc`

CIE-LAB	63.237, -12.111, -20.574
XYZ	27.183, 31.872, 52.861
xyY	0.243, 0.285, 31.872
CIE-LCH	63.237, 23.874, 239.516
CIE-LUV	63.237, -27.988, -29.79
Hunter-Lab	56.455, -12.847, -15.997
Binary	01100100, 10100001, 10111101

#64a1bd
```
#64a1bd rgb(100,161,189)
```
#bd8064
```
#bd8064 rgb(189,128,100)
```

Complementary Color

#64bdad
```
#64bdad rgb(100,189,173)
```
#64a1bd
```
#64a1bd rgb(100,161,189)
```
#6475bd
```
#6475bd rgb(100,117,189)
```

Analogous Color

#bdad64
```
#bdad64 rgb(189,173,100)
```
#64a1bd
```
#64a1bd rgb(100,161,189)
```
#bd6475
```
#bd6475 rgb(189,100,117)
```

Split Complementary Color

#a1bd64
```
#a1bd64 rgb(161,189,100)
```
#64a1bd
```
#64a1bd rgb(100,161,189)
```
#bd64a1
```
#bd64a1 rgb(189,100,161)
```

Triadic Color

#64bd80
```
#64bd80 rgb(100,189,128)
```
#64a1bd
```
#64a1bd rgb(100,161,189)
```
#bd64a1
```
#bd64a1 rgb(189,100,161)
```
#bd8064
```
#bd8064 rgb(189,128,100)
```

Tetradic Color

#3f7a95
```
#3f7a95 rgb(63,122,149)
```
#4789a7
```
#4789a7 rgb(71,137,167)
```
#5296b5
```
#5296b5 rgb(82,150,181)
```
#64a1bd
```
#64a1bd rgb(100,161,189)
```
#76acc5
```
#76acc5 rgb(118,172,197)
```
#88b7cc
```
#88b7cc rgb(136,183,204)
```
#9ac2d4
```
#9ac2d4 rgb(154,194,212)
```

Monochromatic Color

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

#64b7bd
```
#64b7bd rgb(100,183,189)
```
#64b0bd
```
#64b0bd rgb(100,176,189)
```
#64a8bd
```
#64a8bd rgb(100,168,189)
```
#64a1bd
```
#64a1bd rgb(100,161,189)
```
#649abd
```
#649abd rgb(100,154,189)
```
#6492bd
```
#6492bd rgb(100,146,189)
```
#648bbd
```
#648bbd rgb(100,139,189)
```

Similar Colors

Text with hexadecimal color #64a1bd

This text has a font color of #64a1bd.

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

#64a1bd background color

This paragraph has a background color of #64a1bd.

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

#64a1bd border color

This element has a border color of #64a1bd.

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

CSS codes

.text {color:#64a1bd;}

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

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

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, #04080a is the darkest color, while #fbfdfd is the lightest one.

#04080a
```
#04080a rgb(4,8,10)
```
#0a1418
```
#0a1418 rgb(10,20,24)
```
#101f26
```
#101f26 rgb(16,31,38)
```
#162a33
```
#162a33 rgb(22,42,51)
```
#1c3541
```
#1c3541 rgb(28,53,65)
```
#22414f
```
#22414f rgb(34,65,79)
```
#274c5d
```
#274c5d rgb(39,76,93)
```
#2d576a
```
#2d576a rgb(45,87,106)
```
#336278
```
#336278 rgb(51,98,120)
```
#396e86
```
#396e86 rgb(57,110,134)
```
#3f7994
```
#3f7994 rgb(63,121,148)
```
#4584a1
```
#4584a1 rgb(69,132,161)
```
#4b90af
```
#4b90af rgb(75,144,175)
```

Shade Color Variation

#5699b7
```
#5699b7 rgb(86,153,183)
```
#64a1bd
```
#64a1bd rgb(100,161,189)
```
#72a9c3
```
#72a9c3 rgb(114,169,195)
```
#80b2c9
```
#80b2c9 rgb(128,178,201)
```
#8dbacf
```
#8dbacf rgb(141,186,207)
```
#9bc2d4
```
#9bc2d4 rgb(155,194,212)
```
#a9cbda
```
#a9cbda rgb(169,203,218)
```
#b7d3e0
```
#b7d3e0 rgb(183,211,224)
```
#c4dbe6
```
#c4dbe6 rgb(196,219,230)
```
#d2e4ec
```
#d2e4ec rgb(210,228,236)
```
#e0ecf2
```
#e0ecf2 rgb(224,236,242)
```
#eef4f8
```
#eef4f8 rgb(238,244,248)
```
#fbfdfd
```
#fbfdfd rgb(251,253,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8f9193 is the less saturated color, while #29b7f9 is the most saturated one.

#8f9193
```
#8f9193 rgb(143,145,147)
```
#86949b
```
#86949b rgb(134,148,155)
```
#7e98a4
```
#7e98a4 rgb(126,152,164)
```
#759bac
```
#759bac rgb(117,155,172)
```
#6d9eb5
```
#6d9eb5 rgb(109,158,181)
```
#64a1bd
```
#64a1bd rgb(100,161,189)
```
#5ca4c6
```
#5ca4c6 rgb(92,164,198)
```
#53a7ce
```
#53a7ce rgb(83,167,206)
```
#4baad7
```
#4baad7 rgb(75,170,215)
```
#42aedf
```
#42aedf rgb(66,174,223)
```
#3ab1e8
```
#3ab1e8 rgb(58,177,232)
```
#31b4f0
```
#31b4f0 rgb(49,180,240)
```
#29b7f9
```
#29b7f9 rgb(41,183,249)
```

Tone Color Variation

Below, you can see how #64a1bd 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
#89959b Atypical Achromatopsia 0.001% of the population

Dichromacy

#979dba Protanopia 1% of men
#989bc4 Deuteranopia 1% of men
#67a8b4 Tritanopia 0.001% of the population

Trichromacy

#849ebb Protanomaly 1% of men, 0.01% of women
#859dc1 Deuteranomaly 6% of men, 0.4% of women
#66a5b7 Tritanomaly 0.01% of the population

#64a1bd hex color

#64a1bd Color Information

#64a1bd Color Conversion

Color Schemes with #64a1bd

Alternatives to #64a1bd

#64a1bd Preview

Shades and Tints of #64a1bd

Tones of #64a1bd

Color Blindness Simulator