#64bdec hex color

In a RGB color space, hex #64bdec is composed of 39.2% red, 74.1% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 57.6% cyan, 19.9% magenta, 0% yellow and 7.5% black. It has a hue angle of 200.7 degrees, a saturation of 78.2% and a lightness of 65.9%. #64bdec color hex could be obtained by blending #c8ffff with #007bd9. 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

● #64bdec color description : Soft blue.

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

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

CIE-LAB	72.996, -13.365, -31.458
XYZ	38.59, 45.158, 86.035
xyY	0.227, 0.266, 45.158
CIE-LCH	72.996, 34.179, 246.982
CIE-LUV	72.996, -37.361, -48.484
Hunter-Lab	67.2, -15.095, -28.869
Binary	01100100, 10111101, 11101100

#64bdec
```
#64bdec rgb(100,189,236)
```
#ec9364
```
#ec9364 rgb(236,147,100)
```

Complementary Color

#64ecd7
```
#64ecd7 rgb(100,236,215)
```
#64bdec
```
#64bdec rgb(100,189,236)
```
#6479ec
```
#6479ec rgb(100,121,236)
```

Analogous Color

#ecd764
```
#ecd764 rgb(236,215,100)
```
#64bdec
```
#64bdec rgb(100,189,236)
```
#ec6479
```
#ec6479 rgb(236,100,121)
```

Split Complementary Color

#bdec64
```
#bdec64 rgb(189,236,100)
```
#64bdec
```
#64bdec rgb(100,189,236)
```
#ec64bd
```
#ec64bd rgb(236,100,189)
```

Triadic Color

#64ec93
```
#64ec93 rgb(100,236,147)
```
#64bdec
```
#64bdec rgb(100,189,236)
```
#ec64bd
```
#ec64bd rgb(236,100,189)
```
#ec9364
```
#ec9364 rgb(236,147,100)
```

Tetradic Color

#20a0e4
```
#20a0e4 rgb(32,160,228)
```
#37aae6
```
#37aae6 rgb(55,170,230)
```
#4db3e9
```
#4db3e9 rgb(77,179,233)
```
#64bdec
```
#64bdec rgb(100,189,236)
```
#7bc7ef
```
#7bc7ef rgb(123,199,239)
```
#91d0f2
```
#91d0f2 rgb(145,208,242)
```
#a8daf4
```
#a8daf4 rgb(168,218,244)
```

Monochromatic Color

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

#64dfec
```
#64dfec rgb(100,223,236)
```
#64d4ec
```
#64d4ec rgb(100,212,236)
```
#64c8ec
```
#64c8ec rgb(100,200,236)
```
#64bdec
```
#64bdec rgb(100,189,236)
```
#64b2ec
```
#64b2ec rgb(100,178,236)
```
#64a6ec
```
#64a6ec rgb(100,166,236)
```
#649bec
```
#649bec rgb(100,155,236)
```

Similar Colors

Text with hexadecimal color #64bdec

This text has a font color of #64bdec.

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

#64bdec background color

This paragraph has a background color of #64bdec.

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

#64bdec border color

This element has a border color of #64bdec.

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

CSS codes

.text {color:#64bdec;}

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

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

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 #f0f9fd 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)
```
#0d4b6b
```
#0d4b6b rgb(13,75,107)
```
#0f577d
```
#0f577d rgb(15,87,125)
```
#11638e
```
#11638e rgb(17,99,142)
```
#146fa0
```
#146fa0 rgb(20,111,160)
```
#167bb1
```
#167bb1 rgb(22,123,177)
```
#1888c2
```
#1888c2 rgb(24,136,194)
```
#1a94d4
```
#1a94d4 rgb(26,148,212)
```

Shade Color Variation

#1e9fe3
```
#1e9fe3 rgb(30,159,227)
```
#30a7e6
```
#30a7e6 rgb(48,167,230)
```
#41aee8
```
#41aee8 rgb(65,174,232)
```
#53b6ea
```
#53b6ea rgb(83,182,234)
```
#64bdec
```
#64bdec rgb(100,189,236)
```
#75c4ee
```
#75c4ee rgb(117,196,238)
```
#87ccf0
```
#87ccf0 rgb(135,204,240)
```
#98d3f2
```
#98d3f2 rgb(152,211,242)
```
#aadbf5
```
#aadbf5 rgb(170,219,245)
```
#bbe2f7
```
#bbe2f7 rgb(187,226,247)
```
#cdeaf9
```
#cdeaf9 rgb(205,234,249)
```
#def1fb
```
#def1fb rgb(222,241,251)
```
#f0f9fd
```
#f0f9fd rgb(240,249,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 #57c1f9 is the most saturated one.

#a7a8a9
```
#a7a8a9 rgb(167,168,169)
```
#a0aab0
```
#a0aab0 rgb(160,170,176)
```
#9aacb6
```
#9aacb6 rgb(154,172,182)
```
#93afbd
```
#93afbd rgb(147,175,189)
```
#8cb1c4
```
#8cb1c4 rgb(140,177,196)
```
#85b3cb
```
#85b3cb rgb(133,179,203)
```
#7fb5d1
```
#7fb5d1 rgb(127,181,209)
```
#78b7d8
```
#78b7d8 rgb(120,183,216)
```
#71b9df
```
#71b9df rgb(113,185,223)
```
#6bbbe5
```
#6bbbe5 rgb(107,187,229)
```
#64bdec
```
#64bdec rgb(100,189,236)
```
#5dbff3
```
#5dbff3 rgb(93,191,243)
```
#57c1f9
```
#57c1f9 rgb(87,193,249)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#9aacb6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a9b5e5 Protanopia 1% of men
#a4b4f1 Deuteranopia 1% of men
#5ec5d3 Tritanopia 0.001% of the population

Trichromacy

#90b8e7 Protanomaly 1% of men, 0.01% of women
#8db7ef Deuteranomaly 6% of men, 0.4% of women
#60c2dc Tritanomaly 0.01% of the population

#64bdec hex color

#64bdec Color Information

#64bdec Color Conversion

Color Schemes with #64bdec

Alternatives to #64bdec

#64bdec Preview

Shades and Tints of #64bdec

Tones of #64bdec

Color Blindness Simulator