#3686ea Color Information
In a RGB color space, hex #3686ea is composed of 21.2% red, 52.5% green and 91.8% blue. Whereas in a CMYK color space, it is composed of 76.9% cyan, 42.7% magenta, 0% yellow and 8.2% black. It has a hue angle of 213.3 degrees, a saturation of 81.1% and a lightness of 56.5%. #3686ea color hex could be obtained by blending #6cffff with #000dd5. Closest websafe color is: #3399ff.
-
- R 21
- G 53
- B 92
-
- C 77
- M 43
- Y 0
- K 8
● #3686ea color description : Bright blue.
#3686ea Color Conversion
The hexadecimal color #3686ea has RGB values of R:54, G:134, B:234 and CMYK values of C:0.77, M:0.43, Y:0, K:0.08. Its decimal value is 3573482.
Hex triplet | 3686ea | #3686ea |
---|---|---|
RGB Decimal | 54, 134, 234 | rgb(54,134,234) |
RGB Percent | 21.2, 52.5, 91.8 | rgb(21.2%,52.5%,91.8%) |
CMYK | 77, 43, 0, 8 | |
HSL | 213.3°, 81.1, 56.5 | hsl(213.3,81.1%,56.5%) |
HSV (or HSB) | 213.3°, 76.9, 91.8 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 55.86, 10.167, -57.408 |
---|---|
XYZ | 24.894, 23.773, 81.114 |
xyY | 0.192, 0.183, 23.773 |
CIE-LCH | 55.86, 58.302, 280.043 |
CIE-LUV | 55.86, -27.938, -91.435 |
Hunter-Lab | 48.758, 5.812, -64.506 |
Binary | 00110110, 10000110, 11101010 |
Color Schemes with #3686ea
Alternatives to #3686ea
Below, you can see some colors close to #3686ea. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3686ea Preview
This text has a font color of #3686ea.
<span style="color:#3686ea;">Text here</span>
This paragraph has a background color of #3686ea.
<p style="background-color:#3686ea;">Content here</p>
This element has a border color of #3686ea.
<div style="border:1px solid #3686ea;">Content here</div>
.text {color:#3686ea;}
.background {background-color:#3686ea;}
.border {border:1px solid #3686ea;}
Shades and Tints of #3686ea
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, #01060c is the darkest color, while #f9fcfe is the lightest one.
-
#01060c
#01060c
rgb(1,6,12)
-
#030f1e
#030f1e
rgb(3,15,30)
-
#051830
#051830
rgb(5,24,48)
-
#072141
#072141
rgb(7,33,65)
-
#092a53
#092a53
rgb(9,42,83)
-
#0b3365
#0b3365
rgb(11,51,101)
-
#0c3c77
#0c3c77
rgb(12,60,119)
-
#0e4588
#0e4588
rgb(14,69,136)
-
#104d9a
#104d9a
rgb(16,77,154)
-
#1256ac
#1256ac
rgb(18,86,172)
-
#145fbe
#145fbe
rgb(20,95,190)
-
#1668cf
#1668cf
rgb(22,104,207)
-
#1871e1
#1871e1
rgb(24,113,225)
-
#247be8
#247be8
rgb(36,123,232)
-
#3686ea
#3686ea
rgb(54,134,234)
-
#4891ec
#4891ec
rgb(72,145,236)
-
#5a9bee
#5a9bee
rgb(90,155,238)
-
#6ba6f0
#6ba6f0
rgb(107,166,240)
-
#7db1f1
#7db1f1
rgb(125,177,241)
-
#8fbbf3
#8fbbf3
rgb(143,187,243)
-
#a1c6f5
#a1c6f5
rgb(161,198,245)
-
#b2d1f7
#b2d1f7
rgb(178,209,247)
-
#c4dcf9
#c4dcf9
rgb(196,220,249)
-
#d6e6fb
#d6e6fb
rgb(214,230,251)
-
#e8f1fd
#e8f1fd
rgb(232,241,253)
-
#f9fcfe
#f9fcfe
rgb(249,252,254)
Tones of #3686ea
A tone is produced by adding gray to any pure hue. In this case, #8b8f95 is the less saturated color, while #2584fb is the most saturated one.
-
#8b8f95
#8b8f95
rgb(139,143,149)
-
#838f9d
#838f9d
rgb(131,143,157)
-
#7a8ea6
#7a8ea6
rgb(122,142,166)
-
#728dae
#728dae
rgb(114,141,174)
-
#698cb7
#698cb7
rgb(105,140,183)
-
#618bbf
#618bbf
rgb(97,139,191)
-
#588ac8
#588ac8
rgb(88,138,200)
-
#5089d0
#5089d0
rgb(80,137,208)
-
#4788d9
#4788d9
rgb(71,136,217)
-
#3f87e1
#3f87e1
rgb(63,135,225)
-
#3686ea
#3686ea
rgb(54,134,234)
-
#2d85f3
#2d85f3
rgb(45,133,243)
-
#2584fb
#2584fb
rgb(37,132,251)
Color Blindness Simulator
Below, you can see how #3686ea 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.