#64a5d5 hex color

In a RGB color space, hex #64a5d5 is composed of 39.2% red, 64.7% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 53.1% cyan, 22.5% magenta, 0% yellow and 16.5% black. It has a hue angle of 205.5 degrees, a saturation of 57.4% and a lightness of 61.4%. #64a5d5 color hex could be obtained by blending #c8ffff with #004bab. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 39
- G 65
- B 84
RGB color chart
- C 53
- M 23
- Y 0
- K 16
CMYK color chart

● #64a5d5 color description : Moderate blue.

The hexadecimal color #64a5d5 has RGB values of R:100, G:165, B:213 and CMYK values of C:0.53, M:0.23, Y:0, K:0.16. Its decimal value is 6596053.

Hex triplet	64a5d5	`#64a5d5`
RGB Decimal	100, 165, 213	`rgb(100,165,213)`
RGB Percent	39.2, 64.7, 83.5	`rgb(39.2%,64.7%,83.5%)`
CMYK	53, 23, 0, 16
HSL	205.5°, 57.4, 61.4	`hsl(205.5,57.4%,61.4%)`
HSV (or HSB)	205.5°, 53.1, 83.5
Web Safe	6699cc	`#6699cc`

CIE-LAB	65.296, -7.287, -30.765
XYZ	30.718, 34.422, 67.972
xyY	0.231, 0.259, 34.422
CIE-LCH	65.296, 31.617, 256.675
CIE-LUV	65.296, -29.048, -47.369
Hunter-Lab	58.67, -9.215, -27.622
Binary	01100100, 10100101, 11010101

#64a5d5
```
#64a5d5 rgb(100,165,213)
```
#d59464
```
#d59464 rgb(213,148,100)
```

Complementary Color

#64d5cd
```
#64d5cd rgb(100,213,205)
```
#64a5d5
```
#64a5d5 rgb(100,165,213)
```
#646dd5
```
#646dd5 rgb(100,109,213)
```

Analogous Color

#d5cd64
```
#d5cd64 rgb(213,205,100)
```
#64a5d5
```
#64a5d5 rgb(100,165,213)
```
#d5646d
```
#d5646d rgb(213,100,109)
```

Split Complementary Color

#a5d564
```
#a5d564 rgb(165,213,100)
```
#64a5d5
```
#64a5d5 rgb(100,165,213)
```
#d564a5
```
#d564a5 rgb(213,100,165)
```

Triadic Color

#64d594
```
#64d594 rgb(100,213,148)
```
#64a5d5
```
#64a5d5 rgb(100,165,213)
```
#d564a5
```
#d564a5 rgb(213,100,165)
```
#d59464
```
#d59464 rgb(213,148,100)
```

Tetradic Color

#3280ba
```
#3280ba rgb(50,128,186)
```
#3c8eca
```
#3c8eca rgb(60,142,202)
```
#5099d0
```
#5099d0 rgb(80,153,208)
```
#64a5d5
```
#64a5d5 rgb(100,165,213)
```
#78b1da
```
#78b1da rgb(120,177,218)
```
#8cbce0
```
#8cbce0 rgb(140,188,224)
```
#a0c8e5
```
#a0c8e5 rgb(160,200,229)
```

Monochromatic Color

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

#64c1d5
```
#64c1d5 rgb(100,193,213)
```
#64b8d5
```
#64b8d5 rgb(100,184,213)
```
#64aed5
```
#64aed5 rgb(100,174,213)
```
#64a5d5
```
#64a5d5 rgb(100,165,213)
```
#649cd5
```
#649cd5 rgb(100,156,213)
```
#6492d5
```
#6492d5 rgb(100,146,213)
```
#6489d5
```
#6489d5 rgb(100,137,213)
```

Similar Colors

Text with hexadecimal color #64a5d5

This text has a font color of #64a5d5.

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

#64a5d5 background color

This paragraph has a background color of #64a5d5.

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

#64a5d5 border color

This element has a border color of #64a5d5.

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

CSS codes

.text {color:#64a5d5;}

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

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

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, #040a0f is the darkest color, while #feffff is the lightest one.

#040a0f
```
#040a0f rgb(4,10,15)
```
#08151e
```
#08151e rgb(8,21,30)
```
#0c202e
```
#0c202e rgb(12,32,46)
```
#112a3d
```
#112a3d rgb(17,42,61)
```
#15354d
```
#15354d rgb(21,53,77)
```
#193f5c
```
#193f5c rgb(25,63,92)
```
#1d4a6b
```
#1d4a6b rgb(29,74,107)
```
#21557b
```
#21557b rgb(33,85,123)
```
#255f8a
```
#255f8a rgb(37,95,138)
```
#2a6a9a
```
#2a6a9a rgb(42,106,154)
```
#2e75a9
```
#2e75a9 rgb(46,117,169)
```
#327fb9
```
#327fb9 rgb(50,127,185)
```
#368ac8
```
#368ac8 rgb(54,138,200)
```

Shade Color Variation

#4593cd
```
#4593cd rgb(69,147,205)
```
#559cd1
```
#559cd1 rgb(85,156,209)
```
#64a5d5
```
#64a5d5 rgb(100,165,213)
```
#73aed9
```
#73aed9 rgb(115,174,217)
```
#83b7dd
```
#83b7dd rgb(131,183,221)
```
#92c0e2
```
#92c0e2 rgb(146,192,226)
```
#a2c9e6
```
#a2c9e6 rgb(162,201,230)
```
#b1d2ea
```
#b1d2ea rgb(177,210,234)
```
#c1dbee
```
#c1dbee rgb(193,219,238)
```
#d0e4f2
```
#d0e4f2 rgb(208,228,242)
```
#dfedf6
```
#dfedf6 rgb(223,237,246)
```
#eff6fb
```
#eff6fb rgb(239,246,251)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #999da0 is the less saturated color, while #3eabfb is the most saturated one.

#999da0
```
#999da0 rgb(153,157,160)
```
#919ea8
```
#919ea8 rgb(145,158,168)
```
#8a9faf
```
#8a9faf rgb(138,159,175)
```
#82a0b7
```
#82a0b7 rgb(130,160,183)
```
#7ba2be
```
#7ba2be rgb(123,162,190)
```
#73a3c6
```
#73a3c6 rgb(115,163,198)
```
#6ca4cd
```
#6ca4cd rgb(108,164,205)
```
#64a5d5
```
#64a5d5 rgb(100,165,213)
```
#5ca6dd
```
#5ca6dd rgb(92,166,221)
```
#55a7e4
```
#55a7e4 rgb(85,167,228)
```
#4da8ec
```
#4da8ec rgb(77,168,236)
```
#46aaf3
```
#46aaf3 rgb(70,170,243)
```
#3eabfb
```
#3eabfb rgb(62,171,251)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#8d9aa3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#95a1d1 Protanopia 1% of men
#91a1da Deuteranopia 1% of men
#5faebb Tritanopia 0.001% of the population

Trichromacy

#83a2d2 Protanomaly 1% of men, 0.01% of women
#80a2d8 Deuteranomaly 6% of men, 0.4% of women
#61abc4 Tritanomaly 0.01% of the population

#64a5d5 hex color

#64a5d5 Color Information

#64a5d5 Color Conversion

Color Schemes with #64a5d5

Alternatives to #64a5d5

#64a5d5 Preview

Shades and Tints of #64a5d5

Tones of #64a5d5

Color Blindness Simulator