#3d86f6 Color Information
In a RGB color space, hex #3d86f6 is composed of 23.9% red, 52.5% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 75.2% cyan, 45.5% magenta, 0% yellow and 3.5% black. It has a hue angle of 216.3 degrees, a saturation of 91.1% and a lightness of 60.2%. #3d86f6 color hex could be obtained by blending #7affff with #000ded. Closest websafe color is: #3399ff.
-
- R 24
- G 53
- B 96
-
- C 75
- M 46
- Y 0
- K 4
● #3d86f6 color description : Bright blue.
#3d86f6 Color Conversion
The hexadecimal color #3d86f6 has RGB values of R:61, G:134, B:246 and CMYK values of C:0.75, M:0.46, Y:0, K:0.04. Its decimal value is 4032246.
Hex triplet | 3d86f6 | #3d86f6 |
---|---|---|
RGB Decimal | 61, 134, 246 | rgb(61,134,246) |
RGB Percent | 23.9, 52.5, 96.5 | rgb(23.9%,52.5%,96.5%) |
CMYK | 75, 46, 0, 4 | |
HSL | 216.3°, 91.1, 60.2 | hsl(216.3,91.1%,60.2%) |
HSV (or HSB) | 216.3°, 75.2, 96.5 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 56.776, 15.32, -62.584 |
---|---|
XYZ | 27.08, 24.694, 90.523 |
xyY | 0.19, 0.174, 24.694 |
CIE-LCH | 56.776, 64.432, 283.755 |
CIE-LUV | 56.776, -26.526, -100.498 |
Hunter-Lab | 49.693, 10.311, -73.22 |
Binary | 00111101, 10000110, 11110110 |
Color Schemes with #3d86f6
Alternatives to #3d86f6
Below, you can see some colors close to #3d86f6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3d86f6 Preview
This text has a font color of #3d86f6.
<span style="color:#3d86f6;">Text here</span>
This paragraph has a background color of #3d86f6.
<p style="background-color:#3d86f6;">Content here</p>
This element has a border color of #3d86f6.
<div style="border:1px solid #3d86f6;">Content here</div>
.text {color:#3d86f6;}
.background {background-color:#3d86f6;}
.border {border:1px solid #3d86f6;}
Shades and Tints of #3d86f6
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, #01050c is the darkest color, while #f8fbff is the lightest one.
-
#01050c
#01050c
rgb(1,5,12)
-
#010d1f
#010d1f
rgb(1,13,31)
-
#021532
#021532
rgb(2,21,50)
-
#031d44
#031d44
rgb(3,29,68)
-
#042557
#042557
rgb(4,37,87)
-
#052d6a
#052d6a
rgb(5,45,106)
-
#06357d
#06357d
rgb(6,53,125)
-
#073d8f
#073d8f
rgb(7,61,143)
-
#0845a2
#0845a2
rgb(8,69,162)
-
#084cb5
#084cb5
rgb(8,76,181)
-
#0954c8
#0954c8
rgb(9,84,200)
-
#0a5cda
#0a5cda
rgb(10,92,218)
-
#0b64ed
#0b64ed
rgb(11,100,237)
-
#186ff4
#186ff4
rgb(24,111,244)
-
#2a7af5
#2a7af5
rgb(42,122,245)
-
#3d86f6
#3d86f6
rgb(61,134,246)
-
#5092f7
#5092f7
rgb(80,146,247)
-
#629df8
#629df8
rgb(98,157,248)
-
#75a9f9
#75a9f9
rgb(117,169,249)
-
#88b5f9
#88b5f9
rgb(136,181,249)
-
#9bc0fa
#9bc0fa
rgb(155,192,250)
-
#adccfb
#adccfb
rgb(173,204,251)
-
#c0d8fc
#c0d8fc
rgb(192,216,252)
-
#d3e4fd
#d3e4fd
rgb(211,228,253)
-
#e6effe
#e6effe
rgb(230,239,254)
-
#f8fbff
#f8fbff
rgb(248,251,255)
Tones of #3d86f6
A tone is produced by adding gray to any pure hue. In this case, #9398a0 is the less saturated color, while #3584fe is the most saturated one.
-
#9398a0
#9398a0
rgb(147,152,160)
-
#8b96a8
#8b96a8
rgb(139,150,168)
-
#8395b0
#8395b0
rgb(131,149,176)
-
#7b93b8
#7b93b8
rgb(123,147,184)
-
#7492bf
#7492bf
rgb(116,146,191)
-
#6c90c7
#6c90c7
rgb(108,144,199)
-
#648ecf
#648ecf
rgb(100,142,207)
-
#5c8dd7
#5c8dd7
rgb(92,141,215)
-
#548bdf
#548bdf
rgb(84,139,223)
-
#4d89e6
#4d89e6
rgb(77,137,230)
-
#4588ee
#4588ee
rgb(69,136,238)
-
#3d86f6
#3d86f6
rgb(61,134,246)
-
#3584fe
#3584fe
rgb(53,132,254)
Color Blindness Simulator
Below, you can see how #3d86f6 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.