#648aa0 Color Information
In a RGB color space, hex #648aa0 is composed of 39.2% red, 54.1% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 37.5% cyan, 13.8% magenta, 0% yellow and 37.3% black. It has a hue angle of 202 degrees, a saturation of 24% and a lightness of 51%. #648aa0 color hex could be obtained by blending #c8ffff with #001541. Closest websafe color is: #669999.
-
- R 39
- G 54
- B 63
-
- C 38
- M 14
- Y 0
- K 37
● #648aa0 color description : Mostly desaturated dark blue.
#648aa0 Color Conversion
The hexadecimal color #648aa0 has RGB values of R:100, G:138, B:160 and CMYK values of C:0.38, M:0.14, Y:0, K:0.37. Its decimal value is 6589088.
Hex triplet | 648aa0 | #648aa0 |
---|---|---|
RGB Decimal | 100, 138, 160 | rgb(100,138,160) |
RGB Percent | 39.2, 54.1, 62.7 | rgb(39.2%,54.1%,62.7%) |
CMYK | 38, 14, 0, 37 | |
HSL | 202°, 24, 51 | hsl(202,24%,51%) |
HSV (or HSB) | 202°, 37.5, 62.7 | |
Web Safe | 669999 | #669999 |
CIE-LAB | 55.506, -7.45, -15.884 |
---|---|
XYZ | 20.688, 23.423, 36.687 |
xyY | 0.256, 0.29, 23.423 |
CIE-LCH | 55.506, 17.545, 244.874 |
CIE-LUV | 55.506, -18.901, -22.412 |
Hunter-Lab | 48.398, -8.396, -11.065 |
Binary | 01100100, 10001010, 10100000 |
Color Schemes with #648aa0
Alternatives to #648aa0
Below, you can see some colors close to #648aa0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#648aa0 Preview
This text has a font color of #648aa0.
<span style="color:#648aa0;">Text here</span>
This paragraph has a background color of #648aa0.
<p style="background-color:#648aa0;">Content here</p>
This element has a border color of #648aa0.
<div style="border:1px solid #648aa0;">Content here</div>
.text {color:#648aa0;}
.background {background-color:#648aa0;}
.border {border:1px solid #648aa0;}
Shades and Tints of #648aa0
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, #020303 is the darkest color, while #f6f8f9 is the lightest one.
-
#020303
#020303
rgb(2,3,3)
-
#090d0f
#090d0f
rgb(9,13,15)
-
#11181b
#11181b
rgb(17,24,27)
-
#182228
#182228
rgb(24,34,40)
-
#202c34
#202c34
rgb(32,44,52)
-
#273740
#273740
rgb(39,55,64)
-
#2f414c
#2f414c
rgb(47,65,76)
-
#364c58
#364c58
rgb(54,76,88)
-
#3e5664
#3e5664
rgb(62,86,100)
-
#456171
#456171
rgb(69,97,113)
-
#4c6b7d
#4c6b7d
rgb(76,107,125)
-
#547589
#547589
rgb(84,117,137)
-
#5b8095
#5b8095
rgb(91,128,149)
-
#648aa0
#648aa0
rgb(100,138,160)
-
#7093a7
#7093a7
rgb(112,147,167)
-
#7c9caf
#7c9caf
rgb(124,156,175)
-
#88a6b6
#88a6b6
rgb(136,166,182)
-
#95afbe
#95afbe
rgb(149,175,190)
-
#a1b8c5
#a1b8c5
rgb(161,184,197)
-
#adc1cd
#adc1cd
rgb(173,193,205)
-
#b9cad4
#b9cad4
rgb(185,202,212)
-
#c5d3dc
#c5d3dc
rgb(197,211,220)
-
#d1dde3
#d1dde3
rgb(209,221,227)
-
#dee6eb
#dee6eb
rgb(222,230,235)
-
#eaeff2
#eaeff2
rgb(234,239,242)
-
#f6f8f9
#f6f8f9
rgb(246,248,249)
Tones of #648aa0
A tone is produced by adding gray to any pure hue. In this case, #818283 is the less saturated color, while #0da1f7 is the most saturated one.
-
#818283
#818283
rgb(129,130,131)
-
#77858d
#77858d
rgb(119,133,141)
-
#6e8796
#6e8796
rgb(110,135,150)
-
#648aa0
#648aa0
rgb(100,138,160)
-
#5a8daa
#5a8daa
rgb(90,141,170)
-
#518fb3
#518fb3
rgb(81,143,179)
-
#4792bd
#4792bd
rgb(71,146,189)
-
#3e94c6
#3e94c6
rgb(62,148,198)
-
#3497d0
#3497d0
rgb(52,151,208)
-
#2a99da
#2a99da
rgb(42,153,218)
-
#219ce3
#219ce3
rgb(33,156,227)
-
#179fed
#179fed
rgb(23,159,237)
-
#0da1f7
#0da1f7
rgb(13,161,247)
Color Blindness Simulator
Below, you can see how #648aa0 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.