#3686ee Color Information
In a RGB color space, hex #3686ee is composed of 21.2% red, 52.5% green and 93.3% blue. Whereas in a CMYK color space, it is composed of 77.3% cyan, 43.7% magenta, 0% yellow and 6.7% black. It has a hue angle of 213.9 degrees, a saturation of 84.4% and a lightness of 57.3%. #3686ee color hex could be obtained by blending #6cffff with #000ddd. Closest websafe color is: #3399ff.
-
- R 21
- G 53
- B 93
-
- C 77
- M 44
- Y 0
- K 7
● #3686ee color description : Bright blue.
#3686ee Color Conversion
The hexadecimal color #3686ee has RGB values of R:54, G:134, B:238 and CMYK values of C:0.77, M:0.44, Y:0, K:0.07. Its decimal value is 3573486.
Hex triplet | 3686ee | #3686ee |
---|---|---|
RGB Decimal | 54, 134, 238 | rgb(54,134,238) |
RGB Percent | 21.2, 52.5, 93.3 | rgb(21.2%,52.5%,93.3%) |
CMYK | 77, 44, 0, 7 | |
HSL | 213.9°, 84.4, 57.3 | hsl(213.9,84.4%,57.3%) |
HSV (or HSB) | 213.9°, 77.3, 93.3 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 56.093, 11.631, -59.258 |
---|---|
XYZ | 25.476, 24.005, 84.175 |
xyY | 0.191, 0.18, 24.005 |
CIE-LCH | 56.093, 60.389, 281.104 |
CIE-LUV | 56.093, -27.812, -94.612 |
Hunter-Lab | 48.995, 7.071, -67.565 |
Binary | 00110110, 10000110, 11101110 |
Color Schemes with #3686ee
Alternatives to #3686ee
Below, you can see some colors close to #3686ee. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3686ee Preview
This text has a font color of #3686ee.
<span style="color:#3686ee;">Text here</span>
This paragraph has a background color of #3686ee.
<p style="background-color:#3686ee;">Content here</p>
This element has a border color of #3686ee.
<div style="border:1px solid #3686ee;">Content here</div>
.text {color:#3686ee;}
.background {background-color:#3686ee;}
.border {border:1px solid #3686ee;}
Shades and Tints of #3686ee
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, #010810 is the darkest color, while #fdfeff is the lightest one.
-
#010810
#010810
rgb(1,8,16)
-
#031022
#031022
rgb(3,16,34)
-
#041934
#041934
rgb(4,25,52)
-
#062246
#062246
rgb(6,34,70)
-
#072b58
#072b58
rgb(7,43,88)
-
#09336a
#09336a
rgb(9,51,106)
-
#0b3c7d
#0b3c7d
rgb(11,60,125)
-
#0c458f
#0c458f
rgb(12,69,143)
-
#0e4ea1
#0e4ea1
rgb(14,78,161)
-
#0f56b3
#0f56b3
rgb(15,86,179)
-
#115fc5
#115fc5
rgb(17,95,197)
-
#1268d7
#1268d7
rgb(18,104,215)
-
#1470e9
#1470e9
rgb(20,112,233)
-
#247bec
#247bec
rgb(36,123,236)
-
#3686ee
#3686ee
rgb(54,134,238)
-
#4891f0
#4891f0
rgb(72,145,240)
-
#5a9cf1
#5a9cf1
rgb(90,156,241)
-
#6ca7f3
#6ca7f3
rgb(108,167,243)
-
#7eb2f4
#7eb2f4
rgb(126,178,244)
-
#90bcf6
#90bcf6
rgb(144,188,246)
-
#a3c7f7
#a3c7f7
rgb(163,199,247)
-
#b5d2f9
#b5d2f9
rgb(181,210,249)
-
#c7ddfa
#c7ddfa
rgb(199,221,250)
-
#d9e8fc
#d9e8fc
rgb(217,232,252)
-
#ebf3fd
#ebf3fd
rgb(235,243,253)
-
#fdfeff
#fdfeff
rgb(253,254,255)
Tones of #3686ee
A tone is produced by adding gray to any pure hue. In this case, #8a919a is the less saturated color, while #2584ff is the most saturated one.
-
#8a919a
#8a919a
rgb(138,145,154)
-
#8190a3
#8190a3
rgb(129,144,163)
-
#798fab
#798fab
rgb(121,143,171)
-
#718eb3
#718eb3
rgb(113,142,179)
-
#688dbc
#688dbc
rgb(104,141,188)
-
#608bc4
#608bc4
rgb(96,139,196)
-
#588acc
#588acc
rgb(88,138,204)
-
#4f89d5
#4f89d5
rgb(79,137,213)
-
#4788dd
#4788dd
rgb(71,136,221)
-
#3e87e6
#3e87e6
rgb(62,135,230)
-
#3686ee
#3686ee
rgb(54,134,238)
-
#2e85f6
#2e85f6
rgb(46,133,246)
-
#2584ff
#2584ff
rgb(37,132,255)
Color Blindness Simulator
Below, you can see how #3686ee 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.