#649fec hex color

In a RGB color space, hex #649fec is composed of 39.2% red, 62.4% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 57.6% cyan, 32.6% magenta, 0% yellow and 7.5% black. It has a hue angle of 214 degrees, a saturation of 78.2% and a lightness of 65.9%. #649fec color hex could be obtained by blending #c8ffff with #003fd9. Closest websafe color is: #6699ff.

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

● #649fec color description : Soft blue.

The hexadecimal color #649fec has RGB values of R:100, G:159, B:236 and CMYK values of C:0.58, M:0.33, Y:0, K:0.07. Its decimal value is 6594540.

Hex triplet	649fec	`#649fec`
RGB Decimal	100, 159, 236	`rgb(100,159,236)`
RGB Percent	39.2, 62.4, 92.5	`rgb(39.2%,62.4%,92.5%)`
CMYK	58, 33, 0, 7
HSL	214°, 78.2, 65.9	`hsl(214,78.2%,65.9%)`
HSV (or HSB)	214°, 57.6, 92.5
Web Safe	6699ff	`#6699ff`

CIE-LAB	64.612, 3.213, -44.518
XYZ	32.791, 33.56, 84.102
xyY	0.218, 0.223, 33.56
CIE-LCH	64.612, 44.634, 274.128
CIE-LUV	64.612, -26.454, -71.63
Hunter-Lab	57.931, -0.343, -45.524
Binary	01100100, 10011111, 11101100

#649fec
```
#649fec rgb(100,159,236)
```
#ecb164
```
#ecb164 rgb(236,177,100)
```

Complementary Color

#64e3ec
```
#64e3ec rgb(100,227,236)
```
#649fec
```
#649fec rgb(100,159,236)
```
#6d64ec
```
#6d64ec rgb(109,100,236)
```

Analogous Color

#e3ec64
```
#e3ec64 rgb(227,236,100)
```
#649fec
```
#649fec rgb(100,159,236)
```
#ec6d64
```
#ec6d64 rgb(236,109,100)
```

Split Complementary Color

#9fec64
```
#9fec64 rgb(159,236,100)
```
#649fec
```
#649fec rgb(100,159,236)
```
#ec649f
```
#ec649f rgb(236,100,159)
```

Triadic Color

#64ecb1
```
#64ecb1 rgb(100,236,177)
```
#649fec
```
#649fec rgb(100,159,236)
```
#ec649f
```
#ec649f rgb(236,100,159)
```
#ecb164
```
#ecb164 rgb(236,177,100)
```

Tetradic Color

#2075e4
```
#2075e4 rgb(32,117,228)
```
#3783e6
```
#3783e6 rgb(55,131,230)
```
#4d91e9
```
#4d91e9 rgb(77,145,233)
```
#649fec
```
#649fec rgb(100,159,236)
```
#7badef
```
#7badef rgb(123,173,239)
```
#91bbf2
```
#91bbf2 rgb(145,187,242)
```
#a8c9f4
```
#a8c9f4 rgb(168,201,244)
```

Monochromatic Color

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

#64c1ec
```
#64c1ec rgb(100,193,236)
```
#64b6ec
```
#64b6ec rgb(100,182,236)
```
#64aaec
```
#64aaec rgb(100,170,236)
```
#649fec
```
#649fec rgb(100,159,236)
```
#6494ec
```
#6494ec rgb(100,148,236)
```
#6488ec
```
#6488ec rgb(100,136,236)
```
#647dec
```
#647dec rgb(100,125,236)
```

Similar Colors

Text with hexadecimal color #649fec

This text has a font color of #649fec.

<span style="color:#649fec;">Text here</span>

#649fec background color

This paragraph has a background color of #649fec.

<p style="background-color:#649fec;">Content here</p>

#649fec border color

This element has a border color of #649fec.

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

CSS codes

.text {color:#649fec;}

.background {background-color:#649fec;}

.border {border:1px solid #649fec;}

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

#000102
```
#000102 rgb(0,1,2)
```
#020a14
```
#020a14 rgb(2,10,20)
```
#051325
```
#051325 rgb(5,19,37)
```
#071c37
```
#071c37 rgb(7,28,55)
```
#092448
```
#092448 rgb(9,36,72)
```
#0b2d5a
```
#0b2d5a rgb(11,45,90)
```
#0d366b
```
#0d366b rgb(13,54,107)
```
#0f3f7d
```
#0f3f7d rgb(15,63,125)
```
#11478e
```
#11478e rgb(17,71,142)
```
#1450a0
```
#1450a0 rgb(20,80,160)
```
#1659b1
```
#1659b1 rgb(22,89,177)
```
#1862c2
```
#1862c2 rgb(24,98,194)
```
#1a6bd4
```
#1a6bd4 rgb(26,107,212)
```

Shade Color Variation

#1e74e3
```
#1e74e3 rgb(30,116,227)
```
#307fe6
```
#307fe6 rgb(48,127,230)
```
#4189e8
```
#4189e8 rgb(65,137,232)
```
#5394ea
```
#5394ea rgb(83,148,234)
```
#649fec
```
#649fec rgb(100,159,236)
```
#75aaee
```
#75aaee rgb(117,170,238)
```
#87b5f0
```
#87b5f0 rgb(135,181,240)
```
#98bff2
```
#98bff2 rgb(152,191,242)
```
#aacaf5
```
#aacaf5 rgb(170,202,245)
```
#bbd5f7
```
#bbd5f7 rgb(187,213,247)
```
#cde0f9
```
#cde0f9 rgb(205,224,249)
```
#deebfb
```
#deebfb rgb(222,235,251)
```
#f0f6fd
```
#f0f6fd rgb(240,246,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 #579df9 is the most saturated one.

#a7a8a9
```
#a7a8a9 rgb(167,168,169)
```
#a0a7b0
```
#a0a7b0 rgb(160,167,176)
```
#9aa6b6
```
#9aa6b6 rgb(154,166,182)
```
#93a5bd
```
#93a5bd rgb(147,165,189)
```
#8ca4c4
```
#8ca4c4 rgb(140,164,196)
```
#85a3cb
```
#85a3cb rgb(133,163,203)
```
#7fa3d1
```
#7fa3d1 rgb(127,163,209)
```
#78a2d8
```
#78a2d8 rgb(120,162,216)
```
#71a1df
```
#71a1df rgb(113,161,223)
```
#6ba0e5
```
#6ba0e5 rgb(107,160,229)
```
#649fec
```
#649fec rgb(100,159,236)
```
#5d9ef3
```
#5d9ef3 rgb(93,158,243)
```
#579df9
```
#579df9 rgb(87,157,249)
```

Tone Color Variation

Below, you can see how #649fec 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

#969696 Achromatopsia 0.005% of the population
#8c98a7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#869fe9 Protanopia 1% of men
#78a1ee Deuteranopia 1% of men
#50aebb Tritanopia 0.001% of the population

Trichromacy

#799fea Protanomaly 1% of men, 0.01% of women
#71a0ed Deuteranomaly 6% of men, 0.4% of women
#57a8cc Tritanomaly 0.01% of the population

#649fec hex color

#649fec Color Information

#649fec Color Conversion

Color Schemes with #649fec

Alternatives to #649fec

#649fec Preview

Shades and Tints of #649fec

Tones of #649fec

Color Blindness Simulator