#3a78a2 Color Information
In a RGB color space, hex #3a78a2 is composed of 22.7% red, 47.1% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 64.2% cyan, 25.9% magenta, 0% yellow and 36.5% black. It has a hue angle of 204.2 degrees, a saturation of 47.3% and a lightness of 43.1%. #3a78a2 color hex could be obtained by blending #74f0ff with #000045. Closest websafe color is: #336699.
-
- R 23
- G 47
- B 64
-
- C 64
- M 26
- Y 0
- K 36
● #3a78a2 color description : Dark moderate blue.
#3a78a2 Color Conversion
The hexadecimal color #3a78a2 has RGB values of R:58, G:120, B:162 and CMYK values of C:0.64, M:0.26, Y:0, K:0.36. Its decimal value is 3831970.
Hex triplet | 3a78a2 | #3a78a2 |
---|---|---|
RGB Decimal | 58, 120, 162 | rgb(58,120,162) |
RGB Percent | 22.7, 47.1, 63.5 | rgb(22.7%,47.1%,63.5%) |
CMYK | 64, 26, 0, 36 | |
HSL | 204.2°, 47.3, 43.1 | hsl(204.2,47.3%,43.1%) |
HSV (or HSB) | 204.2°, 64.2, 63.5 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 48.184, -6.567, -28.474 |
---|---|
XYZ | 14.981, 16.94, 36.661 |
xyY | 0.218, 0.247, 16.94 |
CIE-LCH | 48.184, 29.222, 257.013 |
CIE-LUV | 48.184, -24.9, -41.426 |
Hunter-Lab | 41.158, -7.054, -24 |
Binary | 00111010, 01111000, 10100010 |
Color Schemes with #3a78a2
Alternatives to #3a78a2
Below, you can see some colors close to #3a78a2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3a78a2 Preview
This text has a font color of #3a78a2.
<span style="color:#3a78a2;">Text here</span>
This paragraph has a background color of #3a78a2.
<p style="background-color:#3a78a2;">Content here</p>
This element has a border color of #3a78a2.
<div style="border:1px solid #3a78a2;">Content here</div>
.text {color:#3a78a2;}
.background {background-color:#3a78a2;}
.border {border:1px solid #3a78a2;}
Shades and Tints of #3a78a2
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 #f4f8fb is the lightest one.
-
#010203
#010203
rgb(1,2,3)
-
#060d12
#060d12
rgb(6,13,18)
-
#0b1820
#0b1820
rgb(11,24,32)
-
#11222e
#11222e
rgb(17,34,46)
-
#162d3d
#162d3d
rgb(22,45,61)
-
#1b384b
#1b384b
rgb(27,56,75)
-
#20435a
#20435a
rgb(32,67,90)
-
#254d68
#254d68
rgb(37,77,104)
-
#2a5877
#2a5877
rgb(42,88,119)
-
#306385
#306385
rgb(48,99,133)
-
#356d94
#356d94
rgb(53,109,148)
-
#3a78a2
#3a78a2
rgb(58,120,162)
-
#3f83b0
#3f83b0
rgb(63,131,176)
-
#468dbd
#468dbd
rgb(70,141,189)
-
#5596c2
#5596c2
rgb(85,150,194)
-
#639fc7
#639fc7
rgb(99,159,199)
-
#72a8cc
#72a8cc
rgb(114,168,204)
-
#80b1d2
#80b1d2
rgb(128,177,210)
-
#8fbad7
#8fbad7
rgb(143,186,215)
-
#9dc3dc
#9dc3dc
rgb(157,195,220)
-
#abcbe1
#abcbe1
rgb(171,203,225)
-
#bad4e6
#bad4e6
rgb(186,212,230)
-
#c8ddeb
#c8ddeb
rgb(200,221,235)
-
#d7e6f1
#d7e6f1
rgb(215,230,241)
-
#e5eff6
#e5eff6
rgb(229,239,246)
-
#f4f8fb
#f4f8fb
rgb(244,248,251)
Tones of #3a78a2
A tone is produced by adding gray to any pure hue. In this case, #6d6e6f is the less saturated color, while #0782d5 is the most saturated one.
-
#6d6e6f
#6d6e6f
rgb(109,110,111)
-
#647078
#647078
rgb(100,112,120)
-
#5c7180
#5c7180
rgb(92,113,128)
-
#537389
#537389
rgb(83,115,137)
-
#4b7591
#4b7591
rgb(75,117,145)
-
#42769a
#42769a
rgb(66,118,154)
-
#3a78a2
#3a78a2
rgb(58,120,162)
-
#327aaa
#327aaa
rgb(50,122,170)
-
#297bb3
#297bb3
rgb(41,123,179)
-
#217dbb
#217dbb
rgb(33,125,187)
-
#187fc4
#187fc4
rgb(24,127,196)
-
#1080cc
#1080cc
rgb(16,128,204)
-
#0782d5
#0782d5
rgb(7,130,213)
Color Blindness Simulator
Below, you can see how #3a78a2 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.