#64bad9 hex color

In a RGB color space, hex #64bad9 is composed of 39.2% red, 72.9% green and 85.1% blue. Whereas in a CMYK color space, it is composed of 53.9% cyan, 14.3% magenta, 0% yellow and 14.9% black. It has a hue angle of 195.9 degrees, a saturation of 60.6% and a lightness of 62.2%. #64bad9 color hex could be obtained by blending #c8ffff with #0075b3. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 39
- G 73
- B 85
RGB color chart
- C 54
- M 14
- Y 0
- K 15
CMYK color chart

● #64bad9 color description : Soft blue.

The hexadecimal color #64bad9 has RGB values of R:100, G:186, B:217 and CMYK values of C:0.54, M:0.14, Y:0, K:0.15. Its decimal value is 6601433.

Hex triplet	64bad9	`#64bad9`
RGB Decimal	100, 186, 217	`rgb(100,186,217)`
RGB Percent	39.2, 72.9, 85.1	`rgb(39.2%,72.9%,85.1%)`
CMYK	54, 14, 0, 15
HSL	195.9°, 60.6, 62.2	`hsl(195.9,60.6%,62.2%)`
HSV (or HSB)	195.9°, 53.9, 85.1
Web Safe	66cccc	`#66cccc`

CIE-LAB	71.443, -17.383, -23.518
XYZ	35.336, 42.835, 72.048
xyY	0.235, 0.285, 42.835
CIE-LCH	71.443, 29.245, 233.53
CIE-LUV	71.443, -36.907, -34.47
Hunter-Lab	65.448, -18.162, -19.455
Binary	01100100, 10111010, 11011001

#64bad9
```
#64bad9 rgb(100,186,217)
```
#d98364
```
#d98364 rgb(217,131,100)
```

Complementary Color

#64d9be
```
#64d9be rgb(100,217,190)
```
#64bad9
```
#64bad9 rgb(100,186,217)
```
#6480d9
```
#6480d9 rgb(100,128,217)
```

Analogous Color

#d9be64
```
#d9be64 rgb(217,190,100)
```
#64bad9
```
#64bad9 rgb(100,186,217)
```
#d96480
```
#d96480 rgb(217,100,128)
```

Split Complementary Color

#bad964
```
#bad964 rgb(186,217,100)
```
#64bad9
```
#64bad9 rgb(100,186,217)
```
#d964ba
```
#d964ba rgb(217,100,186)
```

Triadic Color

#64d983
```
#64d983 rgb(100,217,131)
```
#64bad9
```
#64bad9 rgb(100,186,217)
```
#d964ba
```
#d964ba rgb(217,100,186)
```
#d98364
```
#d98364 rgb(217,131,100)
```

Tetradic Color

#2f9bc1
```
#2f9bc1 rgb(47,155,193)
```
#3ba8cf
```
#3ba8cf rgb(59,168,207)
```
#50b1d4
```
#50b1d4 rgb(80,177,212)
```
#64bad9
```
#64bad9 rgb(100,186,217)
```
#78c3de
```
#78c3de rgb(120,195,222)
```
#8dcce3
```
#8dcce3 rgb(141,204,227)
```
#a1d5e8
```
#a1d5e8 rgb(161,213,232)
```

Monochromatic Color

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

#64d7d9
```
#64d7d9 rgb(100,215,217)
```
#64ced9
```
#64ced9 rgb(100,206,217)
```
#64c4d9
```
#64c4d9 rgb(100,196,217)
```
#64bad9
```
#64bad9 rgb(100,186,217)
```
#64b0d9
```
#64b0d9 rgb(100,176,217)
```
#64a7d9
```
#64a7d9 rgb(100,167,217)
```
#649dd9
```
#649dd9 rgb(100,157,217)
```

Similar Colors

Text with hexadecimal color #64bad9

This text has a font color of #64bad9.

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

#64bad9 background color

This paragraph has a background color of #64bad9.

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

#64bad9 border color

This element has a border color of #64bad9.

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

CSS codes

.text {color:#64bad9;}

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

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

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

#010203
```
#010203 rgb(1,2,3)
```
#040f12
```
#040f12 rgb(4,15,18)
```
#081b22
```
#081b22 rgb(8,27,34)
```
#0c2832
```
#0c2832 rgb(12,40,50)
```
#103442
```
#103442 rgb(16,52,66)
```
#144151
```
#144151 rgb(20,65,81)
```
#184e61
```
#184e61 rgb(24,78,97)
```
#1c5a71
```
#1c5a71 rgb(28,90,113)
```
#206781
```
#206781 rgb(32,103,129)
```
#237390
```
#237390 rgb(35,115,144)
```
#2780a0
```
#2780a0 rgb(39,128,160)
```
#2b8db0
```
#2b8db0 rgb(43,141,176)
```
#2f99c0
```
#2f99c0 rgb(47,153,192)
```

Shade Color Variation

#35a5cd
```
#35a5cd rgb(53,165,205)
```
#44acd1
```
#44acd1 rgb(68,172,209)
```
#54b3d5
```
#54b3d5 rgb(84,179,213)
```
#64bad9
```
#64bad9 rgb(100,186,217)
```
#74c1dd
```
#74c1dd rgb(116,193,221)
```
#84c8e1
```
#84c8e1 rgb(132,200,225)
```
#93cfe5
```
#93cfe5 rgb(147,207,229)
```
#a3d6e8
```
#a3d6e8 rgb(163,214,232)
```
#b3ddec
```
#b3ddec rgb(179,221,236)
```
#c3e4f0
```
#c3e4f0 rgb(195,228,240)
```
#d2ebf4
```
#d2ebf4 rgb(210,235,244)
```
#e2f2f8
```
#e2f2f8 rgb(226,242,248)
```
#f2f9fc
```
#f2f9fc rgb(242,249,252)
```

Tint Color Variation

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

#98a2a5
```
#98a2a5 rgb(152,162,165)
```
#91a5ac
```
#91a5ac rgb(145,165,172)
```
#89a9b4
```
#89a9b4 rgb(137,169,180)
```
#82acbb
```
#82acbb rgb(130,172,187)
```
#7ab0c3
```
#7ab0c3 rgb(122,176,195)
```
#73b3ca
```
#73b3ca rgb(115,179,202)
```
#6bb7d2
```
#6bb7d2 rgb(107,183,210)
```
#64bad9
```
#64bad9 rgb(100,186,217)
```
#5dbde0
```
#5dbde0 rgb(93,189,224)
```
#55c1e8
```
#55c1e8 rgb(85,193,232)
```
#4ec4ef
```
#4ec4ef rgb(78,196,239)
```
#46c8f7
```
#46c8f7 rgb(70,200,247)
```
#3fcbfe
```
#3fcbfe rgb(63,203,254)
```

Tone Color Variation

Below, you can see how #64bad9 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
#97a8af Atypical Achromatopsia 0.001% of the population

Dichromacy

#abb1d3 Protanopia 1% of men
#aab0e0 Deuteranopia 1% of men
#65bfcd Tritanopia 0.001% of the population

Trichromacy

#91b4d5 Protanomaly 1% of men, 0.01% of women
#90b3dd Deuteranomaly 6% of men, 0.4% of women
#65bdd1 Tritanomaly 0.01% of the population

#64bad9 hex color

#64bad9 Color Information

#64bad9 Color Conversion

Color Schemes with #64bad9

Alternatives to #64bad9

#64bad9 Preview

Shades and Tints of #64bad9

Tones of #64bad9

Color Blindness Simulator