#648ffc Color Information
In a RGB color space, hex #648ffc is composed of 39.2% red, 56.1% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 60.3% cyan, 43.3% magenta, 0% yellow and 1.2% black. It has a hue angle of 223 degrees, a saturation of 96.2% and a lightness of 69%. #648ffc color hex could be obtained by blending #c8ffff with #001ff9. Closest websafe color is: #6699ff.
-
- R 39
- G 56
- B 99
-
- C 60
- M 43
- Y 0
- K 1
● #648ffc color description : Soft blue.
#648ffc Color Conversion
The hexadecimal color #648ffc has RGB values of R:100, G:143, B:252 and CMYK values of C:0.6, M:0.43, Y:0, K:0.01. Its decimal value is 6590460.
Hex triplet | 648ffc | #648ffc |
---|---|---|
RGB Decimal | 100, 143, 252 | rgb(100,143,252) |
RGB Percent | 39.2, 56.1, 98.8 | rgb(39.2%,56.1%,98.8%) |
CMYK | 60, 43, 0, 1 | |
HSL | 223°, 96.2, 69 | hsl(223,96.2%,69%) |
HSV (or HSB) | 223°, 60.3, 98.8 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 61.116, 17.759, -58.847 |
---|---|
XYZ | 32.645, 29.381, 96.041 |
xyY | 0.207, 0.186, 29.381 |
CIE-LCH | 61.116, 61.468, 286.793 |
CIE-LUV | 61.116, -20.942, -96.201 |
Hunter-Lab | 54.204, 12.647, -67.11 |
Binary | 01100100, 10001111, 11111100 |
Color Schemes with #648ffc
Alternatives to #648ffc
Below, you can see some colors close to #648ffc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#648ffc Preview
This text has a font color of #648ffc.
<span style="color:#648ffc;">Text here</span>
This paragraph has a background color of #648ffc.
<p style="background-color:#648ffc;">Content here</p>
This element has a border color of #648ffc.
<div style="border:1px solid #648ffc;">Content here</div>
.text {color:#648ffc;}
.background {background-color:#648ffc;}
.border {border:1px solid #648ffc;}
Shades and Tints of #648ffc
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, #000512 is the darkest color, while #fefeff is the lightest one.
-
#000512
#000512
rgb(0,5,18)
-
#010b25
#010b25
rgb(1,11,37)
-
#011139
#011139
rgb(1,17,57)
-
#01174c
#01174c
rgb(1,23,76)
-
#021c5f
#021c5f
rgb(2,28,95)
-
#022272
#022272
rgb(2,34,114)
-
#032886
#032886
rgb(3,40,134)
-
#032d99
#032d99
rgb(3,45,153)
-
#0333ac
#0333ac
rgb(3,51,172)
-
#0439bf
#0439bf
rgb(4,57,191)
-
#043fd3
#043fd3
rgb(4,63,211)
-
#0444e6
#0444e6
rgb(4,68,230)
-
#054af9
#054af9
rgb(5,74,249)
-
#1757fb
#1757fb
rgb(23,87,251)
-
#2a65fb
#2a65fb
rgb(42,101,251)
-
#3e73fb
#3e73fb
rgb(62,115,251)
-
#5181fc
#5181fc
rgb(81,129,252)
-
#648ffc
#648ffc
rgb(100,143,252)
-
#779dfc
#779dfc
rgb(119,157,252)
-
#8aabfd
#8aabfd
rgb(138,171,253)
-
#9eb9fd
#9eb9fd
rgb(158,185,253)
-
#b1c7fd
#b1c7fd
rgb(177,199,253)
-
#c4d5fe
#c4d5fe
rgb(196,213,254)
-
#d7e2fe
#d7e2fe
rgb(215,226,254)
-
#ebf0ff
#ebf0ff
rgb(235,240,255)
-
#fefeff
#fefeff
rgb(254,254,255)
Tones of #648ffc
A tone is produced by adding gray to any pure hue. In this case, #adafb3 is the less saturated color, while #648ffc is the most saturated one.
-
#adafb3
#adafb3
rgb(173,175,179)
-
#a7acb9
#a7acb9
rgb(167,172,185)
-
#a1a9bf
#a1a9bf
rgb(161,169,191)
-
#9ba7c5
#9ba7c5
rgb(155,167,197)
-
#95a4cb
#95a4cb
rgb(149,164,203)
-
#8fa1d1
#8fa1d1
rgb(143,161,209)
-
#889fd8
#889fd8
rgb(136,159,216)
-
#829cde
#829cde
rgb(130,156,222)
-
#7c9ae4
#7c9ae4
rgb(124,154,228)
-
#7697ea
#7697ea
rgb(118,151,234)
-
#7094f0
#7094f0
rgb(112,148,240)
-
#6a92f6
#6a92f6
rgb(106,146,246)
-
#648ffc
#648ffc
rgb(100,143,252)
Color Blindness Simulator
Below, you can see how #648ffc 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.