#64bcec hex color

In a RGB color space, hex #64bcec is composed of 39.2% red, 73.7% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 57.6% cyan, 20.3% magenta, 0% yellow and 7.5% black. It has a hue angle of 201.2 degrees, a saturation of 78.2% and a lightness of 65.9%. #64bcec color hex could be obtained by blending #c8ffff with #0079d9. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 39
- G 74
- B 93
RGB color chart
- C 58
- M 20
- Y 0
- K 7
CMYK color chart

● #64bcec color description : Soft blue.

The hexadecimal color #64bcec has RGB values of R:100, G:188, B:236 and CMYK values of C:0.58, M:0.2, Y:0, K:0.07. Its decimal value is 6601964.

Hex triplet	64bcec	`#64bcec`
RGB Decimal	100, 188, 236	`rgb(100,188,236)`
RGB Percent	39.2, 73.7, 92.5	`rgb(39.2%,73.7%,92.5%)`
CMYK	58, 20, 0, 7
HSL	201.2°, 78.2, 65.9	`hsl(201.2,78.2%,65.9%)`
HSV (or HSB)	201.2°, 57.6, 92.5
Web Safe	66ccff	`#66ccff`

CIE-LAB	72.713, -12.834, -31.894
XYZ	38.375, 44.729, 85.964
xyY	0.227, 0.265, 44.729
CIE-LCH	72.713, 34.379, 248.081
CIE-LUV	72.713, -36.992, -49.271
Hunter-Lab	66.88, -14.618, -29.392
Binary	01100100, 10111100, 11101100

#64bcec
```
#64bcec rgb(100,188,236)
```
#ec9464
```
#ec9464 rgb(236,148,100)
```

Complementary Color

#64ecd8
```
#64ecd8 rgb(100,236,216)
```
#64bcec
```
#64bcec rgb(100,188,236)
```
#6478ec
```
#6478ec rgb(100,120,236)
```

Analogous Color

#ecd864
```
#ecd864 rgb(236,216,100)
```
#64bcec
```
#64bcec rgb(100,188,236)
```
#ec6478
```
#ec6478 rgb(236,100,120)
```

Split Complementary Color

#bcec64
```
#bcec64 rgb(188,236,100)
```
#64bcec
```
#64bcec rgb(100,188,236)
```
#ec64bc
```
#ec64bc rgb(236,100,188)
```

Triadic Color

#64ec94
```
#64ec94 rgb(100,236,148)
```
#64bcec
```
#64bcec rgb(100,188,236)
```
#ec64bc
```
#ec64bc rgb(236,100,188)
```
#ec9464
```
#ec9464 rgb(236,148,100)
```

Tetradic Color

#209fe4
```
#209fe4 rgb(32,159,228)
```
#37a8e6
```
#37a8e6 rgb(55,168,230)
```
#4db2e9
```
#4db2e9 rgb(77,178,233)
```
#64bcec
```
#64bcec rgb(100,188,236)
```
#7bc6ef
```
#7bc6ef rgb(123,198,239)
```
#91d0f2
```
#91d0f2 rgb(145,208,242)
```
#a8d9f4
```
#a8d9f4 rgb(168,217,244)
```

Monochromatic Color

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

#64deec
```
#64deec rgb(100,222,236)
```
#64d3ec
```
#64d3ec rgb(100,211,236)
```
#64c7ec
```
#64c7ec rgb(100,199,236)
```
#64bcec
```
#64bcec rgb(100,188,236)
```
#64b1ec
```
#64b1ec rgb(100,177,236)
```
#64a5ec
```
#64a5ec rgb(100,165,236)
```
#649aec
```
#649aec rgb(100,154,236)
```

Similar Colors

Text with hexadecimal color #64bcec

This text has a font color of #64bcec.

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

#64bcec background color

This paragraph has a background color of #64bcec.

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

#64bcec border color

This element has a border color of #64bcec.

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

CSS codes

.text {color:#64bcec;}

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

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

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

#000202
```
#000202 rgb(0,2,2)
```
#020e14
```
#020e14 rgb(2,14,20)
```
#051a25
```
#051a25 rgb(5,26,37)
```
#072637
```
#072637 rgb(7,38,55)
```
#093248
```
#093248 rgb(9,50,72)
```
#0b3e5a
```
#0b3e5a rgb(11,62,90)
```
#0d4a6b
```
#0d4a6b rgb(13,74,107)
```
#0f567d
```
#0f567d rgb(15,86,125)
```
#11628e
```
#11628e rgb(17,98,142)
```
#146ea0
```
#146ea0 rgb(20,110,160)
```
#167ab1
```
#167ab1 rgb(22,122,177)
```
#1886c2
```
#1886c2 rgb(24,134,194)
```
#1a92d4
```
#1a92d4 rgb(26,146,212)
```

Shade Color Variation

#1e9ee3
```
#1e9ee3 rgb(30,158,227)
```
#30a5e6
```
#30a5e6 rgb(48,165,230)
```
#41ade8
```
#41ade8 rgb(65,173,232)
```
#53b4ea
```
#53b4ea rgb(83,180,234)
```
#64bcec
```
#64bcec rgb(100,188,236)
```
#75c4ee
```
#75c4ee rgb(117,196,238)
```
#87cbf0
```
#87cbf0 rgb(135,203,240)
```
#98d3f2
```
#98d3f2 rgb(152,211,242)
```
#aadaf5
```
#aadaf5 rgb(170,218,245)
```
#bbe2f7
```
#bbe2f7 rgb(187,226,247)
```
#cde9f9
```
#cde9f9 rgb(205,233,249)
```
#def1fb
```
#def1fb rgb(222,241,251)
```
#f0f8fd
```
#f0f8fd rgb(240,248,253)
```

Tint Color Variation

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

#a7a8a9
```
#a7a8a9 rgb(167,168,169)
```
#a0aab0
```
#a0aab0 rgb(160,170,176)
```
#9aacb6
```
#9aacb6 rgb(154,172,182)
```
#93aebd
```
#93aebd rgb(147,174,189)
```
#8cb0c4
```
#8cb0c4 rgb(140,176,196)
```
#85b2cb
```
#85b2cb rgb(133,178,203)
```
#7fb4d1
```
#7fb4d1 rgb(127,180,209)
```
#78b6d8
```
#78b6d8 rgb(120,182,216)
```
#71b8df
```
#71b8df rgb(113,184,223)
```
#6bbae5
```
#6bbae5 rgb(107,186,229)
```
#64bcec
```
#64bcec rgb(100,188,236)
```
#5dbef3
```
#5dbef3 rgb(93,190,243)
```
#57c0f9
```
#57c0f9 rgb(87,192,249)
```

Tone Color Variation

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

Dichromacy

#a8b4e5 Protanopia 1% of men
#a3b4f1 Deuteranopia 1% of men
#5ec4d2 Tritanopia 0.001% of the population

Trichromacy

#8fb7e8 Protanomaly 1% of men, 0.01% of women
#8cb7ef Deuteranomaly 6% of men, 0.4% of women
#60c1db Tritanomaly 0.01% of the population

#64bcec hex color

#64bcec Color Information

#64bcec Color Conversion

Color Schemes with #64bcec

Alternatives to #64bcec

#64bcec Preview

Shades and Tints of #64bcec

Tones of #64bcec

Color Blindness Simulator