#64a6ff hex color

In a RGB color space, hex #64a6ff is composed of 39.2% red, 65.1% green and 100% blue. Whereas in a CMYK color space, it is composed of 60.8% cyan, 34.9% magenta, 0% yellow and 0% black. It has a hue angle of 214.5 degrees, a saturation of 100% and a lightness of 69.6%. #64a6ff color hex could be obtained by blending #c8ffff with #004dff. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 39
- G 65
- B 100
RGB color chart
- C 61
- M 35
- Y 0
- K 0
CMYK color chart

● #64a6ff color description : Light blue.

The hexadecimal color #64a6ff has RGB values of R:100, G:166, B:255 and CMYK values of C:0.61, M:0.35, Y:0, K:0. Its decimal value is 6596351.

Hex triplet	64a6ff	`#64a6ff`
RGB Decimal	100, 166, 255	`rgb(100,166,255)`
RGB Percent	39.2, 65.1, 100	`rgb(39.2%,65.1%,100%)`
CMYK	61, 35, 0, 0
HSL	214.5°, 100, 69.6	`hsl(214.5,100%,69.6%)`
HSV (or HSB)	214.5°, 60.8, 100
Web Safe	6699ff	`#6699ff`

CIE-LAB	67.426, 5.281, -50.461
XYZ	36.938, 37.199, 99.836
xyY	0.212, 0.214, 37.199
CIE-LCH	67.426, 50.737, 275.974
CIE-LUV	67.426, -28.62, -82.42
Hunter-Lab	60.991, 1.369, -54.357
Binary	01100100, 10100110, 11111111

#64a6ff
```
#64a6ff rgb(100,166,255)
```
#ffbd64
```
#ffbd64 rgb(255,189,100)
```

Complementary Color

#64f4ff
```
#64f4ff rgb(100,244,255)
```
#64a6ff
```
#64a6ff rgb(100,166,255)
```
#7064ff
```
#7064ff rgb(112,100,255)
```

Analogous Color

#f4ff64
```
#f4ff64 rgb(244,255,100)
```
#64a6ff
```
#64a6ff rgb(100,166,255)
```
#ff7064
```
#ff7064 rgb(255,112,100)
```

Split Complementary Color

#a6ff64
```
#a6ff64 rgb(166,255,100)
```
#64a6ff
```
#64a6ff rgb(100,166,255)
```
#ff64a6
```
#ff64a6 rgb(255,100,166)
```

Triadic Color

#64ffbd
```
#64ffbd rgb(100,255,189)
```
#64a6ff
```
#64a6ff rgb(100,166,255)
```
#ff64a6
```
#ff64a6 rgb(255,100,166)
```
#ffbd64
```
#ffbd64 rgb(255,189,100)
```

Tetradic Color

#187aff
```
#187aff rgb(24,122,255)
```
#3189ff
```
#3189ff rgb(49,137,255)
```
#4b97ff
```
#4b97ff rgb(75,151,255)
```
#64a6ff
```
#64a6ff rgb(100,166,255)
```
#7eb5ff
```
#7eb5ff rgb(126,181,255)
```
#97c3ff
```
#97c3ff rgb(151,195,255)
```
#b1d2ff
```
#b1d2ff rgb(177,210,255)
```

Monochromatic Color

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

#64cdff
```
#64cdff rgb(100,205,255)
```
#64c0ff
```
#64c0ff rgb(100,192,255)
```
#64b3ff
```
#64b3ff rgb(100,179,255)
```
#64a6ff
```
#64a6ff rgb(100,166,255)
```
#6499ff
```
#6499ff rgb(100,153,255)
```
#648cff
```
#648cff rgb(100,140,255)
```
#647fff
```
#647fff rgb(100,127,255)
```

Similar Colors

Text with hexadecimal color #64a6ff

This text has a font color of #64a6ff.

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

#64a6ff background color

This paragraph has a background color of #64a6ff.

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

#64a6ff border color

This element has a border color of #64a6ff.

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

CSS codes

.text {color:#64a6ff;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#000916
```
#000916 rgb(0,9,22)
```
#001229
```
#001229 rgb(0,18,41)
```
#001a3d
```
#001a3d rgb(0,26,61)
```
#002250
```
#002250 rgb(0,34,80)
```
#002b64
```
#002b64 rgb(0,43,100)
```
#003378
```
#003378 rgb(0,51,120)
```
#003b8b
```
#003b8b rgb(0,59,139)
```
#00449f
```
#00449f rgb(0,68,159)
```
#004cb2
```
#004cb2 rgb(0,76,178)
```
#0054c6
```
#0054c6 rgb(0,84,198)
```
#005dda
```
#005dda rgb(0,93,218)
```
#0065ed
```
#0065ed rgb(0,101,237)
```

Shade Color Variation

#026eff
```
#026eff rgb(2,110,255)
```
#1679ff
```
#1679ff rgb(22,121,255)
```
#2984ff
```
#2984ff rgb(41,132,255)
```
#3d8fff
```
#3d8fff rgb(61,143,255)
```
#509bff
```
#509bff rgb(80,155,255)
```
#64a6ff
```
#64a6ff rgb(100,166,255)
```
#78b1ff
```
#78b1ff rgb(120,177,255)
```
#8bbdff
```
#8bbdff rgb(139,189,255)
```
#9fc8ff
```
#9fc8ff rgb(159,200,255)
```
#b2d3ff
```
#b2d3ff rgb(178,211,255)
```
#c6deff
```
#c6deff rgb(198,222,255)
```
#daeaff
```
#daeaff rgb(218,234,255)
```
#edf5ff
```
#edf5ff rgb(237,245,255)
```

Tint Color Variation

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

#acb1b7
```
#acb1b7 rgb(172,177,183)
```
#a6b0bd
```
#a6b0bd rgb(166,176,189)
```
#a0afc3
```
#a0afc3 rgb(160,175,195)
```
#9aaec9
```
#9aaec9 rgb(154,174,201)
```
#94adcf
```
#94adcf rgb(148,173,207)
```
#8eacd5
```
#8eacd5 rgb(142,172,213)
```
#88abdb
```
#88abdb rgb(136,171,219)
```
#82aae1
```
#82aae1 rgb(130,170,225)
```
#7caae7
```
#7caae7 rgb(124,170,231)
```
#76a9ed
```
#76a9ed rgb(118,169,237)
```
#70a8f3
```
#70a8f3 rgb(112,168,243)
```
#6aa7f9
```
#6aa7f9 rgb(106,167,249)
```
#64a6ff
```
#64a6ff rgb(100,166,255)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#919eb0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#87a6fb Protanopia 1% of men
#75a9ff Deuteranopia 1% of men
#46b7c4 Tritanopia 0.001% of the population

Trichromacy

#7aa6fc Protanomaly 1% of men, 0.01% of women
#6fa7ff Deuteranomaly 6% of men, 0.4% of women
#51b0d9 Tritanomaly 0.01% of the population

#64a6ff hex color

#64a6ff Color Information

#64a6ff Color Conversion

Color Schemes with #64a6ff

Alternatives to #64a6ff

#64a6ff Preview

Shades and Tints of #64a6ff

Tones of #64a6ff

Color Blindness Simulator