#64bcfc hex color

In a RGB color space, hex #64bcfc is composed of 39.2% red, 73.7% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 60.3% cyan, 25.4% magenta, 0% yellow and 1.2% black. It has a hue angle of 205.3 degrees, a saturation of 96.2% and a lightness of 69%. #64bcfc color hex could be obtained by blending #c8ffff with #0079f9. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 39
- G 74
- B 99
RGB color chart
- C 60
- M 25
- Y 0
- K 1
CMYK color chart

● #64bcfc color description : Soft blue.

The hexadecimal color #64bcfc has RGB values of R:100, G:188, B:252 and CMYK values of C:0.6, M:0.25, Y:0, K:0.01. Its decimal value is 6601980.

Hex triplet	64bcfc	`#64bcfc`
RGB Decimal	100, 188, 252	`rgb(100,188,252)`
RGB Percent	39.2, 73.7, 98.8	`rgb(39.2%,73.7%,98.8%)`
CMYK	60, 25, 0, 1
HSL	205.3°, 96.2, 69	`hsl(205.3,96.2%,69%)`
HSV (or HSB)	205.3°, 60.3, 98.8
Web Safe	66ccff	`#66ccff`

CIE-LAB	73.351, -7.943, -39.546
XYZ	40.805, 45.701, 98.761
xyY	0.22, 0.247, 45.701
CIE-LCH	73.351, 40.336, 258.643
CIE-LUV	73.351, -36.452, -63.048
Hunter-Lab	67.603, -10.562, -39.295
Binary	01100100, 10111100, 11111100

#64bcfc
```
#64bcfc rgb(100,188,252)
```
#fca464
```
#fca464 rgb(252,164,100)
```

Complementary Color

#64fcf0
```
#64fcf0 rgb(100,252,240)
```
#64bcfc
```
#64bcfc rgb(100,188,252)
```
#6470fc
```
#6470fc rgb(100,112,252)
```

Analogous Color

#fcf064
```
#fcf064 rgb(252,240,100)
```
#64bcfc
```
#64bcfc rgb(100,188,252)
```
#fc6470
```
#fc6470 rgb(252,100,112)
```

Split Complementary Color

#bcfc64
```
#bcfc64 rgb(188,252,100)
```
#64bcfc
```
#64bcfc rgb(100,188,252)
```
#fc64bc
```
#fc64bc rgb(252,100,188)
```

Triadic Color

#64fca4
```
#64fca4 rgb(100,252,164)
```
#64bcfc
```
#64bcfc rgb(100,188,252)
```
#fc64bc
```
#fc64bc rgb(252,100,188)
```
#fca464
```
#fca464 rgb(252,164,100)
```

Tetradic Color

#199cfb
```
#199cfb rgb(25,156,251)
```
#32a6fb
```
#32a6fb rgb(50,166,251)
```
#4bb1fc
```
#4bb1fc rgb(75,177,252)
```
#64bcfc
```
#64bcfc rgb(100,188,252)
```
#7dc7fc
```
#7dc7fc rgb(125,199,252)
```
#96d2fd
```
#96d2fd rgb(150,210,253)
```
#afdcfd
```
#afdcfd rgb(175,220,253)
```

Monochromatic Color

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

#64e2fc
```
#64e2fc rgb(100,226,252)
```
#64d5fc
```
#64d5fc rgb(100,213,252)
```
#64c9fc
```
#64c9fc rgb(100,201,252)
```
#64bcfc
```
#64bcfc rgb(100,188,252)
```
#64affc
```
#64affc rgb(100,175,252)
```
#64a3fc
```
#64a3fc rgb(100,163,252)
```
#6496fc
```
#6496fc rgb(100,150,252)
```

Similar Colors

Text with hexadecimal color #64bcfc

This text has a font color of #64bcfc.

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

#64bcfc background color

This paragraph has a background color of #64bcfc.

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

#64bcfc border color

This element has a border color of #64bcfc.

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

CSS codes

.text {color:#64bcfc;}

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

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

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, #000b12 is the darkest color, while #feffff is the lightest one.

#000b12
```
#000b12 rgb(0,11,18)
```
#011625
```
#011625 rgb(1,22,37)
```
#012139
```
#012139 rgb(1,33,57)
```
#012d4c
```
#012d4c rgb(1,45,76)
```
#02385f
```
#02385f rgb(2,56,95)
```
#024372
```
#024372 rgb(2,67,114)
```
#034e86
```
#034e86 rgb(3,78,134)
```
#035a99
```
#035a99 rgb(3,90,153)
```
#0365ac
```
#0365ac rgb(3,101,172)
```
#0470bf
```
#0470bf rgb(4,112,191)
```
#047cd3
```
#047cd3 rgb(4,124,211)
```
#0487e6
```
#0487e6 rgb(4,135,230)
```
#0592f9
```
#0592f9 rgb(5,146,249)
```

Shade Color Variation

#179bfb
```
#179bfb rgb(23,155,251)
```
#2aa3fb
```
#2aa3fb rgb(42,163,251)
```
#3eabfb
```
#3eabfb rgb(62,171,251)
```
#51b4fc
```
#51b4fc rgb(81,180,252)
```
#64bcfc
```
#64bcfc rgb(100,188,252)
```
#77c4fc
```
#77c4fc rgb(119,196,252)
```
#8acdfd
```
#8acdfd rgb(138,205,253)
```
#9ed5fd
```
#9ed5fd rgb(158,213,253)
```
#b1ddfd
```
#b1ddfd rgb(177,221,253)
```
#c4e6fe
```
#c4e6fe rgb(196,230,254)
```
#d7eefe
```
#d7eefe rgb(215,238,254)
```
#ebf6ff
```
#ebf6ff rgb(235,246,255)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#adb0b3
```
#adb0b3 rgb(173,176,179)
```
#a7b1b9
```
#a7b1b9 rgb(167,177,185)
```
#a1b2bf
```
#a1b2bf rgb(161,178,191)
```
#9bb3c5
```
#9bb3c5 rgb(155,179,197)
```
#95b4cb
```
#95b4cb rgb(149,180,203)
```
#8fb5d1
```
#8fb5d1 rgb(143,181,209)
```
#88b6d8
```
#88b6d8 rgb(136,182,216)
```
#82b7de
```
#82b7de rgb(130,183,222)
```
#7cb8e4
```
#7cb8e4 rgb(124,184,228)
```
#76b9ea
```
#76b9ea rgb(118,185,234)
```
#70baf0
```
#70baf0 rgb(112,186,240)
```
#6abbf6
```
#6abbf6 rgb(106,187,246)
```
#64bcfc
```
#64bcfc rgb(100,188,252)
```

Tone Color Variation

Below, you can see how #64bcfc 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
#9badba Atypical Achromatopsia 0.001% of the population

Dichromacy

#a3b5f5 Protanopia 1% of men
#9ab6ff Deuteranopia 1% of men
#54c7d5 Tritanopia 0.001% of the population

Trichromacy

#8cb8f7 Protanomaly 1% of men, 0.01% of women
#86b8fd Deuteranomaly 6% of men, 0.4% of women
#5ac3e3 Tritanomaly 0.01% of the population

#64bcfc hex color

#64bcfc Color Information

#64bcfc Color Conversion

Color Schemes with #64bcfc

Alternatives to #64bcfc

#64bcfc Preview

Shades and Tints of #64bcfc

Tones of #64bcfc

Color Blindness Simulator