#3a8ae1 Color Information
In a RGB color space, hex #3a8ae1 is composed of 22.7% red, 54.1% green and 88.2% blue. Whereas in a CMYK color space, it is composed of 74.2% cyan, 38.7% magenta, 0% yellow and 11.8% black. It has a hue angle of 211.3 degrees, a saturation of 73.6% and a lightness of 55.5%. #3a8ae1 color hex could be obtained by blending #74ffff with #0015c3. Closest websafe color is: #3399cc.
-
- R 23
- G 54
- B 88
-
- C 74
- M 39
- Y 0
- K 12
● #3a8ae1 color description : Bright blue.
#3a8ae1 Color Conversion
The hexadecimal color #3a8ae1 has RGB values of R:58, G:138, B:225 and CMYK values of C:0.74, M:0.39, Y:0, K:0.12. Its decimal value is 3836641.
Hex triplet | 3a8ae1 | #3a8ae1 |
---|---|---|
RGB Decimal | 58, 138, 225 | rgb(58,138,225) |
RGB Percent | 22.7, 54.1, 88.2 | rgb(22.7%,54.1%,88.2%) |
CMYK | 74, 39, 0, 12 | |
HSL | 211.3°, 73.6, 55.5 | hsl(211.3,73.6%,55.5%) |
HSV (or HSB) | 211.3°, 74.2, 88.2 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 56.596, 4.954, -51.209 |
---|---|
XYZ | 24.421, 24.511, 74.674 |
xyY | 0.198, 0.198, 24.511 |
CIE-LCH | 56.596, 51.448, 275.525 |
CIE-LUV | 56.596, -28.907, -81.141 |
Hunter-Lab | 49.508, 1.408, -54.772 |
Binary | 00111010, 10001010, 11100001 |
Color Schemes with #3a8ae1
Alternatives to #3a8ae1
Below, you can see some colors close to #3a8ae1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3a8ae1 Preview
This text has a font color of #3a8ae1.
<span style="color:#3a8ae1;">Text here</span>
This paragraph has a background color of #3a8ae1.
<p style="background-color:#3a8ae1;">Content here</p>
This element has a border color of #3a8ae1.
<div style="border:1px solid #3a8ae1;">Content here</div>
.text {color:#3a8ae1;}
.background {background-color:#3a8ae1;}
.border {border:1px solid #3a8ae1;}
Shades and Tints of #3a8ae1
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, #010407 is the darkest color, while #f5f9fe is the lightest one.
-
#010407
#010407
rgb(1,4,7)
-
#040e18
#040e18
rgb(4,14,24)
-
#061729
#061729
rgb(6,23,41)
-
#09213a
#09213a
rgb(9,33,58)
-
#0b2a4b
#0b2a4b
rgb(11,42,75)
-
#0e345c
#0e345c
rgb(14,52,92)
-
#113d6d
#113d6d
rgb(17,61,109)
-
#13477e
#13477e
rgb(19,71,126)
-
#16508f
#16508f
rgb(22,80,143)
-
#185aa0
#185aa0
rgb(24,90,160)
-
#1b63b2
#1b63b2
rgb(27,99,178)
-
#1e6dc3
#1e6dc3
rgb(30,109,195)
-
#2076d4
#2076d4
rgb(32,118,212)
-
#2980de
#2980de
rgb(41,128,222)
-
#3a8ae1
#3a8ae1
rgb(58,138,225)
-
#4b94e4
#4b94e4
rgb(75,148,228)
-
#5c9ee6
#5c9ee6
rgb(92,158,230)
-
#6da8e9
#6da8e9
rgb(109,168,233)
-
#7eb2eb
#7eb2eb
rgb(126,178,235)
-
#8fbdee
#8fbdee
rgb(143,189,238)
-
#a0c7f1
#a0c7f1
rgb(160,199,241)
-
#b1d1f3
#b1d1f3
rgb(177,209,243)
-
#c2dbf6
#c2dbf6
rgb(194,219,246)
-
#d3e5f8
#d3e5f8
rgb(211,229,248)
-
#e4effb
#e4effb
rgb(228,239,251)
-
#f5f9fe
#f5f9fe
rgb(245,249,254)
Tones of #3a8ae1
A tone is produced by adding gray to any pure hue. In this case, #898d92 is the less saturated color, while #2089fb is the most saturated one.
-
#898d92
#898d92
rgb(137,141,146)
-
#808d9b
#808d9b
rgb(128,141,155)
-
#778da4
#778da4
rgb(119,141,164)
-
#6e8cad
#6e8cad
rgb(110,140,173)
-
#668cb5
#668cb5
rgb(102,140,181)
-
#5d8bbe
#5d8bbe
rgb(93,139,190)
-
#548bc7
#548bc7
rgb(84,139,199)
-
#4b8bd0
#4b8bd0
rgb(75,139,208)
-
#438ad8
#438ad8
rgb(67,138,216)
-
#3a8ae1
#3a8ae1
rgb(58,138,225)
-
#318aea
#318aea
rgb(49,138,234)
-
#2989f2
#2989f2
rgb(41,137,242)
-
#2089fb
#2089fb
rgb(32,137,251)
Color Blindness Simulator
Below, you can see how #3a8ae1 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.