#64a5be hex color

In a RGB color space, hex #64a5be is composed of 39.2% red, 64.7% green and 74.5% blue. Whereas in a CMYK color space, it is composed of 47.4% cyan, 13.2% magenta, 0% yellow and 25.5% black. It has a hue angle of 196.7 degrees, a saturation of 40.9% and a lightness of 56.9%. #64a5be color hex could be obtained by blending #c8ffff with #004b7d. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 39
- G 65
- B 75
RGB color chart
- C 47
- M 13
- Y 0
- K 25
CMYK color chart

● #64a5be color description : Slightly desaturated blue.

The hexadecimal color #64a5be has RGB values of R:100, G:165, B:190 and CMYK values of C:0.47, M:0.13, Y:0, K:0.25. Its decimal value is 6596030.

Hex triplet	64a5be	`#64a5be`
RGB Decimal	100, 165, 190	`rgb(100,165,190)`
RGB Percent	39.2, 64.7, 74.5	`rgb(39.2%,64.7%,74.5%)`
CMYK	47, 13, 0, 25
HSL	196.7°, 40.9, 56.9	`hsl(196.7,40.9%,56.9%)`
HSV (or HSB)	196.7°, 47.4, 74.5
Web Safe	6699cc	`#6699cc`

CIE-LAB	64.432, -13.986, -19.312
XYZ	28.003, 33.336, 53.671
xyY	0.243, 0.29, 33.336
CIE-LCH	64.432, 23.845, 234.088
CIE-LUV	64.432, -29.553, -27.578
Hunter-Lab	57.737, -14.467, -14.699
Binary	01100100, 10100101, 10111110

#64a5be
```
#64a5be rgb(100,165,190)
```
#be7d64
```
#be7d64 rgb(190,125,100)
```

Complementary Color

#64beaa
```
#64beaa rgb(100,190,170)
```
#64a5be
```
#64a5be rgb(100,165,190)
```
#6478be
```
#6478be rgb(100,120,190)
```

Analogous Color

#beaa64
```
#beaa64 rgb(190,170,100)
```
#64a5be
```
#64a5be rgb(100,165,190)
```
#be6478
```
#be6478 rgb(190,100,120)
```

Split Complementary Color

#a5be64
```
#a5be64 rgb(165,190,100)
```
#64a5be
```
#64a5be rgb(100,165,190)
```
#be64a5
```
#be64a5 rgb(190,100,165)
```

Triadic Color

#64be7d
```
#64be7d rgb(100,190,125)
```
#64a5be
```
#64a5be rgb(100,165,190)
```
#be64a5
```
#be64a5 rgb(190,100,165)
```
#be7d64
```
#be7d64 rgb(190,125,100)
```

Tetradic Color

#3f7e96
```
#3f7e96 rgb(63,126,150)
```
#478da8
```
#478da8 rgb(71,141,168)
```
#529bb6
```
#529bb6 rgb(82,155,182)
```
#64a5be
```
#64a5be rgb(100,165,190)
```
#76afc6
```
#76afc6 rgb(118,175,198)
```
#88bacd
```
#88bacd rgb(136,186,205)
```
#9ac4d5
```
#9ac4d5 rgb(154,196,213)
```

Monochromatic Color

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

#64bcbe
```
#64bcbe rgb(100,188,190)
```
#64b4be
```
#64b4be rgb(100,180,190)
```
#64adbe
```
#64adbe rgb(100,173,190)
```
#64a5be
```
#64a5be rgb(100,165,190)
```
#649ebe
```
#649ebe rgb(100,158,190)
```
#6496be
```
#6496be rgb(100,150,190)
```
#648fbe
```
#648fbe rgb(100,143,190)
```

Similar Colors

Text with hexadecimal color #64a5be

This text has a font color of #64a5be.

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

#64a5be background color

This paragraph has a background color of #64a5be.

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

#64a5be border color

This element has a border color of #64a5be.

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

CSS codes

.text {color:#64a5be;}

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

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

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, #05090b is the darkest color, while #fcfdfe is the lightest one.

#05090b
```
#05090b rgb(5,9,11)
```
#0a1519
```
#0a1519 rgb(10,21,25)
```
#102026
```
#102026 rgb(16,32,38)
```
#162c34
```
#162c34 rgb(22,44,52)
```
#1c3742
```
#1c3742 rgb(28,55,66)
```
#224350
```
#224350 rgb(34,67,80)
```
#274f5e
```
#274f5e rgb(39,79,94)
```
#2d5a6c
```
#2d5a6c rgb(45,90,108)
```
#336679
```
#336679 rgb(51,102,121)
```
#397187
```
#397187 rgb(57,113,135)
```
#3f7d95
```
#3f7d95 rgb(63,125,149)
```
#4489a3
```
#4489a3 rgb(68,137,163)
```
#4a94b1
```
#4a94b1 rgb(74,148,177)
```

Shade Color Variation

#569db8
```
#569db8 rgb(86,157,184)
```
#64a5be
```
#64a5be rgb(100,165,190)
```
#72adc4
```
#72adc4 rgb(114,173,196)
```
#80b5ca
```
#80b5ca rgb(128,181,202)
```
#8dbdcf
```
#8dbdcf rgb(141,189,207)
```
#9bc5d5
```
#9bc5d5 rgb(155,197,213)
```
#a9cddb
```
#a9cddb rgb(169,205,219)
```
#b7d5e1
```
#b7d5e1 rgb(183,213,225)
```
#c5dde7
```
#c5dde7 rgb(197,221,231)
```
#d3e5ec
```
#d3e5ec rgb(211,229,236)
```
#e0edf2
```
#e0edf2 rgb(224,237,242)
```
#eef5f8
```
#eef5f8 rgb(238,245,248)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

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

#8e9294
```
#8e9294 rgb(142,146,148)
```
#86969c
```
#86969c rgb(134,150,156)
```
#7d9aa5
```
#7d9aa5 rgb(125,154,165)
```
#759dad
```
#759dad rgb(117,157,173)
```
#6ca1b6
```
#6ca1b6 rgb(108,161,182)
```
#64a5be
```
#64a5be rgb(100,165,190)
```
#5ca9c6
```
#5ca9c6 rgb(92,169,198)
```
#53adcf
```
#53adcf rgb(83,173,207)
```
#4bb0d7
```
#4bb0d7 rgb(75,176,215)
```
#42b4e0
```
#42b4e0 rgb(66,180,224)
```
#3ab8e8
```
#3ab8e8 rgb(58,184,232)
```
#31bcf1
```
#31bcf1 rgb(49,188,241)
```
#29bff9
```
#29bff9 rgb(41,191,249)
```

Tone Color Variation

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

#949494 Achromatopsia 0.005% of the population
#8a979c Atypical Achromatopsia 0.001% of the population

Dichromacy

#9ba0bb Protanopia 1% of men
#9c9ec5 Deuteranopia 1% of men
#68abb7 Tritanopia 0.001% of the population

Trichromacy

#87a1bc Protanomaly 1% of men, 0.01% of women
#88a0c2 Deuteranomaly 6% of men, 0.4% of women
#66a9ba Tritanomaly 0.01% of the population

#64a5be hex color

#64a5be Color Information

#64a5be Color Conversion

Color Schemes with #64a5be

Alternatives to #64a5be

#64a5be Preview

Shades and Tints of #64a5be

Tones of #64a5be

Color Blindness Simulator