#3a77e4 Color Information
In a RGB color space, hex #3a77e4 is composed of 22.7% red, 46.7% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 74.6% cyan, 47.8% magenta, 0% yellow and 10.6% black. It has a hue angle of 218.5 degrees, a saturation of 75.9% and a lightness of 56.1%. #3a77e4 color hex could be obtained by blending #74eeff with #0000c9. Closest websafe color is: #3366cc.
-
- R 23
- G 47
- B 89
-
- C 75
- M 48
- Y 0
- K 11
● #3a77e4 color description : Bright blue.
#3a77e4 Color Conversion
The hexadecimal color #3a77e4 has RGB values of R:58, G:119, B:228 and CMYK values of C:0.75, M:0.48, Y:0, K:0.11. Its decimal value is 3831780.
Hex triplet | 3a77e4 | #3a77e4 |
---|---|---|
RGB Decimal | 58, 119, 228 | rgb(58,119,228) |
RGB Percent | 22.7, 46.7, 89.4 | rgb(22.7%,46.7%,89.4%) |
CMYK | 75, 48, 0, 11 | |
HSL | 218.5°, 75.9, 56.1 | hsl(218.5,75.9%,56.1%) |
HSV (or HSB) | 218.5°, 74.6, 89.4 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 51.488, 17.681, -61.066 |
---|---|
XYZ | 22.342, 19.693, 76.018 |
xyY | 0.189, 0.167, 19.693 |
CIE-LCH | 51.488, 63.574, 286.148 |
CIE-LUV | 51.488, -22.823, -96.12 |
Hunter-Lab | 44.377, 12.21, -70.501 |
Binary | 00111010, 01110111, 11100100 |
Color Schemes with #3a77e4
Alternatives to #3a77e4
Below, you can see some colors close to #3a77e4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3a77e4 Preview
This text has a font color of #3a77e4.
<span style="color:#3a77e4;">Text here</span>
This paragraph has a background color of #3a77e4.
<p style="background-color:#3a77e4;">Content here</p>
This element has a border color of #3a77e4.
<div style="border:1px solid #3a77e4;">Content here</div>
.text {color:#3a77e4;}
.background {background-color:#3a77e4;}
.border {border:1px solid #3a77e4;}
Shades and Tints of #3a77e4
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, #01040a is the darkest color, while #f8fafe is the lightest one.
-
#01040a
#01040a
rgb(1,4,10)
-
#040c1b
#040c1b
rgb(4,12,27)
-
#06142d
#06142d
rgb(6,20,45)
-
#081c3e
#081c3e
rgb(8,28,62)
-
#0b234f
#0b234f
rgb(11,35,79)
-
#0d2b60
#0d2b60
rgb(13,43,96)
-
#103372
#103372
rgb(16,51,114)
-
#123a83
#123a83
rgb(18,58,131)
-
#144294
#144294
rgb(20,66,148)
-
#174aa5
#174aa5
rgb(23,74,165)
-
#1952b7
#1952b7
rgb(25,82,183)
-
#1b59c8
#1b59c8
rgb(27,89,200)
-
#1e61d9
#1e61d9
rgb(30,97,217)
-
#296be2
#296be2
rgb(41,107,226)
-
#3a77e4
#3a77e4
rgb(58,119,228)
-
#4b83e6
#4b83e6
rgb(75,131,230)
-
#5d8fe9
#5d8fe9
rgb(93,143,233)
-
#6e9beb
#6e9beb
rgb(110,155,235)
-
#7fa7ed
#7fa7ed
rgb(127,167,237)
-
#90b3f0
#90b3f0
rgb(144,179,240)
-
#a2bef2
#a2bef2
rgb(162,190,242)
-
#b3caf5
#b3caf5
rgb(179,202,245)
-
#c4d6f7
#c4d6f7
rgb(196,214,247)
-
#d5e2f9
#d5e2f9
rgb(213,226,249)
-
#e7eefc
#e7eefc
rgb(231,238,252)
-
#f8fafe
#f8fafe
rgb(248,250,254)
Tones of #3a77e4
A tone is produced by adding gray to any pure hue. In this case, #888d96 is the less saturated color, while #2070fe is the most saturated one.
-
#888d96
#888d96
rgb(136,141,150)
-
#7f8a9f
#7f8a9f
rgb(127,138,159)
-
#7688a8
#7688a8
rgb(118,136,168)
-
#6e86b0
#6e86b0
rgb(110,134,176)
-
#6583b9
#6583b9
rgb(101,131,185)
-
#5c81c2
#5c81c2
rgb(92,129,194)
-
#547eca
#547eca
rgb(84,126,202)
-
#4b7cd3
#4b7cd3
rgb(75,124,211)
-
#4379db
#4379db
rgb(67,121,219)
-
#3a77e4
#3a77e4
rgb(58,119,228)
-
#3175ed
#3175ed
rgb(49,117,237)
-
#2972f5
#2972f5
rgb(41,114,245)
-
#2070fe
#2070fe
rgb(32,112,254)
Color Blindness Simulator
Below, you can see how #3a77e4 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.