#64a7cc hex color

In a RGB color space, hex #64a7cc is composed of 39.2% red, 65.5% green and 80% blue. Whereas in a CMYK color space, it is composed of 51% cyan, 18.1% magenta, 0% yellow and 20% black. It has a hue angle of 201.3 degrees, a saturation of 50.5% and a lightness of 59.6%. #64a7cc color hex could be obtained by blending #c8ffff with #004f99. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 39
- G 65
- B 80
RGB color chart
- C 51
- M 18
- Y 0
- K 20
CMYK color chart

● #64a7cc color description : Moderate blue.

The hexadecimal color #64a7cc has RGB values of R:100, G:167, B:204 and CMYK values of C:0.51, M:0.18, Y:0, K:0.2. Its decimal value is 6596556.

Hex triplet	64a7cc	`#64a7cc`
RGB Decimal	100, 167, 204	`rgb(100,167,204)`
RGB Percent	39.2, 65.5, 80	`rgb(39.2%,65.5%,80%)`
CMYK	51, 18, 0, 20
HSL	201.3°, 50.5, 59.6	`hsl(201.3,50.5%,59.6%)`
HSV (or HSB)	201.3°, 51, 80
Web Safe	6699cc	`#6699cc`

CIE-LAB	65.518, -11.049, -25.438
XYZ	29.971, 34.705, 62.243
xyY	0.236, 0.273, 34.705
CIE-LCH	65.518, 27.734, 246.522
CIE-LUV	65.518, -30.012, -38.063
Hunter-Lab	58.911, -12.282, -21.406
Binary	01100100, 10100111, 11001100

#64a7cc
```
#64a7cc rgb(100,167,204)
```
#cc8964
```
#cc8964 rgb(204,137,100)
```

Complementary Color

#64ccbd
```
#64ccbd rgb(100,204,189)
```
#64a7cc
```
#64a7cc rgb(100,167,204)
```
#6473cc
```
#6473cc rgb(100,115,204)
```

Analogous Color

#ccbd64
```
#ccbd64 rgb(204,189,100)
```
#64a7cc
```
#64a7cc rgb(100,167,204)
```
#cc6473
```
#cc6473 rgb(204,100,115)
```

Split Complementary Color

#a7cc64
```
#a7cc64 rgb(167,204,100)
```
#64a7cc
```
#64a7cc rgb(100,167,204)
```
#cc64a7
```
#cc64a7 rgb(204,100,167)
```

Triadic Color

#64cc89
```
#64cc89 rgb(100,204,137)
```
#64a7cc
```
#64a7cc rgb(100,167,204)
```
#cc64a7
```
#cc64a7 rgb(204,100,167)
```
#cc8964
```
#cc8964 rgb(204,137,100)
```

Tetradic Color

#3882ab
```
#3882ab rgb(56,130,171)
```
#3f91be
```
#3f91be rgb(63,145,190)
```
#519cc6
```
#519cc6 rgb(81,156,198)
```
#64a7cc
```
#64a7cc rgb(100,167,204)
```
#77b2d2
```
#77b2d2 rgb(119,178,210)
```
#8abdd9
```
#8abdd9 rgb(138,189,217)
```
#9ec8df
```
#9ec8df rgb(158,200,223)
```

Monochromatic Color

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

#64c1cc
```
#64c1cc rgb(100,193,204)
```
#64b8cc
```
#64b8cc rgb(100,184,204)
```
#64b0cc
```
#64b0cc rgb(100,176,204)
```
#64a7cc
```
#64a7cc rgb(100,167,204)
```
#649ecc
```
#649ecc rgb(100,158,204)
```
#6496cc
```
#6496cc rgb(100,150,204)
```
#648dcc
```
#648dcc rgb(100,141,204)
```

Similar Colors

Text with hexadecimal color #64a7cc

This text has a font color of #64a7cc.

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

#64a7cc background color

This paragraph has a background color of #64a7cc.

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

#64a7cc border color

This element has a border color of #64a7cc.

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

CSS codes

.text {color:#64a7cc;}

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

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

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

#020607
```
#020607 rgb(2,6,7)
```
#071116
```
#071116 rgb(7,17,22)
```
#0c1c25
```
#0c1c25 rgb(12,28,37)
```
#112734
```
#112734 rgb(17,39,52)
```
#163342
```
#163342 rgb(22,51,66)
```
#1b3e51
```
#1b3e51 rgb(27,62,81)
```
#204960
```
#204960 rgb(32,73,96)
```
#24546f
```
#24546f rgb(36,84,111)
```
#295f7d
```
#295f7d rgb(41,95,125)
```
#2e6b8c
```
#2e6b8c rgb(46,107,140)
```
#33769b
```
#33769b rgb(51,118,155)
```
#3881aa
```
#3881aa rgb(56,129,170)
```
#3d8cb8
```
#3d8cb8 rgb(61,140,184)
```

Shade Color Variation

#4696c2
```
#4696c2 rgb(70,150,194)
```
#559fc7
```
#559fc7 rgb(85,159,199)
```
#64a7cc
```
#64a7cc rgb(100,167,204)
```
#73afd1
```
#73afd1 rgb(115,175,209)
```
#82b8d6
```
#82b8d6 rgb(130,184,214)
```
#90c0db
```
#90c0db rgb(144,192,219)
```
#9fc9df
```
#9fc9df rgb(159,201,223)
```
#aed1e4
```
#aed1e4 rgb(174,209,228)
```
#bdd9e9
```
#bdd9e9 rgb(189,217,233)
```
#cbe2ee
```
#cbe2ee rgb(203,226,238)
```
#daeaf3
```
#daeaf3 rgb(218,234,243)
```
#e9f2f8
```
#e9f2f8 rgb(233,242,248)
```
#f8fbfd
```
#f8fbfd rgb(248,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #94999c is the less saturated color, while #34b5fc is the most saturated one.

#94999c
```
#94999c rgb(148,153,156)
```
#8c9ca4
```
#8c9ca4 rgb(140,156,164)
```
#849eac
```
#849eac rgb(132,158,172)
```
#7ca0b4
```
#7ca0b4 rgb(124,160,180)
```
#74a2bc
```
#74a2bc rgb(116,162,188)
```
#6ca5c4
```
#6ca5c4 rgb(108,165,196)
```
#64a7cc
```
#64a7cc rgb(100,167,204)
```
#5ca9d4
```
#5ca9d4 rgb(92,169,212)
```
#54acdc
```
#54acdc rgb(84,172,220)
```
#4caee4
```
#4caee4 rgb(76,174,228)
```
#44b0ec
```
#44b0ec rgb(68,176,236)
```
#3cb2f4
```
#3cb2f4 rgb(60,178,244)
```
#34b5fc
```
#34b5fc rgb(52,181,252)
```

Tone Color Variation

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

Dichromacy

#9aa2c8 Protanopia 1% of men
#98a1d2 Deuteranopia 1% of men
#63afbb Tritanopia 0.001% of the population

Trichromacy

#86a4c9 Protanomaly 1% of men, 0.01% of women
#85a3d0 Deuteranomaly 6% of men, 0.4% of women
#63acc1 Tritanomaly 0.01% of the population

#64a7cc hex color

#64a7cc Color Information

#64a7cc Color Conversion

Color Schemes with #64a7cc

Alternatives to #64a7cc

#64a7cc Preview

Shades and Tints of #64a7cc

Tones of #64a7cc

Color Blindness Simulator