#3686ed Color Information
In a RGB color space, hex #3686ed is composed of 21.2% red, 52.5% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 77.2% cyan, 43.5% magenta, 0% yellow and 7.1% black. It has a hue angle of 213.8 degrees, a saturation of 83.6% and a lightness of 57.1%. #3686ed color hex could be obtained by blending #6cffff with #000ddb. Closest websafe color is: #3399ff.
-
- R 21
- G 53
- B 93
-
- C 77
- M 43
- Y 0
- K 7
● #3686ed color description : Bright blue.
#3686ed Color Conversion
The hexadecimal color #3686ed has RGB values of R:54, G:134, B:237 and CMYK values of C:0.77, M:0.43, Y:0, K:0.07. Its decimal value is 3573485.
Hex triplet | 3686ed | #3686ed |
---|---|---|
RGB Decimal | 54, 134, 237 | rgb(54,134,237) |
RGB Percent | 21.2, 52.5, 92.9 | rgb(21.2%,52.5%,92.9%) |
CMYK | 77, 43, 0, 7 | |
HSL | 213.8°, 83.6, 57.1 | hsl(213.8,83.6%,57.1%) |
HSV (or HSB) | 213.8°, 77.2, 92.9 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 56.035, 11.265, -58.797 |
---|---|
XYZ | 25.329, 23.947, 83.403 |
xyY | 0.191, 0.18, 23.947 |
CIE-LCH | 56.035, 59.866, 280.846 |
CIE-LUV | 56.035, -27.843, -93.82 |
Hunter-Lab | 48.936, 6.754, -66.796 |
Binary | 00110110, 10000110, 11101101 |
Color Schemes with #3686ed
Alternatives to #3686ed
Below, you can see some colors close to #3686ed. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3686ed Preview
This text has a font color of #3686ed.
<span style="color:#3686ed;">Text here</span>
This paragraph has a background color of #3686ed.
<p style="background-color:#3686ed;">Content here</p>
This element has a border color of #3686ed.
<div style="border:1px solid #3686ed;">Content here</div>
.text {color:#3686ed;}
.background {background-color:#3686ed;}
.border {border:1px solid #3686ed;}
Shades and Tints of #3686ed
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, #01070f is the darkest color, while #fcfdff is the lightest one.
-
#01070f
#01070f
rgb(1,7,15)
-
#031021
#031021
rgb(3,16,33)
-
#051933
#051933
rgb(5,25,51)
-
#062245
#062245
rgb(6,34,69)
-
#082a57
#082a57
rgb(8,42,87)
-
#093369
#093369
rgb(9,51,105)
-
#0b3c7b
#0b3c7b
rgb(11,60,123)
-
#0d458d
#0d458d
rgb(13,69,141)
-
#0e4e9f
#0e4e9f
rgb(14,78,159)
-
#1056b1
#1056b1
rgb(16,86,177)
-
#115fc3
#115fc3
rgb(17,95,195)
-
#1368d5
#1368d5
rgb(19,104,213)
-
#1571e7
#1571e7
rgb(21,113,231)
-
#247beb
#247beb
rgb(36,123,235)
-
#3686ed
#3686ed
rgb(54,134,237)
-
#4891ef
#4891ef
rgb(72,145,239)
-
#5a9cf0
#5a9cf0
rgb(90,156,240)
-
#6ca7f2
#6ca7f2
rgb(108,167,242)
-
#7eb1f3
#7eb1f3
rgb(126,177,243)
-
#90bcf5
#90bcf5
rgb(144,188,245)
-
#a2c7f7
#a2c7f7
rgb(162,199,247)
-
#b4d2f8
#b4d2f8
rgb(180,210,248)
-
#c6ddfa
#c6ddfa
rgb(198,221,250)
-
#d8e8fc
#d8e8fc
rgb(216,232,252)
-
#eaf2fd
#eaf2fd
rgb(234,242,253)
-
#fcfdff
#fcfdff
rgb(252,253,255)
Tones of #3686ed
A tone is produced by adding gray to any pure hue. In this case, #8a9199 is the less saturated color, while #2584fe is the most saturated one.
-
#8a9199
#8a9199
rgb(138,145,153)
-
#8290a1
#8290a1
rgb(130,144,161)
-
#798eaa
#798eaa
rgb(121,142,170)
-
#718db2
#718db2
rgb(113,141,178)
-
#698cba
#698cba
rgb(105,140,186)
-
#608bc3
#608bc3
rgb(96,139,195)
-
#588acb
#588acb
rgb(88,138,203)
-
#4f89d4
#4f89d4
rgb(79,137,212)
-
#4788dc
#4788dc
rgb(71,136,220)
-
#3e87e5
#3e87e5
rgb(62,135,229)
-
#3686ed
#3686ed
rgb(54,134,237)
-
#2e85f5
#2e85f5
rgb(46,133,245)
-
#2584fe
#2584fe
rgb(37,132,254)
Color Blindness Simulator
Below, you can see how #3686ed 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.