#648cc0 hex color

In a RGB color space, hex #648cc0 is composed of 39.2% red, 54.9% green and 75.3% blue. Whereas in a CMYK color space, it is composed of 47.9% cyan, 27.1% magenta, 0% yellow and 24.7% black. It has a hue angle of 213.9 degrees, a saturation of 42.2% and a lightness of 57.3%. #648cc0 color hex could be obtained by blending #c8ffff with #001981. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 39
- G 55
- B 75
RGB color chart
- C 48
- M 27
- Y 0
- K 25
CMYK color chart

● #648cc0 color description : Slightly desaturated blue.

The hexadecimal color #648cc0 has RGB values of R:100, G:140, B:192 and CMYK values of C:0.48, M:0.27, Y:0, K:0.25. Its decimal value is 6589632.

Hex triplet	648cc0	`#648cc0`
RGB Decimal	100, 140, 192	`rgb(100,140,192)`
RGB Percent	39.2, 54.9, 75.3	`rgb(39.2%,54.9%,75.3%)`
CMYK	48, 27, 0, 25
HSL	213.9°, 42.2, 57.3	`hsl(213.9,42.2%,57.3%)`
HSV (or HSB)	213.9°, 47.9, 75.3
Web Safe	6699cc	`#6699cc`

CIE-LAB	57.338, 0.558, -31.347
XYZ	24.146, 25.27, 53.472
xyY	0.235, 0.246, 25.27
CIE-LCH	57.338, 31.352, 271.02
CIE-LUV	57.338, -19.734, -48.31
Hunter-Lab	50.269, -2.233, -27.878
Binary	01100100, 10001100, 11000000

#648cc0
```
#648cc0 rgb(100,140,192)
```
#c09864
```
#c09864 rgb(192,152,100)
```

Complementary Color

#64bac0
```
#64bac0 rgb(100,186,192)
```
#648cc0
```
#648cc0 rgb(100,140,192)
```
#6a64c0
```
#6a64c0 rgb(106,100,192)
```

Analogous Color

#bac064
```
#bac064 rgb(186,192,100)
```
#648cc0
```
#648cc0 rgb(100,140,192)
```
#c06a64
```
#c06a64 rgb(192,106,100)
```

Split Complementary Color

#8cc064
```
#8cc064 rgb(140,192,100)
```
#648cc0
```
#648cc0 rgb(100,140,192)
```
#c0648c
```
#c0648c rgb(192,100,140)
```

Triadic Color

#64c098
```
#64c098 rgb(100,192,152)
```
#648cc0
```
#648cc0 rgb(100,140,192)
```
#c0648c
```
#c0648c rgb(192,100,140)
```
#c09864
```
#c09864 rgb(192,152,100)
```

Tetradic Color

#3e6699
```
#3e6699 rgb(62,102,153)
```
#4672ab
```
#4672ab rgb(70,114,171)
```
#527fb9
```
#527fb9 rgb(82,127,185)
```
#648cc0
```
#648cc0 rgb(100,140,192)
```
#7699c7
```
#7699c7 rgb(118,153,199)
```
#88a7cf
```
#88a7cf rgb(136,167,207)
```
#9ab4d6
```
#9ab4d6 rgb(154,180,214)
```

Monochromatic Color

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

#64a3c0
```
#64a3c0 rgb(100,163,192)
```
#649bc0
```
#649bc0 rgb(100,155,192)
```
#6494c0
```
#6494c0 rgb(100,148,192)
```
#648cc0
```
#648cc0 rgb(100,140,192)
```
#6484c0
```
#6484c0 rgb(100,132,192)
```
#647dc0
```
#647dc0 rgb(100,125,192)
```
#6475c0
```
#6475c0 rgb(100,117,192)
```

Similar Colors

Text with hexadecimal color #648cc0

This text has a font color of #648cc0.

<span style="color:#648cc0;">Text here</span>

#648cc0 background color

This paragraph has a background color of #648cc0.

<p style="background-color:#648cc0;">Content here</p>

#648cc0 border color

This element has a border color of #648cc0.

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

CSS codes

.text {color:#648cc0;}

.background {background-color:#648cc0;}

.border {border:1px solid #648cc0;}

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, #05080c is the darkest color, while #fdfefe is the lightest one.

#05080c
```
#05080c rgb(5,8,12)
```
#0b111a
```
#0b111a rgb(11,17,26)
```
#101b28
```
#101b28 rgb(16,27,40)
```
#162436
```
#162436 rgb(22,36,54)
```
#1c2d44
```
#1c2d44 rgb(28,45,68)
```
#213752
```
#213752 rgb(33,55,82)
```
#274060
```
#274060 rgb(39,64,96)
```
#2d496e
```
#2d496e rgb(45,73,110)
```
#32527c
```
#32527c rgb(50,82,124)
```
#385c8a
```
#385c8a rgb(56,92,138)
```
#3e6598
```
#3e6598 rgb(62,101,152)
```
#436ea6
```
#436ea6 rgb(67,110,166)
```
#4977b4
```
#4977b4 rgb(73,119,180)
```

Shade Color Variation

#5682ba
```
#5682ba rgb(86,130,186)
```
#648cc0
```
#648cc0 rgb(100,140,192)
```
#7296c6
```
#7296c6 rgb(114,150,198)
```
#80a1cb
```
#80a1cb rgb(128,161,203)
```
#8eabd1
```
#8eabd1 rgb(142,171,209)
```
#9cb5d7
```
#9cb5d7 rgb(156,181,215)
```
#aac0dc
```
#aac0dc rgb(170,192,220)
```
#b8cae2
```
#b8cae2 rgb(184,202,226)
```
#c6d4e8
```
#c6d4e8 rgb(198,212,232)
```
#d4dfed
```
#d4dfed rgb(212,223,237)
```
#e2e9f3
```
#e2e9f3 rgb(226,233,243)
```
#eff3f9
```
#eff3f9 rgb(239,243,249)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8e9196 is the less saturated color, while #2984fb is the most saturated one.

#8e9196
```
#8e9196 rgb(142,145,150)
```
#86909e
```
#86909e rgb(134,144,158)
```
#7d8fa7
```
#7d8fa7 rgb(125,143,167)
```
#758eaf
```
#758eaf rgb(117,142,175)
```
#6c8db8
```
#6c8db8 rgb(108,141,184)
```
#648cc0
```
#648cc0 rgb(100,140,192)
```
#5c8bc8
```
#5c8bc8 rgb(92,139,200)
```
#538ad1
```
#538ad1 rgb(83,138,209)
```
#4b89d9
```
#4b89d9 rgb(75,137,217)
```
#4288e2
```
#4288e2 rgb(66,136,226)
```
#3a87ea
```
#3a87ea rgb(58,135,234)
```
#3285f2
```
#3285f2 rgb(50,133,242)
```
#2984fb
```
#2984fb rgb(41,132,251)
```

Tone Color Variation

Below, you can see how #648cc0 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

#868686 Achromatopsia 0.005% of the population
#7f8792 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f8ec0 Protanopia 1% of men
#7b8ec4 Deuteranopia 1% of men
#5f98a3 Tritanopia 0.001% of the population

Trichromacy

#758dc0 Protanomaly 1% of men, 0.01% of women
#728dc2 Deuteranomaly 6% of men, 0.4% of women
#6193ad Tritanomaly 0.01% of the population

#648cc0 hex color

#648cc0 Color Information

#648cc0 Color Conversion

Color Schemes with #648cc0

Alternatives to #648cc0

#648cc0 Preview

Shades and Tints of #648cc0

Tones of #648cc0

Color Blindness Simulator