#64a2d6 hex color

In a RGB color space, hex #64a2d6 is composed of 39.2% red, 63.5% green and 83.9% blue. Whereas in a CMYK color space, it is composed of 53.3% cyan, 24.3% magenta, 0% yellow and 16.1% black. It has a hue angle of 207.4 degrees, a saturation of 58.2% and a lightness of 61.6%. #64a2d6 color hex could be obtained by blending #c8ffff with #0045ad. Closest websafe color is: #6699cc.

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

● #64a2d6 color description : Moderate blue.

The hexadecimal color #64a2d6 has RGB values of R:100, G:162, B:214 and CMYK values of C:0.53, M:0.24, Y:0, K:0.16. Its decimal value is 6595286.

Hex triplet	64a2d6	`#64a2d6`
RGB Decimal	100, 162, 214	`rgb(100,162,214)`
RGB Percent	39.2, 63.5, 83.9	`rgb(39.2%,63.5%,83.9%)`
CMYK	53, 24, 0, 16
HSL	207.4°, 58.2, 61.6	`hsl(207.4,58.2%,61.6%)`
HSV (or HSB)	207.4°, 53.3, 83.9
Web Safe	6699cc	`#6699cc`

CIE-LAB	64.486, -5.32, -32.574
XYZ	30.311, 33.403, 68.465
xyY	0.229, 0.253, 33.403
CIE-LCH	64.486, 33.005, 260.725
CIE-LUV	64.486, -27.897, -50.543
Hunter-Lab	57.796, -7.529, -29.778
Binary	01100100, 10100010, 11010110

#64a2d6
```
#64a2d6 rgb(100,162,214)
```
#d69864
```
#d69864 rgb(214,152,100)
```

Complementary Color

#64d6d1
```
#64d6d1 rgb(100,214,209)
```
#64a2d6
```
#64a2d6 rgb(100,162,214)
```
#6469d6
```
#6469d6 rgb(100,105,214)
```

Analogous Color

#d6d164
```
#d6d164 rgb(214,209,100)
```
#64a2d6
```
#64a2d6 rgb(100,162,214)
```
#d66469
```
#d66469 rgb(214,100,105)
```

Split Complementary Color

#a2d664
```
#a2d664 rgb(162,214,100)
```
#64a2d6
```
#64a2d6 rgb(100,162,214)
```
#d664a2
```
#d664a2 rgb(214,100,162)
```

Triadic Color

#64d698
```
#64d698 rgb(100,214,152)
```
#64a2d6
```
#64a2d6 rgb(100,162,214)
```
#d664a2
```
#d664a2 rgb(214,100,162)
```
#d69864
```
#d69864 rgb(214,152,100)
```

Tetradic Color

#327dbc
```
#327dbc rgb(50,125,188)
```
#3c8acb
```
#3c8acb rgb(60,138,203)
```
#5096d1
```
#5096d1 rgb(80,150,209)
```
#64a2d6
```
#64a2d6 rgb(100,162,214)
```
#78aedb
```
#78aedb rgb(120,174,219)
```
#8cbae1
```
#8cbae1 rgb(140,186,225)
```
#a0c6e6
```
#a0c6e6 rgb(160,198,230)
```

Monochromatic Color

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

#64bfd6
```
#64bfd6 rgb(100,191,214)
```
#64b5d6
```
#64b5d6 rgb(100,181,214)
```
#64acd6
```
#64acd6 rgb(100,172,214)
```
#64a2d6
```
#64a2d6 rgb(100,162,214)
```
#6499d6
```
#6499d6 rgb(100,153,214)
```
#648fd6
```
#648fd6 rgb(100,143,214)
```
#6486d6
```
#6486d6 rgb(100,134,214)
```

Similar Colors

Text with hexadecimal color #64a2d6

This text has a font color of #64a2d6.

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

#64a2d6 background color

This paragraph has a background color of #64a2d6.

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

#64a2d6 border color

This element has a border color of #64a2d6.

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

CSS codes

.text {color:#64a2d6;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#040a10
```
#040a10 rgb(4,10,16)
```
#08151f
```
#08151f rgb(8,21,31)
```
#0c1f2f
```
#0c1f2f rgb(12,31,47)
```
#10293e
```
#10293e rgb(16,41,62)
```
#15344e
```
#15344e rgb(21,52,78)
```
#193e5d
```
#193e5d rgb(25,62,93)
```
#1d486d
```
#1d486d rgb(29,72,109)
```
#21537c
```
#21537c rgb(33,83,124)
```
#255d8c
```
#255d8c rgb(37,93,140)
```
#29679b
```
#29679b rgb(41,103,155)
```
#2d71ab
```
#2d71ab rgb(45,113,171)
```
#317cba
```
#317cba rgb(49,124,186)
```

Shade Color Variation

#3586ca
```
#3586ca rgb(53,134,202)
```
#458fce
```
#458fce rgb(69,143,206)
```
#5499d2
```
#5499d2 rgb(84,153,210)
```
#64a2d6
```
#64a2d6 rgb(100,162,214)
```
#74abda
```
#74abda rgb(116,171,218)
```
#83b5de
```
#83b5de rgb(131,181,222)
```
#93bee2
```
#93bee2 rgb(147,190,226)
```
#a2c7e6
```
#a2c7e6 rgb(162,199,230)
```
#b2d1eb
```
#b2d1eb rgb(178,209,235)
```
#c1daef
```
#c1daef rgb(193,218,239)
```
#d1e3f3
```
#d1e3f3 rgb(209,227,243)
```
#e0ecf7
```
#e0ecf7 rgb(224,236,247)
```
#f0f6fb
```
#f0f6fb rgb(240,246,251)
```

Tint Color Variation

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

#999da1
```
#999da1 rgb(153,157,161)
```
#919ea9
```
#919ea9 rgb(145,158,169)
```
#8a9fb0
```
#8a9fb0 rgb(138,159,176)
```
#829fb8
```
#829fb8 rgb(130,159,184)
```
#7ba0bf
```
#7ba0bf rgb(123,160,191)
```
#73a1c7
```
#73a1c7 rgb(115,161,199)
```
#6ca1ce
```
#6ca1ce rgb(108,161,206)
```
#64a2d6
```
#64a2d6 rgb(100,162,214)
```
#5ca3de
```
#5ca3de rgb(92,163,222)
```
#55a3e5
```
#55a3e5 rgb(85,163,229)
```
#4da4ed
```
#4da4ed rgb(77,164,237)
```
#46a5f4
```
#46a5f4 rgb(70,165,244)
```
#3ea5fc
```
#3ea5fc rgb(62,165,252)
```

Tone Color Variation

Below, you can see how #64a2d6 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
#8b98a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#919fd3 Protanopia 1% of men
#8c9fda Deuteranopia 1% of men
#5dacb9 Tritanopia 0.001% of the population

Trichromacy

#81a0d4 Protanomaly 1% of men, 0.01% of women
#7da0d9 Deuteranomaly 6% of men, 0.4% of women
#60a8c3 Tritanomaly 0.01% of the population

#64a2d6 hex color

#64a2d6 Color Information

#64a2d6 Color Conversion

Color Schemes with #64a2d6

Alternatives to #64a2d6

#64a2d6 Preview

Shades and Tints of #64a2d6

Tones of #64a2d6

Color Blindness Simulator