#648cc2 Color Information
In a RGB color space, hex #648cc2 is composed of 39.2% red, 54.9% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 48.5% cyan, 27.8% magenta, 0% yellow and 23.9% black. It has a hue angle of 214.5 degrees, a saturation of 43.5% and a lightness of 57.6%. #648cc2 color hex could be obtained by blending #c8ffff with #001985. Closest websafe color is: #6699cc.
-
- R 39
- G 55
- B 76
-
- C 48
- M 28
- Y 0
- K 24
● #648cc2 color description : Slightly desaturated blue.
#648cc2 Color Conversion
The hexadecimal color #648cc2 has RGB values of R:100, G:140, B:194 and CMYK values of C:0.48, M:0.28, Y:0, K:0.24. Its decimal value is 6589634.
Hex triplet | 648cc2 | #648cc2 |
---|---|---|
RGB Decimal | 100, 140, 194 | rgb(100,140,194) |
RGB Percent | 39.2, 54.9, 76.1 | rgb(39.2%,54.9%,76.1%) |
CMYK | 48, 28, 0, 24 | |
HSL | 214.5°, 43.5, 57.6 | hsl(214.5,43.5%,57.6%) |
HSV (or HSB) | 214.5°, 48.5, 76.1 | |
Web Safe | 6699cc | #6699cc |
CIE-LAB | 57.424, 1.159, -32.346 |
---|---|
XYZ | 24.369, 25.359, 54.647 |
xyY | 0.233, 0.243, 25.359 |
CIE-LCH | 57.424, 32.367, 272.052 |
CIE-LUV | 57.424, -19.736, -50.023 |
Hunter-Lab | 50.358, -1.748, -29.089 |
Binary | 01100100, 10001100, 11000010 |
Color Schemes with #648cc2
Alternatives to #648cc2
Below, you can see some colors close to #648cc2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#648cc2 Preview
This text has a font color of #648cc2.
<span style="color:#648cc2;">Text here</span>
This paragraph has a background color of #648cc2.
<p style="background-color:#648cc2;">Content here</p>
This element has a border color of #648cc2.
<div style="border:1px solid #648cc2;">Content here</div>
.text {color:#648cc2;}
.background {background-color:#648cc2;}
.border {border:1px solid #648cc2;}
Shades and Tints of #648cc2
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, #05090e is the darkest color, while #ffffff is the lightest one.
-
#05090e
#05090e
rgb(5,9,14)
-
#0b121c
#0b121c
rgb(11,18,28)
-
#111b2a
#111b2a
rgb(17,27,42)
-
#162538
#162538
rgb(22,37,56)
-
#1c2e46
#1c2e46
rgb(28,46,70)
-
#213754
#213754
rgb(33,55,84)
-
#274062
#274062
rgb(39,64,98)
-
#2c4970
#2c4970
rgb(44,73,112)
-
#32527f
#32527f
rgb(50,82,127)
-
#375c8d
#375c8d
rgb(55,92,141)
-
#3d659b
#3d659b
rgb(61,101,155)
-
#426ea9
#426ea9
rgb(66,110,169)
-
#4877b7
#4877b7
rgb(72,119,183)
-
#5682bc
#5682bc
rgb(86,130,188)
-
#648cc2
#648cc2
rgb(100,140,194)
-
#7296c8
#7296c8
rgb(114,150,200)
-
#80a1cd
#80a1cd
rgb(128,161,205)
-
#8eabd3
#8eabd3
rgb(142,171,211)
-
#9cb6d8
#9cb6d8
rgb(156,182,216)
-
#aac0de
#aac0de
rgb(170,192,222)
-
#b8cbe3
#b8cbe3
rgb(184,203,227)
-
#c7d5e9
#c7d5e9
rgb(199,213,233)
-
#d5e0ee
#d5e0ee
rgb(213,224,238)
-
#e3eaf4
#e3eaf4
rgb(227,234,244)
-
#f1f4f9
#f1f4f9
rgb(241,244,249)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #648cc2
A tone is produced by adding gray to any pure hue. In this case, #8e9298 is the less saturated color, while #2a83fc is the most saturated one.
-
#8e9298
#8e9298
rgb(142,146,152)
-
#8591a1
#8591a1
rgb(133,145,161)
-
#7d90a9
#7d90a9
rgb(125,144,169)
-
#758eb1
#758eb1
rgb(117,142,177)
-
#6c8dba
#6c8dba
rgb(108,141,186)
-
#648cc2
#648cc2
rgb(100,140,194)
-
#5c8bca
#5c8bca
rgb(92,139,202)
-
#538ad3
#538ad3
rgb(83,138,211)
-
#4b88db
#4b88db
rgb(75,136,219)
-
#4387e3
#4387e3
rgb(67,135,227)
-
#3a86ec
#3a86ec
rgb(58,134,236)
-
#3285f4
#3285f4
rgb(50,133,244)
-
#2a83fc
#2a83fc
rgb(42,131,252)
Color Blindness Simulator
Below, you can see how #648cc2 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.