#3a78e1 Color Information
In a RGB color space, hex #3a78e1 is composed of 22.7% red, 47.1% green and 88.2% blue. Whereas in a CMYK color space, it is composed of 74.2% cyan, 46.7% magenta, 0% yellow and 11.8% black. It has a hue angle of 217.7 degrees, a saturation of 73.6% and a lightness of 55.5%. #3a78e1 color hex could be obtained by blending #74f0ff with #0000c3. Closest websafe color is: #3366cc.
-
- R 23
- G 47
- B 88
-
- C 74
- M 47
- Y 0
- K 12
● #3a78e1 color description : Bright blue.
#3a78e1 Color Conversion
The hexadecimal color #3a78e1 has RGB values of R:58, G:120, B:225 and CMYK values of C:0.74, M:0.47, Y:0, K:0.12. Its decimal value is 3832033.
Hex triplet | 3a78e1 | #3a78e1 |
---|---|---|
RGB Decimal | 58, 120, 225 | rgb(58,120,225) |
RGB Percent | 22.7, 47.1, 88.2 | rgb(22.7%,47.1%,88.2%) |
CMYK | 74, 47, 0, 12 | |
HSL | 217.7°, 73.6, 55.5 | hsl(217.7,73.6%,55.5%) |
HSV (or HSB) | 217.7°, 74.2, 88.2 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 51.573, 15.961, -59.244 |
---|---|
XYZ | 22.049, 19.767, 73.883 |
xyY | 0.191, 0.171, 19.767 |
CIE-LCH | 51.573, 61.356, 285.078 |
CIE-LUV | 51.573, -23.181, -93.199 |
Hunter-Lab | 44.46, 10.718, -67.405 |
Binary | 00111010, 01111000, 11100001 |
Color Schemes with #3a78e1
Alternatives to #3a78e1
Below, you can see some colors close to #3a78e1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3a78e1 Preview
This text has a font color of #3a78e1.
<span style="color:#3a78e1;">Text here</span>
This paragraph has a background color of #3a78e1.
<p style="background-color:#3a78e1;">Content here</p>
This element has a border color of #3a78e1.
<div style="border:1px solid #3a78e1;">Content here</div>
.text {color:#3a78e1;}
.background {background-color:#3a78e1;}
.border {border:1px solid #3a78e1;}
Shades and Tints of #3a78e1
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, #010307 is the darkest color, while #f5f8fe is the lightest one.
-
#010307
#010307
rgb(1,3,7)
-
#040b18
#040b18
rgb(4,11,24)
-
#061329
#061329
rgb(6,19,41)
-
#091b3a
#091b3a
rgb(9,27,58)
-
#0b234b
#0b234b
rgb(11,35,75)
-
#0e2b5c
#0e2b5c
rgb(14,43,92)
-
#11336d
#11336d
rgb(17,51,109)
-
#133b7e
#133b7e
rgb(19,59,126)
-
#16438f
#16438f
rgb(22,67,143)
-
#184ba0
#184ba0
rgb(24,75,160)
-
#1b53b2
#1b53b2
rgb(27,83,178)
-
#1e5bc3
#1e5bc3
rgb(30,91,195)
-
#2063d4
#2063d4
rgb(32,99,212)
-
#296cde
#296cde
rgb(41,108,222)
-
#3a78e1
#3a78e1
rgb(58,120,225)
-
#4b84e4
#4b84e4
rgb(75,132,228)
-
#5c8fe6
#5c8fe6
rgb(92,143,230)
-
#6d9be9
#6d9be9
rgb(109,155,233)
-
#7ea7eb
#7ea7eb
rgb(126,167,235)
-
#8fb2ee
#8fb2ee
rgb(143,178,238)
-
#a0bef1
#a0bef1
rgb(160,190,241)
-
#b1caf3
#b1caf3
rgb(177,202,243)
-
#c2d5f6
#c2d5f6
rgb(194,213,246)
-
#d3e1f8
#d3e1f8
rgb(211,225,248)
-
#e4edfb
#e4edfb
rgb(228,237,251)
-
#f5f8fe
#f5f8fe
rgb(245,248,254)
Tones of #3a78e1
A tone is produced by adding gray to any pure hue. In this case, #898c92 is the less saturated color, while #2071fb is the most saturated one.
-
#898c92
#898c92
rgb(137,140,146)
-
#808a9b
#808a9b
rgb(128,138,155)
-
#7788a4
#7788a4
rgb(119,136,164)
-
#6e85ad
#6e85ad
rgb(110,133,173)
-
#6683b5
#6683b5
rgb(102,131,181)
-
#5d81be
#5d81be
rgb(93,129,190)
-
#547fc7
#547fc7
rgb(84,127,199)
-
#4b7cd0
#4b7cd0
rgb(75,124,208)
-
#437ad8
#437ad8
rgb(67,122,216)
-
#3a78e1
#3a78e1
rgb(58,120,225)
-
#3176ea
#3176ea
rgb(49,118,234)
-
#2974f2
#2974f2
rgb(41,116,242)
-
#2071fb
#2071fb
rgb(32,113,251)
Color Blindness Simulator
Below, you can see how #3a78e1 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.