#648aad Color Information
In a RGB color space, hex #648aad is composed of 39.2% red, 54.1% green and 67.8% blue. Whereas in a CMYK color space, it is composed of 42.2% cyan, 20.2% magenta, 0% yellow and 32.2% black. It has a hue angle of 208.8 degrees, a saturation of 30.8% and a lightness of 53.5%. #648aad color hex could be obtained by blending #c8ffff with #00155b. Closest websafe color is: #669999.
-
- R 39
- G 54
- B 68
-
- C 42
- M 20
- Y 0
- K 32
● #648aad color description : Mostly desaturated dark blue.
#648aad Color Conversion
The hexadecimal color #648aad has RGB values of R:100, G:138, B:173 and CMYK values of C:0.42, M:0.2, Y:0, K:0.32. Its decimal value is 6589101.
Hex triplet | 648aad | #648aad |
---|---|---|
RGB Decimal | 100, 138, 173 | rgb(100,138,173) |
RGB Percent | 39.2, 54.1, 67.8 | rgb(39.2%,54.1%,67.8%) |
CMYK | 42, 20, 0, 32 | |
HSL | 208.8°, 30.8, 53.5 | hsl(208.8,30.8%,53.5%) |
HSV (or HSB) | 208.8°, 42.2, 67.8 | |
Web Safe | 669999 | #669999 |
CIE-LAB | 55.99, -3.842, -22.606 |
---|---|
XYZ | 21.885, 23.902, 42.993 |
xyY | 0.247, 0.269, 23.902 |
CIE-LCH | 55.99, 22.931, 260.355 |
CIE-LUV | 55.99, -18.918, -33.506 |
Hunter-Lab | 48.89, -5.654, -17.916 |
Binary | 01100100, 10001010, 10101101 |
Color Schemes with #648aad
Alternatives to #648aad
Below, you can see some colors close to #648aad. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#648aad Preview
This text has a font color of #648aad.
<span style="color:#648aad;">Text here</span>
This paragraph has a background color of #648aad.
<p style="background-color:#648aad;">Content here</p>
This element has a border color of #648aad.
<div style="border:1px solid #648aad;">Content here</div>
.text {color:#648aad;}
.background {background-color:#648aad;}
.border {border:1px solid #648aad;}
Shades and Tints of #648aad
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, #06090c is the darkest color, while #fefefe is the lightest one.
-
#06090c
#06090c
rgb(6,9,12)
-
#0d1319
#0d1319
rgb(13,19,25)
-
#141d25
#141d25
rgb(20,29,37)
-
#1b2732
#1b2732
rgb(27,39,50)
-
#21313f
#21313f
rgb(33,49,63)
-
#283b4c
#283b4c
rgb(40,59,76)
-
#2f4559
#2f4559
rgb(47,69,89)
-
#364f66
#364f66
rgb(54,79,102)
-
#3d5972
#3d5972
rgb(61,89,114)
-
#43637f
#43637f
rgb(67,99,127)
-
#4a6c8c
#4a6c8c
rgb(74,108,140)
-
#517699
#517699
rgb(81,118,153)
-
#5880a6
#5880a6
rgb(88,128,166)
-
#648aad
#648aad
rgb(100,138,173)
-
#7194b4
#7194b4
rgb(113,148,180)
-
#7e9dbb
#7e9dbb
rgb(126,157,187)
-
#8aa7c1
#8aa7c1
rgb(138,167,193)
-
#97b1c8
#97b1c8
rgb(151,177,200)
-
#a4bacf
#a4bacf
rgb(164,186,207)
-
#b1c4d6
#b1c4d6
rgb(177,196,214)
-
#becedd
#becedd
rgb(190,206,221)
-
#cbd7e3
#cbd7e3
rgb(203,215,227)
-
#d7e1ea
#d7e1ea
rgb(215,225,234)
-
#e4ebf1
#e4ebf1
rgb(228,235,241)
-
#f1f5f8
#f1f5f8
rgb(241,245,248)
-
#fefefe
#fefefe
rgb(254,254,254)
Tones of #648aad
A tone is produced by adding gray to any pure hue. In this case, #888989 is the less saturated color, while #1b8df6 is the most saturated one.
-
#888989
#888989
rgb(136,137,137)
-
#7f8992
#7f8992
rgb(127,137,146)
-
#76899b
#76899b
rgb(118,137,155)
-
#6d8aa4
#6d8aa4
rgb(109,138,164)
-
#648aad
#648aad
rgb(100,138,173)
-
#5b8ab6
#5b8ab6
rgb(91,138,182)
-
#528bbf
#528bbf
rgb(82,139,191)
-
#498bc8
#498bc8
rgb(73,139,200)
-
#408bd1
#408bd1
rgb(64,139,209)
-
#368cdb
#368cdb
rgb(54,140,219)
-
#2d8ce4
#2d8ce4
rgb(45,140,228)
-
#248ded
#248ded
rgb(36,141,237)
-
#1b8df6
#1b8df6
rgb(27,141,246)
Color Blindness Simulator
Below, you can see how #648aad 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.