#64bdf5 hex color

In a RGB color space, hex #64bdf5 is composed of 39.2% red, 74.1% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 59.2% cyan, 22.9% magenta, 0% yellow and 3.9% black. It has a hue angle of 203.2 degrees, a saturation of 87.9% and a lightness of 67.6%. #64bdf5 color hex could be obtained by blending #c8ffff with #007beb. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 39
- G 74
- B 96
RGB color chart
- C 59
- M 23
- Y 0
- K 4
CMYK color chart

● #64bdf5 color description : Soft blue.

The hexadecimal color #64bdf5 has RGB values of R:100, G:189, B:245 and CMYK values of C:0.59, M:0.23, Y:0, K:0.04. Its decimal value is 6602229.

Hex triplet	64bdf5	`#64bdf5`
RGB Decimal	100, 189, 245	`rgb(100,189,245)`
RGB Percent	39.2, 74.1, 96.1	`rgb(39.2%,74.1%,96.1%)`
CMYK	59, 23, 0, 4
HSL	203.2°, 87.9, 67.6	`hsl(203.2,87.9%,67.6%)`
HSV (or HSB)	203.2°, 59.2, 96.1
Web Safe	66ccff	`#66ccff`

CIE-LAB	73.347, -10.638, -35.779
XYZ	39.931, 45.694, 93.097
xyY	0.223, 0.256, 45.694
CIE-LCH	73.347, 37.327, 253.442
CIE-LUV	73.347, -37.048, -56.243
Hunter-Lab	67.598, -12.854, -34.337
Binary	01100100, 10111101, 11110101

#64bdf5
```
#64bdf5 rgb(100,189,245)
```
#f59c64
```
#f59c64 rgb(245,156,100)
```

Complementary Color

#64f5e5
```
#64f5e5 rgb(100,245,229)
```
#64bdf5
```
#64bdf5 rgb(100,189,245)
```
#6475f5
```
#6475f5 rgb(100,117,245)
```

Analogous Color

#f5e564
```
#f5e564 rgb(245,229,100)
```
#64bdf5
```
#64bdf5 rgb(100,189,245)
```
#f56475
```
#f56475 rgb(245,100,117)
```

Split Complementary Color

#bdf564
```
#bdf564 rgb(189,245,100)
```
#64bdf5
```
#64bdf5 rgb(100,189,245)
```
#f564bd
```
#f564bd rgb(245,100,189)
```

Triadic Color

#64f59c
```
#64f59c rgb(100,245,156)
```
#64bdf5
```
#64bdf5 rgb(100,189,245)
```
#f564bd
```
#f564bd rgb(245,100,189)
```
#f59c64
```
#f59c64 rgb(245,156,100)
```

Tetradic Color

#1c9ef0
```
#1c9ef0 rgb(28,158,240)
```
#34a9f2
```
#34a9f2 rgb(52,169,242)
```
#4cb3f3
```
#4cb3f3 rgb(76,179,243)
```
#64bdf5
```
#64bdf5 rgb(100,189,245)
```
#7cc7f7
```
#7cc7f7 rgb(124,199,247)
```
#94d1f8
```
#94d1f8 rgb(148,209,248)
```
#acdcfa
```
#acdcfa rgb(172,220,250)
```

Monochromatic Color

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

#64e1f5
```
#64e1f5 rgb(100,225,245)
```
#64d5f5
```
#64d5f5 rgb(100,213,245)
```
#64c9f5
```
#64c9f5 rgb(100,201,245)
```
#64bdf5
```
#64bdf5 rgb(100,189,245)
```
#64b1f5
```
#64b1f5 rgb(100,177,245)
```
#64a5f5
```
#64a5f5 rgb(100,165,245)
```
#6499f5
```
#6499f5 rgb(100,153,245)
```

Similar Colors

Text with hexadecimal color #64bdf5

This text has a font color of #64bdf5.

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

#64bdf5 background color

This paragraph has a background color of #64bdf5.

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

#64bdf5 border color

This element has a border color of #64bdf5.

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

CSS codes

.text {color:#64bdf5;}

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

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

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, #01070b is the darkest color, while #f7fcff is the lightest one.

#01070b
```
#01070b rgb(1,7,11)
```
#02131d
```
#02131d rgb(2,19,29)
```
#031e30
```
#031e30 rgb(3,30,48)
```
#042a42
```
#042a42 rgb(4,42,66)
```
#053655
```
#053655 rgb(5,54,85)
```
#074267
```
#074267 rgb(7,66,103)
```
#084e79
```
#084e79 rgb(8,78,121)
```
#09598c
```
#09598c rgb(9,89,140)
```
#0a659e
```
#0a659e rgb(10,101,158)
```
#0b71b1
```
#0b71b1 rgb(11,113,177)
```
#0d7dc3
```
#0d7dc3 rgb(13,125,195)
```
#0e88d6
```
#0e88d6 rgb(14,136,214)
```
#0f94e8
```
#0f94e8 rgb(15,148,232)
```

Shade Color Variation

#1a9ef0
```
#1a9ef0 rgb(26,158,240)
```
#2da5f1
```
#2da5f1 rgb(45,165,241)
```
#3fadf3
```
#3fadf3 rgb(63,173,243)
```
#52b5f4
```
#52b5f4 rgb(82,181,244)
```
#64bdf5
```
#64bdf5 rgb(100,189,245)
```
#76c5f6
```
#76c5f6 rgb(118,197,246)
```
#89cdf7
```
#89cdf7 rgb(137,205,247)
```
#9bd5f9
```
#9bd5f9 rgb(155,213,249)
```
#aedcfa
```
#aedcfa rgb(174,220,250)
```
#c0e4fb
```
#c0e4fb rgb(192,228,251)
```
#d3ecfc
```
#d3ecfc rgb(211,236,252)
```
#e5f4fd
```
#e5f4fd rgb(229,244,253)
```
#f7fcff
```
#f7fcff rgb(247,252,255)
```

Tint Color Variation

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

#aaadaf
```
#aaadaf rgb(170,173,175)
```
#a3afb6
```
#a3afb6 rgb(163,175,182)
```
#9db0bc
```
#9db0bc rgb(157,176,188)
```
#97b1c2
```
#97b1c2 rgb(151,177,194)
```
#90b3c9
```
#90b3c9 rgb(144,179,201)
```
#8ab4cf
```
#8ab4cf rgb(138,180,207)
```
#84b6d5
```
#84b6d5 rgb(132,182,213)
```
#7db7dc
```
#7db7dc rgb(125,183,220)
```
#77b9e2
```
#77b9e2 rgb(119,185,226)
```
#71bae8
```
#71bae8 rgb(113,186,232)
```
#6abcef
```
#6abcef rgb(106,188,239)
```
#64bdf5
```
#64bdf5 rgb(100,189,245)
```
#5ebefb
```
#5ebefb rgb(94,190,251)
```

Tone Color Variation

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

#a9a9a9 Achromatopsia 0.005% of the population
#9badb8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a7b5ee Protanopia 1% of men
#9fb6f9 Deuteranopia 1% of men
#59c6d5 Tritanopia 0.001% of the population

Trichromacy

#8eb8f0 Protanomaly 1% of men, 0.01% of women
#8ab8f7 Deuteranomaly 6% of men, 0.4% of women
#5dc3e0 Tritanomaly 0.01% of the population

#64bdf5 hex color

#64bdf5 Color Information

#64bdf5 Color Conversion

Color Schemes with #64bdf5

Alternatives to #64bdf5

#64bdf5 Preview

Shades and Tints of #64bdf5

Tones of #64bdf5

Color Blindness Simulator