#64bbf0 hex color

In a RGB color space, hex #64bbf0 is composed of 39.2% red, 73.3% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 58.3% cyan, 22.1% magenta, 0% yellow and 5.9% black. It has a hue angle of 202.7 degrees, a saturation of 82.4% and a lightness of 66.7%. #64bbf0 color hex could be obtained by blending #c8ffff with #0077e1. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 39
- G 73
- B 94
RGB color chart
- C 58
- M 22
- Y 0
- K 6
CMYK color chart

● #64bbf0 color description : Soft blue.

The hexadecimal color #64bbf0 has RGB values of R:100, G:187, B:240 and CMYK values of C:0.58, M:0.22, Y:0, K:0.06. Its decimal value is 6601712.

Hex triplet	64bbf0	`#64bbf0`
RGB Decimal	100, 187, 240	`rgb(100,187,240)`
RGB Percent	39.2, 73.3, 94.1	`rgb(39.2%,73.3%,94.1%)`
CMYK	58, 22, 0, 6
HSL	202.7°, 82.4, 66.7	`hsl(202.7,82.4%,66.7%)`
HSV (or HSB)	202.7°, 58.3, 94.1
Web Safe	66ccff	`#66ccff`

CIE-LAB	72.587, -11.09, -34.255
XYZ	38.75, 44.539, 88.988
xyY	0.225, 0.259, 44.539
CIE-LCH	72.587, 36.005, 252.06
CIE-LUV	72.587, -36.488, -53.505
Hunter-Lab	66.737, -13.146, -32.342
Binary	01100100, 10111011, 11110000

#64bbf0
```
#64bbf0 rgb(100,187,240)
```
#f09964
```
#f09964 rgb(240,153,100)
```

Complementary Color

#64f0df
```
#64f0df rgb(100,240,223)
```
#64bbf0
```
#64bbf0 rgb(100,187,240)
```
#6475f0
```
#6475f0 rgb(100,117,240)
```

Analogous Color

#f0df64
```
#f0df64 rgb(240,223,100)
```
#64bbf0
```
#64bbf0 rgb(100,187,240)
```
#f06475
```
#f06475 rgb(240,100,117)
```

Split Complementary Color

#bbf064
```
#bbf064 rgb(187,240,100)
```
#64bbf0
```
#64bbf0 rgb(100,187,240)
```
#f064bb
```
#f064bb rgb(240,100,187)
```

Triadic Color

#64f099
```
#64f099 rgb(100,240,153)
```
#64bbf0
```
#64bbf0 rgb(100,187,240)
```
#f064bb
```
#f064bb rgb(240,100,187)
```
#f09964
```
#f09964 rgb(240,153,100)
```

Tetradic Color

#1e9ce9
```
#1e9ce9 rgb(30,156,233)
```
#35a7ec
```
#35a7ec rgb(53,167,236)
```
#4db1ee
```
#4db1ee rgb(77,177,238)
```
#64bbf0
```
#64bbf0 rgb(100,187,240)
```
#7bc5f2
```
#7bc5f2 rgb(123,197,242)
```
#93cff5
```
#93cff5 rgb(147,207,245)
```
#aadaf7
```
#aadaf7 rgb(170,218,247)
```

Monochromatic Color

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

#64def0
```
#64def0 rgb(100,222,240)
```
#64d2f0
```
#64d2f0 rgb(100,210,240)
```
#64c7f0
```
#64c7f0 rgb(100,199,240)
```
#64bbf0
```
#64bbf0 rgb(100,187,240)
```
#64aff0
```
#64aff0 rgb(100,175,240)
```
#64a4f0
```
#64a4f0 rgb(100,164,240)
```
#6498f0
```
#6498f0 rgb(100,152,240)
```

Similar Colors

Text with hexadecimal color #64bbf0

This text has a font color of #64bbf0.

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

#64bbf0 background color

This paragraph has a background color of #64bbf0.

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

#64bbf0 border color

This element has a border color of #64bbf0.

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

CSS codes

.text {color:#64bbf0;}

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

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

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

#010406
```
#010406 rgb(1,4,6)
```
#021018
```
#021018 rgb(2,16,24)
```
#041b2a
```
#041b2a rgb(4,27,42)
```
#06273c
```
#06273c rgb(6,39,60)
```
#07334d
```
#07334d rgb(7,51,77)
```
#093f5f
```
#093f5f rgb(9,63,95)
```
#0b4b71
```
#0b4b71 rgb(11,75,113)
```
#0d5683
```
#0d5683 rgb(13,86,131)
```
#0e6295
```
#0e6295 rgb(14,98,149)
```
#106ea7
```
#106ea7 rgb(16,110,167)
```
#127ab9
```
#127ab9 rgb(18,122,185)
```
#1485cb
```
#1485cb rgb(20,133,203)
```
#1591dd
```
#1591dd rgb(21,145,221)
```

Shade Color Variation

#1c9ce9
```
#1c9ce9 rgb(28,156,233)
```
#2ea3eb
```
#2ea3eb rgb(46,163,235)
```
#40abed
```
#40abed rgb(64,171,237)
```
#52b3ee
```
#52b3ee rgb(82,179,238)
```
#64bbf0
```
#64bbf0 rgb(100,187,240)
```
#76c3f2
```
#76c3f2 rgb(118,195,242)
```
#88cbf3
```
#88cbf3 rgb(136,203,243)
```
#9ad3f5
```
#9ad3f5 rgb(154,211,245)
```
#acdaf7
```
#acdaf7 rgb(172,218,247)
```
#bde2f9
```
#bde2f9 rgb(189,226,249)
```
#cfeafa
```
#cfeafa rgb(207,234,250)
```
#e1f2fc
```
#e1f2fc rgb(225,242,252)
```
#f3fafe
```
#f3fafe rgb(243,250,254)
```

Tint Color Variation

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

#a5abaf
```
#a5abaf rgb(165,171,175)
```
#9fadb5
```
#9fadb5 rgb(159,173,181)
```
#98aebc
```
#98aebc rgb(152,174,188)
```
#92b0c2
```
#92b0c2 rgb(146,176,194)
```
#8bb1c9
```
#8bb1c9 rgb(139,177,201)
```
#85b3cf
```
#85b3cf rgb(133,179,207)
```
#7eb5d6
```
#7eb5d6 rgb(126,181,214)
```
#78b6dc
```
#78b6dc rgb(120,182,220)
```
#71b8e3
```
#71b8e3 rgb(113,184,227)
```
#6bb9e9
```
#6bb9e9 rgb(107,185,233)
```
#64bbf0
```
#64bbf0 rgb(100,187,240)
```
#5dbdf7
```
#5dbdf7 rgb(93,189,247)
```
#57befd
```
#57befd rgb(87,190,253)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#9aabb6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a6b4e9 Protanopia 1% of men
#9fb4f4 Deuteranopia 1% of men
#5bc4d2 Tritanopia 0.001% of the population

Trichromacy

#8eb6ec Protanomaly 1% of men, 0.01% of women
#8ab6f3 Deuteranomaly 6% of men, 0.4% of women
#5ec0dd Tritanomaly 0.01% of the population

#64bbf0 hex color

#64bbf0 Color Information

#64bbf0 Color Conversion

Color Schemes with #64bbf0

Alternatives to #64bbf0

#64bbf0 Preview

Shades and Tints of #64bbf0

Tones of #64bbf0

Color Blindness Simulator