#64b0d4 hex color

In a RGB color space, hex #64b0d4 is composed of 39.2% red, 69% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 52.8% cyan, 17% magenta, 0% yellow and 16.9% black. It has a hue angle of 199.3 degrees, a saturation of 56.6% and a lightness of 61.2%. #64b0d4 color hex could be obtained by blending #c8ffff with #0061a9. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 39
- G 69
- B 83
RGB color chart
- C 53
- M 17
- Y 0
- K 17
CMYK color chart

● #64b0d4 color description : Moderate blue.

The hexadecimal color #64b0d4 has RGB values of R:100, G:176, B:212 and CMYK values of C:0.53, M:0.17, Y:0, K:0.17. Its decimal value is 6598868.

Hex triplet	64b0d4	`#64b0d4`
RGB Decimal	100, 176, 212	`rgb(100,176,212)`
RGB Percent	39.2, 69, 83.1	`rgb(39.2%,69%,83.1%)`
CMYK	53, 17, 0, 17
HSL	199.3°, 56.6, 61.2	`hsl(199.3,56.6%,61.2%)`
HSV (or HSB)	199.3°, 52.8, 83.1
Web Safe	6699cc	`#6699cc`

CIE-LAB	68.396, -13.559, -25.441
XYZ	32.662, 38.511, 67.996
xyY	0.235, 0.277, 38.511
CIE-LCH	68.396, 28.828, 241.944
CIE-LUV	68.396, -33.258, -37.969
Hunter-Lab	62.058, -14.654, -21.523
Binary	01100100, 10110000, 11010100

#64b0d4
```
#64b0d4 rgb(100,176,212)
```
#d48864
```
#d48864 rgb(212,136,100)
```

Complementary Color

#64d4c0
```
#64d4c0 rgb(100,212,192)
```
#64b0d4
```
#64b0d4 rgb(100,176,212)
```
#6478d4
```
#6478d4 rgb(100,120,212)
```

Analogous Color

#d4c064
```
#d4c064 rgb(212,192,100)
```
#64b0d4
```
#64b0d4 rgb(100,176,212)
```
#d46478
```
#d46478 rgb(212,100,120)
```

Split Complementary Color

#b0d464
```
#b0d464 rgb(176,212,100)
```
#64b0d4
```
#64b0d4 rgb(100,176,212)
```
#d464b0
```
#d464b0 rgb(212,100,176)
```

Triadic Color

#64d488
```
#64d488 rgb(100,212,136)
```
#64b0d4
```
#64b0d4 rgb(100,176,212)
```
#d464b0
```
#d464b0 rgb(212,100,176)
```
#d48864
```
#d48864 rgb(212,136,100)
```

Tetradic Color

#338eb8
```
#338eb8 rgb(51,142,184)
```
#3c9cc9
```
#3c9cc9 rgb(60,156,201)
```
#50a6ce
```
#50a6ce rgb(80,166,206)
```
#64b0d4
```
#64b0d4 rgb(100,176,212)
```
#78bada
```
#78bada rgb(120,186,218)
```
#8cc4df
```
#8cc4df rgb(140,196,223)
```
#a0cfe5
```
#a0cfe5 rgb(160,207,229)
```

Monochromatic Color

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

#64ccd4
```
#64ccd4 rgb(100,204,212)
```
#64c3d4
```
#64c3d4 rgb(100,195,212)
```
#64b9d4
```
#64b9d4 rgb(100,185,212)
```
#64b0d4
```
#64b0d4 rgb(100,176,212)
```
#64a7d4
```
#64a7d4 rgb(100,167,212)
```
#649dd4
```
#649dd4 rgb(100,157,212)
```
#6494d4
```
#6494d4 rgb(100,148,212)
```

Similar Colors

Text with hexadecimal color #64b0d4

This text has a font color of #64b0d4.

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

#64b0d4 background color

This paragraph has a background color of #64b0d4.

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

#64b0d4 border color

This element has a border color of #64b0d4.

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

CSS codes

.text {color:#64b0d4;}

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

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

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

#040b0e
```
#040b0e rgb(4,11,14)
```
#08161d
```
#08161d rgb(8,22,29)
```
#0c222d
```
#0c222d rgb(12,34,45)
```
#112e3c
```
#112e3c rgb(17,46,60)
```
#153a4b
```
#153a4b rgb(21,58,75)
```
#19465b
```
#19465b rgb(25,70,91)
```
#1d516a
```
#1d516a rgb(29,81,106)
```
#225d79
```
#225d79 rgb(34,93,121)
```
#266989
```
#266989 rgb(38,105,137)
```
#2a7598
```
#2a7598 rgb(42,117,152)
```
#2e81a7
```
#2e81a7 rgb(46,129,167)
```
#338cb7
```
#338cb7 rgb(51,140,183)
```
#3798c6
```
#3798c6 rgb(55,152,198)
```

Shade Color Variation

#45a0cb
```
#45a0cb rgb(69,160,203)
```
#55a8d0
```
#55a8d0 rgb(85,168,208)
```
#64b0d4
```
#64b0d4 rgb(100,176,212)
```
#73b8d8
```
#73b8d8 rgb(115,184,216)
```
#83c0dd
```
#83c0dd rgb(131,192,221)
```
#92c7e1
```
#92c7e1 rgb(146,199,225)
```
#a1cfe5
```
#a1cfe5 rgb(161,207,229)
```
#b1d7e9
```
#b1d7e9 rgb(177,215,233)
```
#c0dfee
```
#c0dfee rgb(192,223,238)
```
#cfe7f2
```
#cfe7f2 rgb(207,231,242)
```
#dfeff6
```
#dfeff6 rgb(223,239,246)
```
#eef6fa
```
#eef6fa rgb(238,246,250)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#999d9f
```
#999d9f rgb(153,157,159)
```
#92a0a6
```
#92a0a6 rgb(146,160,166)
```
#8aa2ae
```
#8aa2ae rgb(138,162,174)
```
#82a5b6
```
#82a5b6 rgb(130,165,182)
```
#7ba8bd
```
#7ba8bd rgb(123,168,189)
```
#73abc5
```
#73abc5 rgb(115,171,197)
```
#6cadcc
```
#6cadcc rgb(108,173,204)
```
#64b0d4
```
#64b0d4 rgb(100,176,212)
```
#5cb3dc
```
#5cb3dc rgb(92,179,220)
```
#55b5e3
```
#55b5e3 rgb(85,181,227)
```
#4db8eb
```
#4db8eb rgb(77,184,235)
```
#46bbf2
```
#46bbf2 rgb(70,187,242)
```
#3ebefa
```
#3ebefa rgb(62,190,250)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#92a1a8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a1a9cf Protanopia 1% of men
#a0a8da Deuteranopia 1% of men
#64b7c4 Tritanopia 0.001% of the population

Trichromacy

#8bacd1 Protanomaly 1% of men, 0.01% of women
#8aabd8 Deuteranomaly 6% of men, 0.4% of women
#64b4ca Tritanomaly 0.01% of the population

#64b0d4 hex color

#64b0d4 Color Information

#64b0d4 Color Conversion

Color Schemes with #64b0d4

Alternatives to #64b0d4

#64b0d4 Preview

Shades and Tints of #64b0d4

Tones of #64b0d4

Color Blindness Simulator