#3a648e Color Information
In a RGB color space, hex #3a648e is composed of 22.7% red, 39.2% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 59.2% cyan, 29.6% magenta, 0% yellow and 44.3% black. It has a hue angle of 210 degrees, a saturation of 42% and a lightness of 39.2%. #3a648e color hex could be obtained by blending #74c8ff with #00001d. Closest websafe color is: #336699.
-
- R 23
- G 39
- B 56
-
- C 59
- M 30
- Y 0
- K 44
● #3a648e color description : Dark moderate blue.
#3a648e Color Conversion
The hexadecimal color #3a648e has RGB values of R:58, G:100, B:142 and CMYK values of C:0.59, M:0.3, Y:0, K:0.44. Its decimal value is 3826830.
Hex triplet | 3a648e | #3a648e |
---|---|---|
RGB Decimal | 58, 100, 142 | rgb(58,100,142) |
RGB Percent | 22.7, 39.2, 55.7 | rgb(22.7%,39.2%,55.7%) |
CMYK | 59, 30, 0, 44 | |
HSL | 210°, 42, 39.2 | hsl(210,42%,39.2%) |
HSV (or HSB) | 210°, 59.2, 55.7 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 41.162, -1.38, -27.574 |
---|---|
XYZ | 11.183, 11.966, 27.31 |
xyY | 0.222, 0.237, 11.966 |
CIE-LCH | 41.162, 27.609, 267.134 |
CIE-LUV | 41.162, -18.056, -39.211 |
Hunter-Lab | 34.592, -2.828, -22.594 |
Binary | 00111010, 01100100, 10001110 |
Color Schemes with #3a648e
Alternatives to #3a648e
Below, you can see some colors close to #3a648e. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3a648e Preview
This text has a font color of #3a648e.
<span style="color:#3a648e;">Text here</span>
This paragraph has a background color of #3a648e.
<p style="background-color:#3a648e;">Content here</p>
This element has a border color of #3a648e.
<div style="border:1px solid #3a648e;">Content here</div>
.text {color:#3a648e;}
.background {background-color:#3a648e;}
.border {border:1px solid #3a648e;}
Shades and Tints of #3a648e
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, #010203 is the darkest color, while #f4f7fa is the lightest one.
-
#010203
#010203
rgb(1,2,3)
-
#070c11
#070c11
rgb(7,12,17)
-
#0c161f
#0c161f
rgb(12,22,31)
-
#121f2d
#121f2d
rgb(18,31,45)
-
#18293a
#18293a
rgb(24,41,58)
-
#1e3348
#1e3348
rgb(30,51,72)
-
#233d56
#233d56
rgb(35,61,86)
-
#294764
#294764
rgb(41,71,100)
-
#2f5072
#2f5072
rgb(47,80,114)
-
#345a80
#345a80
rgb(52,90,128)
-
#3a648e
#3a648e
rgb(58,100,142)
-
#406e9c
#406e9c
rgb(64,110,156)
-
#4578aa
#4578aa
rgb(69,120,170)
-
#4d81b6
#4d81b6
rgb(77,129,182)
-
#5b8bbc
#5b8bbc
rgb(91,139,188)
-
#6995c2
#6995c2
rgb(105,149,194)
-
#769fc7
#769fc7
rgb(118,159,199)
-
#84a9cd
#84a9cd
rgb(132,169,205)
-
#92b2d3
#92b2d3
rgb(146,178,211)
-
#a0bcd8
#a0bcd8
rgb(160,188,216)
-
#aec6de
#aec6de
rgb(174,198,222)
-
#bcd0e4
#bcd0e4
rgb(188,208,228)
-
#cadae9
#cadae9
rgb(202,218,233)
-
#d8e4ef
#d8e4ef
rgb(216,228,239)
-
#e6edf5
#e6edf5
rgb(230,237,245)
-
#f4f7fa
#f4f7fa
rgb(244,247,250)
Tones of #3a648e
A tone is produced by adding gray to any pure hue. In this case, #606468 is the less saturated color, while #0464c4 is the most saturated one.
-
#606468
#606468
rgb(96,100,104)
-
#59646f
#59646f
rgb(89,100,111)
-
#516477
#516477
rgb(81,100,119)
-
#49647f
#49647f
rgb(73,100,127)
-
#426486
#426486
rgb(66,100,134)
-
#3a648e
#3a648e
rgb(58,100,142)
-
#326496
#326496
rgb(50,100,150)
-
#2b649d
#2b649d
rgb(43,100,157)
-
#2364a5
#2364a5
rgb(35,100,165)
-
#1b64ad
#1b64ad
rgb(27,100,173)
-
#1464b4
#1464b4
rgb(20,100,180)
-
#0c64bc
#0c64bc
rgb(12,100,188)
-
#0464c4
#0464c4
rgb(4,100,196)
Color Blindness Simulator
Below, you can see how #3a648e 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.