#3a7ae1 Color Information
In a RGB color space, hex #3a7ae1 is composed of 22.7% red, 47.8% green and 88.2% blue. Whereas in a CMYK color space, it is composed of 74.2% cyan, 45.8% magenta, 0% yellow and 11.8% black. It has a hue angle of 217 degrees, a saturation of 73.6% and a lightness of 55.5%. #3a7ae1 color hex could be obtained by blending #74f4ff with #0000c3. Closest websafe color is: #3366cc.
-
- R 23
- G 48
- B 88
-
- C 74
- M 46
- Y 0
- K 12
● #3a7ae1 color description : Bright blue.
#3a7ae1 Color Conversion
The hexadecimal color #3a7ae1 has RGB values of R:58, G:122, B:225 and CMYK values of C:0.74, M:0.46, Y:0, K:0.12. Its decimal value is 3832545.
Hex triplet | 3a7ae1 | #3a7ae1 |
---|---|---|
RGB Decimal | 58, 122, 225 | rgb(58,122,225) |
RGB Percent | 22.7, 47.8, 88.2 | rgb(22.7%,47.8%,88.2%) |
CMYK | 74, 46, 0, 12 | |
HSL | 217°, 73.6, 55.5 | hsl(217,73.6%,55.5%) |
HSV (or HSB) | 217°, 74.2, 88.2 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 52.122, 14.717, -58.361 |
---|---|
XYZ | 22.292, 20.253, 73.964 |
xyY | 0.191, 0.174, 20.253 |
CIE-LCH | 52.122, 60.188, 284.153 |
CIE-LUV | 52.122, -23.796, -91.949 |
Hunter-Lab | 45.004, 9.662, -65.942 |
Binary | 00111010, 01111010, 11100001 |
Color Schemes with #3a7ae1
Alternatives to #3a7ae1
Below, you can see some colors close to #3a7ae1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3a7ae1 Preview
This text has a font color of #3a7ae1.
<span style="color:#3a7ae1;">Text here</span>
This paragraph has a background color of #3a7ae1.
<p style="background-color:#3a7ae1;">Content here</p>
This element has a border color of #3a7ae1.
<div style="border:1px solid #3a7ae1;">Content here</div>
.text {color:#3a7ae1;}
.background {background-color:#3a7ae1;}
.border {border:1px solid #3a7ae1;}
Shades and Tints of #3a7ae1
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)
-
#040c18
#040c18
rgb(4,12,24)
-
#061429
#061429
rgb(6,20,41)
-
#091c3a
#091c3a
rgb(9,28,58)
-
#0b244b
#0b244b
rgb(11,36,75)
-
#0e2c5c
#0e2c5c
rgb(14,44,92)
-
#11346d
#11346d
rgb(17,52,109)
-
#133c7e
#133c7e
rgb(19,60,126)
-
#16448f
#16448f
rgb(22,68,143)
-
#184da0
#184da0
rgb(24,77,160)
-
#1b55b2
#1b55b2
rgb(27,85,178)
-
#1e5dc3
#1e5dc3
rgb(30,93,195)
-
#2065d4
#2065d4
rgb(32,101,212)
-
#296fde
#296fde
rgb(41,111,222)
-
#3a7ae1
#3a7ae1
rgb(58,122,225)
-
#4b85e4
#4b85e4
rgb(75,133,228)
-
#5c91e6
#5c91e6
rgb(92,145,230)
-
#6d9ce9
#6d9ce9
rgb(109,156,233)
-
#7ea8eb
#7ea8eb
rgb(126,168,235)
-
#8fb3ee
#8fb3ee
rgb(143,179,238)
-
#a0bff1
#a0bff1
rgb(160,191,241)
-
#b1caf3
#b1caf3
rgb(177,202,243)
-
#c2d6f6
#c2d6f6
rgb(194,214,246)
-
#d3e1f8
#d3e1f8
rgb(211,225,248)
-
#e4edfb
#e4edfb
rgb(228,237,251)
-
#f5f8fe
#f5f8fe
rgb(245,248,254)
Tones of #3a7ae1
A tone is produced by adding gray to any pure hue. In this case, #898c92 is the less saturated color, while #2074fb is the most saturated one.
-
#898c92
#898c92
rgb(137,140,146)
-
#808a9b
#808a9b
rgb(128,138,155)
-
#7788a4
#7788a4
rgb(119,136,164)
-
#6e86ad
#6e86ad
rgb(110,134,173)
-
#6684b5
#6684b5
rgb(102,132,181)
-
#5d82be
#5d82be
rgb(93,130,190)
-
#5480c7
#5480c7
rgb(84,128,199)
-
#4b7ed0
#4b7ed0
rgb(75,126,208)
-
#437cd8
#437cd8
rgb(67,124,216)
-
#3a7ae1
#3a7ae1
rgb(58,122,225)
-
#3178ea
#3178ea
rgb(49,120,234)
-
#2976f2
#2976f2
rgb(41,118,242)
-
#2074fb
#2074fb
rgb(32,116,251)
Color Blindness Simulator
Below, you can see how #3a7ae1 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.