#3a86f6 Color Information
In a RGB color space, hex #3a86f6 is composed of 22.7% red, 52.5% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 76.4% cyan, 45.5% magenta, 0% yellow and 3.5% black. It has a hue angle of 215.7 degrees, a saturation of 91.3% and a lightness of 59.6%. #3a86f6 color hex could be obtained by blending #74ffff with #000ded. Closest websafe color is: #3399ff.
-
- R 23
- G 53
- B 96
-
- C 76
- M 46
- Y 0
- K 4
● #3a86f6 color description : Bright blue.
#3a86f6 Color Conversion
The hexadecimal color #3a86f6 has RGB values of R:58, G:134, B:246 and CMYK values of C:0.76, M:0.46, Y:0, K:0.04. Its decimal value is 3835638.
Hex triplet | 3a86f6 | #3a86f6 |
---|---|---|
RGB Decimal | 58, 134, 246 | rgb(58,134,246) |
RGB Percent | 22.7, 52.5, 96.5 | rgb(22.7%,52.5%,96.5%) |
CMYK | 76, 46, 0, 4 | |
HSL | 215.7°, 91.3, 59.6 | hsl(215.7,91.3%,59.6%) |
HSV (or HSB) | 215.7°, 76.4, 96.5 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 56.685, 14.984, -62.735 |
---|---|
XYZ | 26.901, 24.601, 90.515 |
xyY | 0.189, 0.173, 24.601 |
CIE-LCH | 56.685, 64.5, 283.433 |
CIE-LUV | 56.685, -26.991, -100.672 |
Hunter-Lab | 49.6, 10.011, -73.478 |
Binary | 00111010, 10000110, 11110110 |
Color Schemes with #3a86f6
Alternatives to #3a86f6
Below, you can see some colors close to #3a86f6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3a86f6 Preview
This text has a font color of #3a86f6.
<span style="color:#3a86f6;">Text here</span>
This paragraph has a background color of #3a86f6.
<p style="background-color:#3a86f6;">Content here</p>
This element has a border color of #3a86f6.
<div style="border:1px solid #3a86f6;">Content here</div>
.text {color:#3a86f6;}
.background {background-color:#3a86f6;}
.border {border:1px solid #3a86f6;}
Shades and Tints of #3a86f6
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, #000409 is the darkest color, while #f6f9ff is the lightest one.
-
#000409
#000409
rgb(0,4,9)
-
#010c1c
#010c1c
rgb(1,12,28)
-
#02142f
#02142f
rgb(2,20,47)
-
#031c42
#031c42
rgb(3,28,66)
-
#042454
#042454
rgb(4,36,84)
-
#052c67
#052c67
rgb(5,44,103)
-
#06357a
#06357a
rgb(6,53,122)
-
#063d8d
#063d8d
rgb(6,61,141)
-
#07459f
#07459f
rgb(7,69,159)
-
#084db2
#084db2
rgb(8,77,178)
-
#0955c5
#0955c5
rgb(9,85,197)
-
#0a5dd8
#0a5dd8
rgb(10,93,216)
-
#0b65ea
#0b65ea
rgb(11,101,234)
-
#146ff4
#146ff4
rgb(20,111,244)
-
#277af5
#277af5
rgb(39,122,245)
-
#3a86f6
#3a86f6
rgb(58,134,246)
-
#4d92f7
#4d92f7
rgb(77,146,247)
-
#609df8
#609df8
rgb(96,157,248)
-
#72a9f9
#72a9f9
rgb(114,169,249)
-
#85b4f9
#85b4f9
rgb(133,180,249)
-
#98c0fa
#98c0fa
rgb(152,192,250)
-
#abcbfb
#abcbfb
rgb(171,203,251)
-
#bdd7fc
#bdd7fc
rgb(189,215,252)
-
#d0e2fd
#d0e2fd
rgb(208,226,253)
-
#e3eefe
#e3eefe
rgb(227,238,254)
-
#f6f9ff
#f6f9ff
rgb(246,249,255)
Tones of #3a86f6
A tone is produced by adding gray to any pure hue. In this case, #91979f is the less saturated color, while #3284fe is the most saturated one.
-
#91979f
#91979f
rgb(145,151,159)
-
#8995a7
#8995a7
rgb(137,149,167)
-
#8194af
#8194af
rgb(129,148,175)
-
#7992b7
#7992b7
rgb(121,146,183)
-
#7191bf
#7191bf
rgb(113,145,191)
-
#6a8fc6
#6a8fc6
rgb(106,143,198)
-
#628ece
#628ece
rgb(98,142,206)
-
#5a8cd6
#5a8cd6
rgb(90,140,214)
-
#528bde
#528bde
rgb(82,139,222)
-
#4a89e6
#4a89e6
rgb(74,137,230)
-
#4288ee
#4288ee
rgb(66,136,238)
-
#3a86f6
#3a86f6
rgb(58,134,246)
-
#3284fe
#3284fe
rgb(50,132,254)
Color Blindness Simulator
Below, you can see how #3a86f6 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.