#3a86e1 Color Information
In a RGB color space, hex #3a86e1 is composed of 22.7% red, 52.5% green and 88.2% blue. Whereas in a CMYK color space, it is composed of 74.2% cyan, 40.4% magenta, 0% yellow and 11.8% black. It has a hue angle of 212.7 degrees, a saturation of 73.6% and a lightness of 55.5%. #3a86e1 color hex could be obtained by blending #74ffff with #000dc3. Closest websafe color is: #3399cc.
-
- R 23
- G 53
- B 88
-
- C 74
- M 40
- Y 0
- K 12
● #3a86e1 color description : Bright blue.
#3a86e1 Color Conversion
The hexadecimal color #3a86e1 has RGB values of R:58, G:134, B:225 and CMYK values of C:0.74, M:0.4, Y:0, K:0.12. Its decimal value is 3835617.
Hex triplet | 3a86e1 | #3a86e1 |
---|---|---|
RGB Decimal | 58, 134, 225 | rgb(58,134,225) |
RGB Percent | 22.7, 52.5, 88.2 | rgb(22.7%,52.5%,88.2%) |
CMYK | 74, 40, 0, 12 | |
HSL | 212.7°, 73.6, 55.5 | hsl(212.7,73.6%,55.5%) |
HSV (or HSB) | 212.7°, 74.2, 88.2 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 55.466, 7.361, -53.009 |
---|---|
XYZ | 23.858, 23.384, 74.486 |
xyY | 0.196, 0.192, 23.384 |
CIE-LCH | 55.466, 53.517, 277.905 |
CIE-LUV | 55.466, -27.601, -83.965 |
Hunter-Lab | 48.357, 3.44, -57.477 |
Binary | 00111010, 10000110, 11100001 |
Color Schemes with #3a86e1
Alternatives to #3a86e1
Below, you can see some colors close to #3a86e1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3a86e1 Preview
This text has a font color of #3a86e1.
<span style="color:#3a86e1;">Text here</span>
This paragraph has a background color of #3a86e1.
<p style="background-color:#3a86e1;">Content here</p>
This element has a border color of #3a86e1.
<div style="border:1px solid #3a86e1;">Content here</div>
.text {color:#3a86e1;}
.background {background-color:#3a86e1;}
.border {border:1px solid #3a86e1;}
Shades and Tints of #3a86e1
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)
-
#040d18
#040d18
rgb(4,13,24)
-
#061629
#061629
rgb(6,22,41)
-
#091f3a
#091f3a
rgb(9,31,58)
-
#0b294b
#0b294b
rgb(11,41,75)
-
#0e325c
#0e325c
rgb(14,50,92)
-
#113b6d
#113b6d
rgb(17,59,109)
-
#13447e
#13447e
rgb(19,68,126)
-
#164d8f
#164d8f
rgb(22,77,143)
-
#1856a0
#1856a0
rgb(24,86,160)
-
#1b60b2
#1b60b2
rgb(27,96,178)
-
#1e69c3
#1e69c3
rgb(30,105,195)
-
#2072d4
#2072d4
rgb(32,114,212)
-
#297cde
#297cde
rgb(41,124,222)
-
#3a86e1
#3a86e1
rgb(58,134,225)
-
#4b90e4
#4b90e4
rgb(75,144,228)
-
#5c9be6
#5c9be6
rgb(92,155,230)
-
#6da5e9
#6da5e9
rgb(109,165,233)
-
#7eb0eb
#7eb0eb
rgb(126,176,235)
-
#8fbaee
#8fbaee
rgb(143,186,238)
-
#a0c5f1
#a0c5f1
rgb(160,197,241)
-
#b1cff3
#b1cff3
rgb(177,207,243)
-
#c2daf6
#c2daf6
rgb(194,218,246)
-
#d3e4f8
#d3e4f8
rgb(211,228,248)
-
#e4effb
#e4effb
rgb(228,239,251)
-
#f5f9fe
#f5f9fe
rgb(245,249,254)
Tones of #3a86e1
A tone is produced by adding gray to any pure hue. In this case, #898d92 is the less saturated color, while #2084fb is the most saturated one.
-
#898d92
#898d92
rgb(137,141,146)
-
#808c9b
#808c9b
rgb(128,140,155)
-
#778ba4
#778ba4
rgb(119,139,164)
-
#6e8bad
#6e8bad
rgb(110,139,173)
-
#668ab5
#668ab5
rgb(102,138,181)
-
#5d89be
#5d89be
rgb(93,137,190)
-
#5488c7
#5488c7
rgb(84,136,199)
-
#4b88d0
#4b88d0
rgb(75,136,208)
-
#4387d8
#4387d8
rgb(67,135,216)
-
#3a86e1
#3a86e1
rgb(58,134,225)
-
#3185ea
#3185ea
rgb(49,133,234)
-
#2984f2
#2984f2
rgb(41,132,242)
-
#2084fb
#2084fb
rgb(32,132,251)
Color Blindness Simulator
Below, you can see how #3a86e1 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.