#648eb6 Color Information
In a RGB color space, hex #648eb6 is composed of 39.2% red, 55.7% green and 71.4% blue. Whereas in a CMYK color space, it is composed of 45.1% cyan, 22% magenta, 0% yellow and 28.6% black. It has a hue angle of 209.3 degrees, a saturation of 36% and a lightness of 55.3%. #648eb6 color hex could be obtained by blending #c8ffff with #001d6d. Closest websafe color is: #6699cc.
-
- R 39
- G 56
- B 71
-
- C 45
- M 22
- Y 0
- K 29
● #648eb6 color description : Slightly desaturated blue.
#648eb6 Color Conversion
The hexadecimal color #648eb6 has RGB values of R:100, G:142, B:182 and CMYK values of C:0.45, M:0.22, Y:0, K:0.29. Its decimal value is 6590134.
Hex triplet | 648eb6 | #648eb6 |
---|---|---|
RGB Decimal | 100, 142, 182 | rgb(100,142,182) |
RGB Percent | 39.2, 55.7, 71.4 | rgb(39.2%,55.7%,71.4%) |
CMYK | 45, 22, 0, 29 | |
HSL | 209.3°, 36, 55.3 | hsl(209.3,36%,55.3%) |
HSV (or HSB) | 209.3°, 45.1, 71.4 | |
Web Safe | 6699cc | #6699cc |
CIE-LAB | 57.494, -3.543, -25.429 |
---|---|
XYZ | 23.37, 25.432, 47.931 |
xyY | 0.242, 0.263, 25.432 |
CIE-LCH | 57.494, 25.674, 262.069 |
CIE-LUV | 57.494, -20.519, -38.229 |
Hunter-Lab | 50.43, -5.532, -21.051 |
Binary | 01100100, 10001110, 10110110 |
Color Schemes with #648eb6
Alternatives to #648eb6
Below, you can see some colors close to #648eb6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#648eb6 Preview
This text has a font color of #648eb6.
<span style="color:#648eb6;">Text here</span>
This paragraph has a background color of #648eb6.
<p style="background-color:#648eb6;">Content here</p>
This element has a border color of #648eb6.
<div style="border:1px solid #648eb6;">Content here</div>
.text {color:#648eb6;}
.background {background-color:#648eb6;}
.border {border:1px solid #648eb6;}
Shades and Tints of #648eb6
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, #020405 is the darkest color, while #f7f9fb is the lightest one.
-
#020405
#020405
rgb(2,4,5)
-
#090e12
#090e12
rgb(9,14,18)
-
#0f1820
#0f1820
rgb(15,24,32)
-
#15212d
#15212d
rgb(21,33,45)
-
#1b2b3a
#1b2b3a
rgb(27,43,58)
-
#223548
#223548
rgb(34,53,72)
-
#283f55
#283f55
rgb(40,63,85)
-
#2e4962
#2e4962
rgb(46,73,98)
-
#355370
#355370
rgb(53,83,112)
-
#3b5d7d
#3b5d7d
rgb(59,93,125)
-
#41678a
#41678a
rgb(65,103,138)
-
#477198
#477198
rgb(71,113,152)
-
#4e7aa5
#4e7aa5
rgb(78,122,165)
-
#5784b0
#5784b0
rgb(87,132,176)
-
#648eb6
#648eb6
rgb(100,142,182)
-
#7198bc
#7198bc
rgb(113,152,188)
-
#7fa1c3
#7fa1c3
rgb(127,161,195)
-
#8cabc9
#8cabc9
rgb(140,171,201)
-
#99b5cf
#99b5cf
rgb(153,181,207)
-
#a7bfd5
#a7bfd5
rgb(167,191,213)
-
#b4c8dc
#b4c8dc
rgb(180,200,220)
-
#c1d2e2
#c1d2e2
rgb(193,210,226)
-
#cfdce8
#cfdce8
rgb(207,220,232)
-
#dce5ef
#dce5ef
rgb(220,229,239)
-
#e9eff5
#e9eff5
rgb(233,239,245)
-
#f7f9fb
#f7f9fb
rgb(247,249,251)
Tones of #648eb6
A tone is produced by adding gray to any pure hue. In this case, #878d93 is the less saturated color, while #1e90fc is the most saturated one.
-
#878d93
#878d93
rgb(135,141,147)
-
#7e8d9c
#7e8d9c
rgb(126,141,156)
-
#768ea4
#768ea4
rgb(118,142,164)
-
#6d8ead
#6d8ead
rgb(109,142,173)
-
#648eb6
#648eb6
rgb(100,142,182)
-
#5b8ebf
#5b8ebf
rgb(91,142,191)
-
#528ec8
#528ec8
rgb(82,142,200)
-
#4a8fd0
#4a8fd0
rgb(74,143,208)
-
#418fd9
#418fd9
rgb(65,143,217)
-
#388fe2
#388fe2
rgb(56,143,226)
-
#2f8feb
#2f8feb
rgb(47,143,235)
-
#278ff3
#278ff3
rgb(39,143,243)
-
#1e90fc
#1e90fc
rgb(30,144,252)
Color Blindness Simulator
Below, you can see how #648eb6 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.