#64bccc hex color

In a RGB color space, hex #64bccc is composed of 39.2% red, 73.7% green and 80% blue. Whereas in a CMYK color space, it is composed of 51% cyan, 7.8% magenta, 0% yellow and 20% black. It has a hue angle of 189.2 degrees, a saturation of 50.5% and a lightness of 59.6%. #64bccc color hex could be obtained by blending #c8ffff with #007999. Closest websafe color is: #66cccc.

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

● #64bccc color description : Moderate cyan.

The hexadecimal color #64bccc has RGB values of R:100, G:188, B:204 and CMYK values of C:0.51, M:0.08, Y:0, K:0.2. Its decimal value is 6601932.

Hex triplet	64bccc	`#64bccc`
RGB Decimal	100, 188, 204	`rgb(100,188,204)`
RGB Percent	39.2, 73.7, 80	`rgb(39.2%,73.7%,80%)`
CMYK	51, 8, 0, 20
HSL	189.2°, 50.5, 59.6	`hsl(189.2,50.5%,59.6%)`
HSV (or HSB)	189.2°, 51, 80
Web Safe	66cccc	`#66cccc`

CIE-LAB	71.577, -22.084, -16.216
XYZ	34.135, 43.033, 63.631
xyY	0.242, 0.306, 43.033
CIE-LCH	71.577, 27.398, 216.289
CIE-LUV	71.577, -38.144, -21.806
Hunter-Lab	65.6, -21.917, -11.591
Binary	01100100, 10111100, 11001100

#64bccc
```
#64bccc rgb(100,188,204)
```
#cc7464
```
#cc7464 rgb(204,116,100)
```

Complementary Color

#64cca8
```
#64cca8 rgb(100,204,168)
```
#64bccc
```
#64bccc rgb(100,188,204)
```
#6488cc
```
#6488cc rgb(100,136,204)
```

Analogous Color

#cca864
```
#cca864 rgb(204,168,100)
```
#64bccc
```
#64bccc rgb(100,188,204)
```
#cc6488
```
#cc6488 rgb(204,100,136)
```

Split Complementary Color

#bccc64
```
#bccc64 rgb(188,204,100)
```
#64bccc
```
#64bccc rgb(100,188,204)
```
#cc64bc
```
#cc64bc rgb(204,100,188)
```

Triadic Color

#64cc74
```
#64cc74 rgb(100,204,116)
```
#64bccc
```
#64bccc rgb(100,188,204)
```
#cc64bc
```
#cc64bc rgb(204,100,188)
```
#cc7464
```
#cc7464 rgb(204,116,100)
```

Tetradic Color

#389aab
```
#389aab rgb(56,154,171)
```
#3fabbe
```
#3fabbe rgb(63,171,190)
```
#51b4c6
```
#51b4c6 rgb(81,180,198)
```
#64bccc
```
#64bccc rgb(100,188,204)
```
#77c4d2
```
#77c4d2 rgb(119,196,210)
```
#8acdd9
```
#8acdd9 rgb(138,205,217)
```
#9ed5df
```
#9ed5df rgb(158,213,223)
```

Monochromatic Color

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

#64ccc2
```
#64ccc2 rgb(100,204,194)
```
#64cccb
```
#64cccb rgb(100,204,203)
```
#64c5cc
```
#64c5cc rgb(100,197,204)
```
#64bccc
```
#64bccc rgb(100,188,204)
```
#64b3cc
```
#64b3cc rgb(100,179,204)
```
#64abcc
```
#64abcc rgb(100,171,204)
```
#64a2cc
```
#64a2cc rgb(100,162,204)
```

Similar Colors

Text with hexadecimal color #64bccc

This text has a font color of #64bccc.

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

#64bccc background color

This paragraph has a background color of #64bccc.

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

#64bccc border color

This element has a border color of #64bccc.

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

CSS codes

.text {color:#64bccc;}

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

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

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

#020707
```
#020707 rgb(2,7,7)
```
#071416
```
#071416 rgb(7,20,22)
```
#0c2125
```
#0c2125 rgb(12,33,37)
```
#112e34
```
#112e34 rgb(17,46,52)
```
#163c42
```
#163c42 rgb(22,60,66)
```
#1b4951
```
#1b4951 rgb(27,73,81)
```
#205660
```
#205660 rgb(32,86,96)
```
#24636f
```
#24636f rgb(36,99,111)
```
#29707d
```
#29707d rgb(41,112,125)
```
#2e7e8c
```
#2e7e8c rgb(46,126,140)
```
#338b9b
```
#338b9b rgb(51,139,155)
```
#3898aa
```
#3898aa rgb(56,152,170)
```
#3da5b8
```
#3da5b8 rgb(61,165,184)
```

Shade Color Variation

#46afc2
```
#46afc2 rgb(70,175,194)
```
#55b6c7
```
#55b6c7 rgb(85,182,199)
```
#64bccc
```
#64bccc rgb(100,188,204)
```
#73c2d1
```
#73c2d1 rgb(115,194,209)
```
#82c9d6
```
#82c9d6 rgb(130,201,214)
```
#90cfdb
```
#90cfdb rgb(144,207,219)
```
#9fd6df
```
#9fd6df rgb(159,214,223)
```
#aedce4
```
#aedce4 rgb(174,220,228)
```
#bde2e9
```
#bde2e9 rgb(189,226,233)
```
#cbe9ee
```
#cbe9ee rgb(203,233,238)
```
#daeff3
```
#daeff3 rgb(218,239,243)
```
#e9f5f8
```
#e9f5f8 rgb(233,245,248)
```
#f8fcfd
```
#f8fcfd rgb(248,252,253)
```

Tint Color Variation

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

#949b9c
```
#949b9c rgb(148,155,156)
```
#8ca1a4
```
#8ca1a4 rgb(140,161,164)
```
#84a6ac
```
#84a6ac rgb(132,166,172)
```
#7cacb4
```
#7cacb4 rgb(124,172,180)
```
#74b1bc
```
#74b1bc rgb(116,177,188)
```
#6cb7c4
```
#6cb7c4 rgb(108,183,196)
```
#64bccc
```
#64bccc rgb(100,188,204)
```
#5cc1d4
```
#5cc1d4 rgb(92,193,212)
```
#54c7dc
```
#54c7dc rgb(84,199,220)
```
#4ccce4
```
#4ccce4 rgb(76,204,228)
```
#44d2ec
```
#44d2ec rgb(68,210,236)
```
#3cd7f4
```
#3cd7f4 rgb(60,215,244)
```
#34ddfc
```
#34ddfc rgb(52,221,252)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#97a9ac Atypical Achromatopsia 0.001% of the population

Dichromacy

#b0b2c6 Protanopia 1% of men
#b2afd4 Deuteranopia 1% of men
#6bbfcd Tritanopia 0.001% of the population

Trichromacy

#94b5c8 Protanomaly 1% of men, 0.01% of women
#96b4d1 Deuteranomaly 6% of men, 0.4% of women
#68becd Tritanomaly 0.01% of the population

#64bccc hex color

#64bccc Color Information

#64bccc Color Conversion

Color Schemes with #64bccc

Alternatives to #64bccc

#64bccc Preview

Shades and Tints of #64bccc

Tones of #64bccc

Color Blindness Simulator